2012-06-28 21:46:45 -07:00
|
|
|
//
|
|
|
|
// Grid system
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
|
|
|
2012-08-28 13:33:06 -07:00
|
|
|
// Set the container width, and override it for fixed navbars in media queries
|
2012-11-30 12:42:37 -08:00
|
|
|
.container {
|
2012-11-30 16:18:40 -08:00
|
|
|
.container-fixed();
|
2012-11-30 12:42:37 -08:00
|
|
|
}
|
2012-01-29 13:06:57 -08:00
|
|
|
|
2013-01-15 17:55:14 -08:00
|
|
|
// Mobile-first defaults
|
|
|
|
.row {
|
2013-03-15 23:21:10 -07:00
|
|
|
.make-row();
|
2013-01-15 17:55:14 -08:00
|
|
|
}
|
2013-03-26 17:12:17 -07:00
|
|
|
[class*="col-span-"] {
|
2013-03-15 23:21:10 -07:00
|
|
|
position: relative;
|
2013-01-16 13:11:45 -08:00
|
|
|
min-height: 1px;
|
2013-03-06 16:38:20 +00:00
|
|
|
padding-left: (@grid-gutter-width / 2);
|
|
|
|
padding-right: (@grid-gutter-width / 2);
|
2013-01-15 17:55:14 -08:00
|
|
|
}
|
|
|
|
|
2013-01-17 00:42:31 -08:00
|
|
|
// Responsive: Tablets and up
|
|
|
|
@media screen and (min-width: 768px) {
|
2013-01-17 00:58:34 -08:00
|
|
|
.container {
|
|
|
|
max-width: 728px;
|
|
|
|
}
|
2013-01-17 10:49:10 -08:00
|
|
|
// Generate the grid columns and offsets
|
2013-03-26 17:12:17 -07:00
|
|
|
[class*="col-span-"] { float: left; }
|
2013-03-15 23:21:10 -07:00
|
|
|
.generate-grid-columns(@grid-columns);
|
2013-01-17 00:42:31 -08:00
|
|
|
}
|
|
|
|
|
|
|
|
// Responsive: Desktops and up
|
|
|
|
@media screen and (min-width: 992px) {
|
|
|
|
.container {
|
|
|
|
max-width: 940px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Responsive: Large desktops and up
|
|
|
|
@media screen and (min-width: 1200px) {
|
|
|
|
.container {
|
|
|
|
max-width: 1170px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2012-07-29 16:51:24 -07:00
|
|
|
// Reset utility classes due to specificity
|
2013-03-26 17:12:17 -07:00
|
|
|
[class*="col-span-"].pull-right {
|
2012-07-29 16:51:24 -07:00
|
|
|
float: right;
|
|
|
|
}
|