diff options
Diffstat (limited to 'sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-grid-item-width.scss')
-rw-r--r-- | sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-grid-item-width.scss | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-grid-item-width.scss b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-grid-item-width.scss new file mode 100644 index 000000000..59a69d315 --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-grid-item-width.scss @@ -0,0 +1,38 @@ +/** + * @file + * Test zen-grid-item-width() + */ + +@import "zen"; + +#test-zen-grid-item-width { + /* Test zen-grid-item-width(1) with default $zen-column-count: 1 */ + width: zen-grid-item-width(1); + + /* Test zen-grid-item-width(2) with $zen-column-count: 5 */ + $zen-column-count: 5; + width: zen-grid-item-width(2); + $zen-column-count: 1; + + /* Test zen-grid-item-width(2, 5) */ + width: zen-grid-item-width(2, 5); + + /* Test zen-grid-item-width(1) with $zen-grid-width: 100px */ + $zen-grid-width: 100px; + width: zen-grid-item-width(1); + $zen-grid-width: 100%; + + /* Test zen-grid-item-width(2, 5) with $zen-grid-width: 100px */ + $zen-grid-width: 100px; + width: zen-grid-item-width(2, 5); + $zen-grid-width: 100%; + + /* Test zen-grid-item-width(2, 5, $grid-width: 1000px) */ + width: zen-grid-item-width(2, 5, $grid-width: 1000px); + + /* Test zen-grid-item-width(2, 5, $grid-width: 1000px, $box-sizing: content-box) */ + width: zen-grid-item-width(2, 5, $grid-width: 1000px, $box-sizing: content-box); + + /* Test zen-grid-item-width(2, 5, $gutter-width: 10px, $grid-width: 1000px, $box-sizing: content-box) */ + width: zen-grid-item-width(2, 5, $gutter-width: 10px, $grid-width: 1000px, $box-sizing: content-box); +} |