diff options
author | elijah <elijah@riseup.net> | 2015-02-18 23:44:14 -0800 |
---|---|---|
committer | elijah <elijah@riseup.net> | 2015-02-18 23:44:14 -0800 |
commit | e53e113dcde3e3686095c3661307efccc5c7e64e (patch) | |
tree | 2d5219d73587750ec478811c65499325a95a04db /pages/assets/bootstrap/_grid.scss |
initial conversation from leap_doc and leap_website
Diffstat (limited to 'pages/assets/bootstrap/_grid.scss')
-rw-r--r-- | pages/assets/bootstrap/_grid.scss | 84 |
1 files changed, 84 insertions, 0 deletions
diff --git a/pages/assets/bootstrap/_grid.scss b/pages/assets/bootstrap/_grid.scss new file mode 100644 index 0000000..b15ca27 --- /dev/null +++ b/pages/assets/bootstrap/_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); +} |