diff options
Diffstat (limited to 'sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass')
12 files changed, 513 insertions, 0 deletions
diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-direction-flip.scss b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-direction-flip.scss new file mode 100644 index 000000000..26d9cbb02 --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-direction-flip.scss @@ -0,0 +1,23 @@ +/** + * @file + * Test zen-direction-flip() + */ + +@import "zen"; + +#test-zen-direction-flip { + /* Test zen-direction-flip(left) */ + float: zen-direction-flip(left); + + /* Test zen-direction-flip(right) */ + float: zen-direction-flip(right); + + /* Test zen-direction-flip(both) */ + float: zen-direction-flip(both); + + /* Test zen-direction-flip(none) */ + float: zen-direction-flip(none); + + /* Test zen-direction-flip(invalid) */ + float: zen-direction-flip(invalid); +} 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); +} diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-half-gutter.scss b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-half-gutter.scss new file mode 100644 index 000000000..e457884a3 --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-half-gutter.scss @@ -0,0 +1,37 @@ +/** + * @file + * Test zen-half-gutter() + */ + +@import "zen"; + +#test-zen-half-gutter { + /* Test zen-half-gutter() with default $zen-gutter-width: 20px */ + padding-left: zen-half-gutter(); + + /* Test zen-half-gutter() with $zen-gutter-width: 30px */ + $zen-gutter-width: 30px; + padding-left: zen-half-gutter(); + + /* Test zen-half-gutter(10em) */ + padding-left: zen-half-gutter(10em); + + /* Test zen-half-gutter(11em) */ + padding-left: zen-half-gutter(11em); + + /* Test zen-half-gutter(10px) */ + padding-left: zen-half-gutter(10px); + + /* Test zen-half-gutter(11px) */ + padding-left: zen-half-gutter(11px); + + /* Test zen-half-gutter(11px, right) */ + padding-left: zen-half-gutter(11px, right); + + /* Test zen-half-gutter(11px) with $zen-float-direction: right */ + $zen-float-direction: right; + padding-left: zen-half-gutter(11px); + + /* Test zen-half-gutter(11px, left) with $zen-float-direction: right */ + padding-left: zen-half-gutter(11px, left); +} diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-unit-width.scss b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-unit-width.scss new file mode 100644 index 000000000..0a89a8f14 --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-unit-width.scss @@ -0,0 +1,32 @@ +/** + * @file + * Test zen-unit-width() + */ + +@import "zen"; + +#test-zen-unit-width { + /* Test zen-unit-width() with default $zen-column-count: 1 */ + width: zen-unit-width(); + + /* Test zen-unit-width() with $zen-column-count: 5 */ + $zen-column-count: 5; + width: zen-unit-width(); + $zen-column-count: 1; + + /* Test zen-unit-width(5) */ + width: zen-unit-width(5); + + /* Test zen-unit-width() with $zen-grid-width: 100px */ + $zen-grid-width: 100px; + width: zen-unit-width(); + $zen-grid-width: 100%; + + /* Test zen-unit-width(5) with $zen-grid-width: 100px */ + $zen-grid-width: 100px; + width: zen-unit-width(5); + $zen-grid-width: 100%; + + /* Test zen-unit-width(5, 100px) */ + width: zen-unit-width(5, 100px); +} diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-clear.scss b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-clear.scss new file mode 100644 index 000000000..9a63d7f26 --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-clear.scss @@ -0,0 +1,26 @@ +/** + * @file + * Test zen-clear() + */ + +@import "zen"; + +#test-zen-clear { + /* Test zen-clear() */ + @include zen-clear(); + + /* Test zen-clear() with $zen-float-direction: right */ + $zen-float-direction: right; + @include zen-clear(); + $zen-float-direction: left; + + /* Test zen-clear(left) */ + @include zen-clear(left); + + /* Test zen-clear(left, $reverse-all-floats: TRUE) */ + @include zen-clear(left, $reverse-all-floats: TRUE); + + /* Test zen-clear(left) with: $zen-reverse-all-floats: TRUE; */ + $zen-reverse-all-floats: TRUE; + @include zen-clear(left); +} diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-float.scss b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-float.scss new file mode 100644 index 000000000..2af83b227 --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-float.scss @@ -0,0 +1,26 @@ +/** + * @file + * Test zen-float() + */ + +@import "zen"; + +#test-zen-float { + /* Test zen-float() */ + @include zen-float(); + + /* Test zen-float() with $zen-float-direction: right */ + $zen-float-direction: right; + @include zen-float(); + $zen-float-direction: left; + + /* Test zen-float(left) */ + @include zen-float(left); + + /* Test zen-float(left, $reverse-all-floats: TRUE) */ + @include zen-float(left, $reverse-all-floats: TRUE); + + /* Test zen-float(left) with: $zen-reverse-all-floats: TRUE; */ + $zen-reverse-all-floats: TRUE; + @include zen-float(left); +} 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; +} diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-container.scss b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-container.scss new file mode 100644 index 000000000..a3c7fd9d3 --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-container.scss @@ -0,0 +1,27 @@ +/** + * @file + * Test zen-grid-container() + */ + +@import "zen"; + +#test-zen-grid-container { + /* Test zen-grid-container() */ + @include zen-grid-container(); +} + +#test-zen-grid-container-2 { + /* Test zen-grid-container() with $legacy-support-for-ie7: true */ + $legacy-support-for-ie7: true; + @include zen-grid-container(); + $legacy-support-for-ie7: false; +} + +#test-zen-grid-container-3 { + /* Test zen-grid-container() with $legacy-support-for-ie6: true */ + $legacy-support-for-ie6: true; + $legacy-support-for-ie7: true; + @include zen-grid-container(); + $legacy-support-for-ie6: false; + $legacy-support-for-ie7: false; +} 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); +} diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-item-base.scss b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-item-base.scss new file mode 100644 index 000000000..926ac42a1 --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-item-base.scss @@ -0,0 +1,54 @@ +/** + * @file + * Test zen-grid-item-base() + */ + +@import "zen"; + +#test-zen-grid-item-base { + /* Test zen-grid-item-base() */ + @include zen-grid-item-base(); + + /* Test zen-grid-item-base() with $zen-box-sizing: content-box */ + $zen-box-sizing: content-box; + @include zen-grid-item-base(); + $zen-box-sizing: border-box; + + /* Test zen-grid-item-base() with $legacy-support-for-ie7: true */ + $legacy-support-for-ie7: true; + @include zen-grid-item-base(); + $legacy-support-for-ie7: false; + + /* Test zen-grid-item-base() with $box-sizing-polyfill-path: "/boxsizing.htc" and $legacy-support-for-ie7: true */ + $box-sizing-polyfill-path: "/boxsizing.htc"; + $legacy-support-for-ie7: true; + @include zen-grid-item-base(); + $box-sizing-polyfill-path: ""; + $legacy-support-for-ie7: false; + + /* Test zen-grid-item-base() with $box-sizing-polyfill-path: "/boxsizing.htc" and $legacy-support-for-ie6: true */ + $box-sizing-polyfill-path: "/boxsizing.htc"; + $legacy-support-for-ie6: true; + @include zen-grid-item-base(); + $box-sizing-polyfill-path: ""; + $legacy-support-for-ie6: false; + + /* Test zen-grid-item-base() with $zen-gutter-width: 15px */ + $zen-gutter-width: 15px; + @include zen-grid-item-base(); + $zen-gutter-width: 20px; + + /* Test zen-grid-item-base() with $zen-gutter-width: 15px and $zen-float-direction: right */ + $zen-gutter-width: 15px; + $zen-float-direction: right; + @include zen-grid-item-base(); + $zen-gutter-width: 20px; + $zen-float-direction: left; + + /* Test zen-grid-item-base() with $zen-gutter-width: 15px and $zen-reverse-all-floats: true */ + $zen-gutter-width: 15px; + $zen-reverse-all-floats: true; + @include zen-grid-item-base(); + $zen-gutter-width: 20px; + $zen-reverse-all-floats: false; +} diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-item.scss b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-item.scss new file mode 100644 index 000000000..235ec237a --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-item.scss @@ -0,0 +1,73 @@ +/** + * @file + * Test zen-grid-item() + */ + +@import "zen"; + +#test-zen-grid-item { + /* Test zen-grid-item(6, 4) with 12 column grid and 20px gutter */ + $zen-column-count: 12; + @include zen-grid-item(6, 4); + $zen-column-count: 1; + + /* Test zen-grid-item(3, 3) with box-sizing: content-box, 5 column grid and 10% gutter */ + $zen-column-count: 5; + $zen-gutter-width: 10%; + $zen-box-sizing: content-box; + @include zen-grid-item(3, 3); + $zen-column-count: 1; + $zen-gutter-width: 20px; + $zen-box-sizing: border-box; + + /* Turn off $zen-auto-include-item-base */ + $zen-auto-include-item-base: false; + + /* Test zen-grid-item(3, 3) with 5 column grid and 40px gutter */ + $zen-column-count: 5; + $zen-gutter-width: 40px; + @include zen-grid-item(3, 3); + $zen-column-count: 1; + $zen-gutter-width: 20px; + + /* Test zen-grid-item(3, 3, right) with 5 column grid and 40px gutter */ + $zen-column-count: 5; + $zen-gutter-width: 40px; + @include zen-grid-item(3, 3, right); + $zen-column-count: 1; + $zen-gutter-width: 20px; + + /* Test zen-grid-item(3, 3) 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-item(3, 3); + $zen-column-count: 1; + $zen-gutter-width: 20px; + $zen-reverse-all-floats: false; + + /* Test zen-grid-item(3, 3, right) 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-item(3, 3, right); + $zen-column-count: 1; + $zen-gutter-width: 20px; + $zen-reverse-all-floats: false; + + /* Test zen-grid-item(3, 2.5) with 5 column grid and 40px gutter */ + $zen-column-count: 5; + $zen-gutter-width: 40px; + @include zen-grid-item(3, 2.5); + $zen-column-count: 1; + $zen-gutter-width: 20px; + + /* Test zen-grid-item(3, 3) 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-item(3, 3); + $zen-grid-width: 100%; + $zen-column-count: 1; + $zen-gutter-width: 20px; +} diff --git a/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-nested-container.scss b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-nested-container.scss new file mode 100644 index 000000000..ce4c8dd30 --- /dev/null +++ b/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/zen-nested-container.scss @@ -0,0 +1,27 @@ +/** + * @file + * Test zen-nested-container() + */ + +@import "zen"; + +#test-zen-nested-container { + /* Test zen-nested-container() */ + @include zen-nested-container(); +} + +#test-zen-nested-container-2 { + /* Test zen-nested-container() with $legacy-support-for-ie7: true */ + $legacy-support-for-ie7: true; + @include zen-nested-container(); + $legacy-support-for-ie7: false; +} + +#test-zen-nested-container-3 { + /* Test zen-nested-container() with $legacy-support-for-ie6: true */ + $legacy-support-for-ie6: true; + $legacy-support-for-ie7: true; + @include zen-nested-container(); + $legacy-support-for-ie6: false; + $legacy-support-for-ie7: false; +} |