You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
84 lines
1.4 KiB
84 lines
1.4 KiB
// |
|
// Grid system |
|
// -------------------------------------------------- |
|
|
|
|
|
// Container widths |
|
// |
|
// Set the container width, and override it for fixed navbars in media queries. |
|
|
|
.container { |
|
.container-fixed(); |
|
|
|
@media (min-width: @screen-sm-min) { |
|
width: @container-sm; |
|
} |
|
@media (min-width: @screen-md-min) { |
|
width: @container-md; |
|
} |
|
@media (min-width: @screen-lg-min) { |
|
width: @container-lg; |
|
} |
|
} |
|
|
|
|
|
// Fluid container |
|
// |
|
// Utilizes the mixin meant for fixed width containers, but without any defined |
|
// width for fluid, full width layouts. |
|
|
|
.container-fluid { |
|
.container-fixed(); |
|
} |
|
|
|
|
|
// Row |
|
// |
|
// Rows contain and clear the floats of your columns. |
|
|
|
.row { |
|
.make-row(); |
|
} |
|
|
|
|
|
// Columns |
|
// |
|
// Common styles for small and large grid columns |
|
|
|
.make-grid-columns(); |
|
|
|
|
|
// Extra small grid |
|
// |
|
// Columns, offsets, pushes, and pulls for extra small devices like |
|
// smartphones. |
|
|
|
.make-grid(xs); |
|
|
|
|
|
// Small grid |
|
// |
|
// Columns, offsets, pushes, and pulls for the small device range, from phones |
|
// to tablets. |
|
|
|
@media (min-width: @screen-sm-min) { |
|
.make-grid(sm); |
|
} |
|
|
|
|
|
// Medium grid |
|
// |
|
// Columns, offsets, pushes, and pulls for the desktop device range. |
|
|
|
@media (min-width: @screen-md-min) { |
|
.make-grid(md); |
|
} |
|
|
|
|
|
// Large grid |
|
// |
|
// Columns, offsets, pushes, and pulls for the large desktop device range. |
|
|
|
@media (min-width: @screen-lg-min) { |
|
.make-grid(lg); |
|
}
|
|
|