diff sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-grid-item-width.scss @ 0:a3750d724105 default tip

initital
author Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de>
date Tue, 02 Jun 2015 09:16:36 +0200
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-grid-item-width.scss	Tue Jun 02 09:16:36 2015 +0200
@@ -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);
+}