diff options
author | Corey Sewell <corey@gdmedia.tv> | 2014-11-14 20:40:27 +1300 |
---|---|---|
committer | Corey Sewell <corey@gdmedia.tv> | 2014-11-14 20:44:05 +1300 |
commit | 28bd7c0707e3a29f4f74fbdeab88beaa81cd06d4 (patch) | |
tree | 2d1f7e7bfaf049f0829f0896d3b0e7c3c16b7a63 /bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_grid.scss | |
parent | 3f867ba1163807a2d43f33ba8d38b5947c45b6fe (diff) |
Add support for SASS/SCSS
Refactored less files to be more scss friendly
* Ensured no variables are used before assignment
* Removed interpolated variable usage with similar substitute
Added SCSS Grunt tasks
* convert_less - Converts theme less files to scss
* swatch_scss - Same as original swatch task, but using sass
* compress_scss - Same as original compress task, but using sass
Added dependencies for SCSS
Updated _config.yml so jekyll includes theme _bootswatch.scss and _variables.scss files
Added .sass-cache dir to .gitignore
Diffstat (limited to 'bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_grid.scss')
-rw-r--r-- | bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_grid.scss | 84 |
1 files changed, 84 insertions, 0 deletions
diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_grid.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_grid.scss new file mode 100644 index 00000000..b15ca27b --- /dev/null +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/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); +} |