summaryrefslogtreecommitdiff
path: root/sites/brdo.brontosaurus.cz.mrp/themes/mrp/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-grid-item-width.scss
diff options
context:
space:
mode:
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.scss38
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);
+}