diff options
author | Prashant S | 2019-07-26 11:21:31 +0530 |
---|---|---|
committer | GitHub | 2019-07-26 11:21:31 +0530 |
commit | bfb41f58674f7c24bd41e6e6891f0773c3706ddc (patch) | |
tree | a407e9cac3242db67394711596835982160b0eaa /bootstrap/fonts/less/grid.less | |
parent | e5a79b1f0f70eb0bc413c5b85139617dbe84b07d (diff) | |
parent | 17bc989bd924aa4682807cf7920abb8558da0006 (diff) | |
download | fossee_istos-bfb41f58674f7c24bd41e6e6891f0773c3706ddc.tar.gz fossee_istos-bfb41f58674f7c24bd41e6e6891f0773c3706ddc.tar.bz2 fossee_istos-bfb41f58674f7c24bd41e6e6891f0773c3706ddc.zip |
internship work for new theme for drupal-8.x
Diffstat (limited to 'bootstrap/fonts/less/grid.less')
-rwxr-xr-x | bootstrap/fonts/less/grid.less | 94 |
1 files changed, 94 insertions, 0 deletions
diff --git a/bootstrap/fonts/less/grid.less b/bootstrap/fonts/less/grid.less new file mode 100755 index 0000000..574f462 --- /dev/null +++ b/bootstrap/fonts/less/grid.less @@ -0,0 +1,94 @@ +// +// 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(); +} + +.row-no-gutters { + margin-right: 0; + margin-left: 0; + + [class*="col-"] { + padding-right: 0; + padding-left: 0; + } +} + + +// 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); +} |