zen-grids/test/fixtures/functions/zen-unit-width/output.css

Zen Grids is an intuitive, flexible grid system to create responsive, adaptive, fluid and fixed-width layouts.

/**
 * @file
 * Test zen-unit-width()
 */
#test-zen-unit-width {
  /* Test zen-unit-width() with default $zen-columns: 1 */
  width: 100%;
  /* Test zen-unit-width() with $zen-columns: 5 */
  width: 20%;
  /* Test zen-unit-width(5) */
  width: 20%;
  /* Test zen-unit-width() with $zen-grid-width: 100px */
  width: 100px;
  /* Test zen-unit-width(5) with $zen-grid-width: 100px */
  width: 20px;
  /* Test zen-unit-width(5, 100px) */
  width: 20px;
  /* Test zen-unit-width() with $zen-columns: 3, $zen-gutter-method: margin, and $zen-gutters: 5% */
  width: 30%;
  /* Test zen-unit-width(3, 5px, margin, 100px) */
  width: 30px; }