From 3a8f270d14101bc0c53e055c857dd687b29d4054 Mon Sep 17 00:00:00 2001 From: Arnold Daniels Date: Tue, 17 Jul 2012 13:21:15 +0200 Subject: [PATCH] Added support for .row-desktop. Only show as a row on a desktop, not on a tablet --- less/jasny/row-desktop.responsive.less | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 less/jasny/row-desktop.responsive.less diff --git a/less/jasny/row-desktop.responsive.less b/less/jasny/row-desktop.responsive.less new file mode 100644 index 00000000..c4643667 --- /dev/null +++ b/less/jasny/row-desktop.responsive.less @@ -0,0 +1,23 @@ +// Row-desktop.responsive.less +// Only show as a row on a desktop, not on a tablet +// ------------------------------------------------ + +@media (min-width: 768px) and (max-width: 979px) { + .row-desktop { + &.row-fluid { + width: 100%; + } + // Undo negative margin on rows + &.row { + margin-left: 0; + } + // Make all columns even + > [class*="span"], + > [class*="span"] { + float: none; + display: block; + width: auto; + margin: 0; + } + } +}