diff options
author | Ctibor Brančík <ctibor@brancik.cz> | 2016-03-20 19:50:03 +0100 |
---|---|---|
committer | Ctibor Brančík <ctibor@brancik.cz> | 2016-03-20 19:50:03 +0100 |
commit | 26106a315f04ca082152b474e6604cded843d08b (patch) | |
tree | f1c0869e1839e57e3cac9f63c926beafe4c6ce88 /sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-flow-item.scss | |
parent | 07a7c72b4bb6c8d585908b71c63d661880f1f61d (diff) | |
download | brdo-26106a315f04ca082152b474e6604cded843d08b.tar.gz brdo-26106a315f04ca082152b474e6604cded843d08b.tar.bz2 |
Added theme for Máme rádi přírodu.
Diffstat (limited to 'sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-flow-item.scss')
-rw-r--r-- | sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-flow-item.scss | 81 |
1 files changed, 81 insertions, 0 deletions
diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-flow-item.scss b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-flow-item.scss new file mode 100644 index 000000000..092fcb56a --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-flow-item.scss @@ -0,0 +1,81 @@ +/** + * @file + * Test zen-grid-flow-item() + */ + +@import "zen"; + +#test-zen-grid-flow-item { + /* Test zen-grid-flow-item(1) without setting $column-count */ + @include zen-grid-flow-item(1); + + /* Test zen-grid-flow-item(1, 4) with 20px gutter */ + @include zen-grid-flow-item(1, 4); + + /* Test zen-grid-flow-item(1, 4) with 15px gutter */ + $zen-gutter-width: 15px; + @include zen-grid-flow-item(1, 4); + $zen-gutter-width: 20px; + + /* Test zen-grid-flow-item(1) with 5 columns, 20px gutter and $zen-grid-width: 1000px */ + $zen-column-count: 5; + $zen-grid-width: 1000px; + @include zen-grid-flow-item(1); + $zen-column-count: 1; + $zen-grid-width: 100%; + + /* Test zen-grid-flow-item(1) with 5 columns, 20px gutter, $zen-grid-width: 1000px, $alpha-gutter: true and $omega-gutter: false */ + $zen-column-count: 5; + $zen-grid-width: 1000px; + @include zen-grid-flow-item(1, $alpha-gutter: true, $omega-gutter: false); + $zen-column-count: 1; + $zen-grid-width: 100%; + + /* Test zen-grid-flow-item(1) with 5 columns, 20px gutter, $zen-grid-width: 1000px and $omega-gutter: false */ + $zen-column-count: 5; + $zen-grid-width: 1000px; + @include zen-grid-flow-item(1, $omega-gutter: false); + $zen-column-count: 1; + $zen-grid-width: 100%; + + /* Test zen-grid-flow-item(1, 4) with 15px gutter and $zen-float-direction: right */ + $zen-gutter-width: 15px; + $zen-float-direction: right; + @include zen-grid-flow-item(1, 4); + $zen-gutter-width: 20px; + $zen-float-direction: left; + + /* Test zen-grid-flow-item(1, 4) with 15px gutter and $alpha-gutter: true */ + $zen-gutter-width: 15px; + @include zen-grid-flow-item(1, 4, $alpha-gutter: true); + $zen-gutter-width: 20px; + + /* Test zen-grid-flow-item(1, 4) with 15px gutter and $omega-gutter: false */ + $zen-gutter-width: 15px; + @include zen-grid-flow-item(1, 4, $omega-gutter: false); + $zen-gutter-width: 20px; + + /* Test zen-grid-flow-item(3, 4) with 20px gutter and $alpha-gutter: true */ + @include zen-grid-flow-item(3, 4, $alpha-gutter: true); + + /* Test zen-grid-flow-item(3, 4) with 20px gutter and $omega-gutter: false */ + @include zen-grid-flow-item(3, 4, $omega-gutter: false); + + /* Test zen-grid-flow-item(1, 4) with 15px gutter, $zen-float-direction: right and $alpha-gutter: true */ + $zen-gutter-width: 15px; + $zen-float-direction: right; + @include zen-grid-flow-item(1, 4, $alpha-gutter: true); + $zen-gutter-width: 20px; + $zen-float-direction: left; + + /* Test zen-grid-flow-item(1, 4) with $zen-box-sizing: content-box and 10% gutter */ + $zen-gutter-width: 10%; + $zen-box-sizing: content-box; + @include zen-grid-flow-item(1, 4); + $zen-gutter-width: 20px; + $zen-box-sizing: border-box; + + /* Test zen-grid-flow-item(1, 4) with $zen-auto-include-flow-item-base: false */ + $zen-auto-include-flow-item-base: false; + @include zen-grid-flow-item(1, 4); +} |