diff options
author | Ctibor Brančík <ctibor@brancik.cz> | 2016-03-22 23:36:38 +0100 |
---|---|---|
committer | Ctibor Brančík <ctibor@brancik.cz> | 2016-03-22 23:36:38 +0100 |
commit | b8b6fd96e5d1c7e803550dd86d3c4ed577bba9d3 (patch) | |
tree | 64b5e1367d0d01efb0687ef7c27f27de02f866bb /sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-background.scss | |
parent | eb273b377f00fabe7b90791333f8e915a201c69a (diff) | |
download | brdo-b8b6fd96e5d1c7e803550dd86d3c4ed577bba9d3.tar.gz brdo-b8b6fd96e5d1c7e803550dd86d3c4ed577bba9d3.tar.bz2 |
Add theme for MRP site.
Diffstat (limited to 'sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-background.scss')
-rw-r--r-- | sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-background.scss | 69 |
1 files changed, 69 insertions, 0 deletions
diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-background.scss b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-background.scss new file mode 100644 index 000000000..ef37ad4f0 --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-background.scss @@ -0,0 +1,69 @@ +/** + * @file + * Test zen-grid-background() + */ + +@import "zen/background"; + +#test-zen-grid-background { + /* Test zen-grid-background() with 1 column grid and 20px gutter */ + $zen-grid-numbers: top; + @include zen-grid-background(); + $zen-grid-numbers: both; + + // Turn off numbers for all other tests. + $zen-grid-numbers: none; + + /* Test zen-grid-background() with 12 column grid and 20px gutter */ + $zen-column-count: 12; + @include zen-grid-background(); + $zen-column-count: 1; + + /* Test zen-grid-background(), 5 column grid, 10% gutter and black grid color */ + $zen-column-count: 5; + $zen-gutter-width: 10%; + $zen-grid-color: #000; + @include zen-grid-background(); + $zen-column-count: 1; + $zen-gutter-width: 20px; + $zen-grid-color: rgba(#ffdede, 0.8); + + /* Test zen-grid-background() with 5 column grid and 40px gutter */ + $zen-column-count: 5; + $zen-gutter-width: 40px; + @include zen-grid-background(); + $zen-column-count: 1; + $zen-gutter-width: 20px; + + /* Test zen-grid-background(), 5 column grid and 10% gutter and $zen-reverse-all-floats */ + $zen-column-count: 5; + $zen-gutter-width: 10%; + $zen-reverse-all-floats: true; + @include zen-grid-background(); + $zen-column-count: 1; + $zen-gutter-width: 20px; + $zen-reverse-all-floats: false; + + /* Test zen-grid-background() with 5 column grid and 40px gutter and $zen-reverse-all-floats */ + $zen-column-count: 5; + $zen-gutter-width: 40px; + $zen-reverse-all-floats: true; + @include zen-grid-background(); + $zen-column-count: 1; + $zen-gutter-width: 20px; + $zen-reverse-all-floats: false; + + /* Test zen-grid-background() with $zen-grid-width: 1000px, 5 column grid and 40px gutter */ + $zen-grid-width: 1000px; + $zen-column-count: 5; + $zen-gutter-width: 40px; + @include zen-grid-background(); + $zen-grid-width: 100%; + $zen-column-count: 1; + $zen-gutter-width: 20px; + + /* Test zen-grid-background() with all 24 grid numbers */ + $zen-column-count: 24; + @include zen-grid-background(); + $zen-column-count: 1; +} |