Added support for .row-desktop. Only show as a row on a desktop, not on a tablet

This commit is contained in:
Arnold Daniels
2012-07-17 13:21:15 +02:00
parent 3ab1eb55b9
commit 3a8f270d14

View File

@@ -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;
}
}
}