diff options
author | Philip Häusler <msquare@notrademark.de> | 2014-08-22 22:34:13 +0200 |
---|---|---|
committer | Philip Häusler <msquare@notrademark.de> | 2014-08-22 22:34:13 +0200 |
commit | 74647e16d37fac9425a4561b49618b52cdc3e75c (patch) | |
tree | 7bfd868f8ef2646e65ffd8dbdf63dd8bf91723e3 /vendor/bootstrap-3.2.0/_grid.scss | |
parent | 721aa7f160db36e53d03081bbda73970b702eeb7 (diff) |
add basic bootstrap theme
Diffstat (limited to 'vendor/bootstrap-3.2.0/_grid.scss')
-rw-r--r-- | vendor/bootstrap-3.2.0/_grid.scss | 84 |
1 files changed, 84 insertions, 0 deletions
diff --git a/vendor/bootstrap-3.2.0/_grid.scss b/vendor/bootstrap-3.2.0/_grid.scss new file mode 100644 index 00000000..f71f8b90 --- /dev/null +++ b/vendor/bootstrap-3.2.0/_grid.scss @@ -0,0 +1,84 @@ +// +// Grid system +// -------------------------------------------------- + + +// Container widths +// +// Set the container width, and override it for fixed navbars in media queries. + +.container { + @include 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 { + @include container-fixed(); +} + + +// Row +// +// Rows contain and clear the floats of your columns. + +.row { + @include make-row(); +} + + +// Columns +// +// Common styles for small and large grid columns + +@include make-grid-columns(); + + +// Extra small grid +// +// Columns, offsets, pushes, and pulls for extra small devices like +// smartphones. + +@include 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) { + @include make-grid(sm); +} + + +// Medium grid +// +// Columns, offsets, pushes, and pulls for the desktop device range. + +@media (min-width: $screen-md-min) { + @include make-grid(md); +} + + +// Large grid +// +// Columns, offsets, pushes, and pulls for the large desktop device range. + +@media (min-width: $screen-lg-min) { + @include make-grid(lg); +} |