UNPKG

zen-grids

Version:

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

99 lines (94 loc) 2.49 kB
/** * @file * Test zen-grid-container() and zen-grid-item() after @import support-for. */ #test-zen-grid-container { /* Test zen-grid-container() with no legacy support */ } #test-zen-grid-container:before { content: ""; display: table; } #test-zen-grid-container:after { content: ""; display: table; clear: both; } #test-zen-grid-container-2 { /* Test zen-grid-container() with IE 8 support */ } #test-zen-grid-container-2:before { content: ""; display: table; } #test-zen-grid-container-2:after { content: ""; display: table; clear: both; } #test-zen-grid-container-3 { /* Test zen-grid-container() with IE 7 support */ *position: relative; *zoom: 1; } #test-zen-grid-container-3:before { content: ""; display: table; } #test-zen-grid-container-3:after { content: ""; display: table; clear: both; } #test-zen-grid-container-4 { /* Test zen-grid-container() with IE 6 support */ *position: relative; *zoom: 1; } #test-zen-grid-container-4:before { content: ""; display: table; } #test-zen-grid-container-4:after { content: ""; display: table; clear: both; } #test-zen-grid-item { /* Test zen-grid-item(1, 1) with no legacy support*/ float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* Test zen-grid-item(1, 1) with IE 8 support */ float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* Test zen-grid-item(1, 1) with IE 7 support */ float: left; width: 100%; margin-left: 0%; margin-right: -100%; *margin-right: -99.9%; padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior: url("/ie-box-sizing.htc"); *word-wrap: break-word; /* Test zen-grid-item(1, 1) with IE 6 support */ float: left; width: 100%; margin-left: 0%; margin-right: -100%; *margin-right: -99.9%; padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior: url("/ie-box-sizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; *word-wrap: break-word; }