view sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-grid-item-width.css @ 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()
 */
#test-zen-grid-item-width {
  /* Test zen-grid-item-width(1) with default $zen-column-count: 1 */
  width: 100%;
  /* Test zen-grid-item-width(2) with $zen-column-count: 5 */
  width: 40%;
  /* Test zen-grid-item-width(2, 5) */
  width: 40%;
  /* Test zen-grid-item-width(1) with $zen-grid-width: 100px */
  width: 100px;
  /* Test zen-grid-item-width(2, 5) with $zen-grid-width: 100px */
  width: 40px;
  /* Test zen-grid-item-width(2, 5, $grid-width: 1000px) */
  width: 400px;
  /* Test zen-grid-item-width(2, 5, $grid-width: 1000px, $box-sizing: content-box) */
  width: 380px;
  /* Test zen-grid-item-width(2, 5, $gutter-width: 10px, $grid-width: 1000px, $box-sizing: content-box) */
  width: 390px;
}