Mercurial > hg > mpiwgzen_wide
view 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 source
/** * @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); }