993414fa85
Replace Drupal Commons by Openstack theme. Change-Id: Ifc18969c3e089aa1ff11a3d98daac1442b444bef
39 lines
1.2 KiB
SCSS
39 lines
1.2 KiB
SCSS
/**
|
|
* @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);
|
|
}
|