mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-03-17 06:20:26 +00:00
22 lines
992 B
CSS
22 lines
992 B
CSS
/* content configurations. */
|
|
.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
|
|
.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height:1px;}
|
|
|
|
/* grid solo: 100 - single item fallback */
|
|
.ui-grid-solo .ui-block-a { width: 100%; float: none; }
|
|
|
|
/* grid a: 50/50 */
|
|
.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; }
|
|
.ui-grid-a .ui-block-a { clear: left; }
|
|
|
|
/* grid b: 33/33/33 */
|
|
.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; }
|
|
.ui-grid-b .ui-block-a { clear: left; }
|
|
|
|
/* grid c: 25/25/25/25 */
|
|
.ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 25%; }
|
|
.ui-grid-c .ui-block-a { clear: left; }
|
|
|
|
/* grid d: 20/20/20/20/20 */
|
|
.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 20%; }
|
|
.ui-grid-d .ui-block-a { clear: left; }
|