2012-06-29 12:46:45 +08:00
|
|
|
//
|
|
|
|
// Grid system
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
|
|
|
2012-08-29 04:33:06 +08:00
|
|
|
// Set the container width, and override it for fixed navbars in media queries
|
2012-12-01 04:42:37 +08:00
|
|
|
.container {
|
2012-12-01 08:18:40 +08:00
|
|
|
.container-fixed();
|
2012-12-01 04:42:37 +08:00
|
|
|
}
|
2012-01-30 05:06:57 +08:00
|
|
|
|
2013-01-16 09:55:14 +08:00
|
|
|
// Mobile-first defaults
|
|
|
|
.row {
|
2013-03-07 00:38:20 +08:00
|
|
|
margin-left: (@grid-gutter-width / -2);
|
|
|
|
margin-right: (@grid-gutter-width / -2);
|
2013-01-16 09:55:14 +08:00
|
|
|
.clear_float();
|
|
|
|
}
|
|
|
|
[class^="span"] {
|
2013-01-17 05:11:45 +08:00
|
|
|
min-height: 1px;
|
2013-03-07 00:38:20 +08:00
|
|
|
padding-left: (@grid-gutter-width / 2);
|
|
|
|
padding-right: (@grid-gutter-width / 2);
|
2013-01-16 09:55:14 +08:00
|
|
|
}
|
|
|
|
|
2013-01-17 16:42:31 +08:00
|
|
|
// Responsive: Tablets and up
|
|
|
|
@media screen and (min-width: 768px) {
|
2013-01-17 16:58:34 +08:00
|
|
|
.container {
|
|
|
|
max-width: 728px;
|
|
|
|
}
|
2013-01-18 02:49:10 +08:00
|
|
|
// Generate the grid columns and offsets
|
2013-01-17 16:42:31 +08:00
|
|
|
[class^="span"] {
|
|
|
|
float: left;
|
|
|
|
}
|
2013-01-18 02:49:10 +08:00
|
|
|
#grid > .core(@grid-column-width, @grid-gutter-width);
|
2013-01-17 16: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;
|
|
|
|
}
|
2013-03-04 10:19:31 +08:00
|
|
|
.row {
|
|
|
|
margin-left: -15px;
|
|
|
|
margin-right: -15px;
|
|
|
|
}
|
2013-01-17 16:42:31 +08:00
|
|
|
[class^="span"] {
|
|
|
|
padding-left: 15px;
|
|
|
|
padding-right: 15px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2012-07-30 07:51:24 +08:00
|
|
|
// Reset utility classes due to specificity
|
2012-09-26 13:20:24 +08:00
|
|
|
[class*="span"].pull-right {
|
2012-07-30 07:51:24 +08:00
|
|
|
float: right;
|
|
|
|
}
|