Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-03-22 00:40:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
jquery-mobile/css/structure/jquery.mobile.grids.css

23 lines
992 B
CSS
Raw Permalink Normal View History

Created a themes directory and moved all CSS and images there. Edited the PHP combiner and .htaccess logic to accommodate this change, as well as allowing manifest files to use a "../" when referencing files, which will be handy when adding themes that don't include structural files yet. Modified all HTML files to point to /themes/default for their theme.
2010-10-13 16:45:10 +00:00
/* content configurations. */
Added full icon positioning docs and examples and re-vamped the headers docs to include a navbar doc page with glyphish example.
2010-11-11 17:50:32 +00:00
.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
set min-height of ui-block-* class, so the grid layout still work even some block doesn't contain any content.
2011-03-05 14:06:52 +00:00
.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;}
Added full icon positioning docs and examples and re-vamped the headers docs to include a navbar doc page with glyphish example.
2010-11-11 17:50:32 +00:00
This adds a fallback for navbars that have one item, so they simply fill 100%. Credit for this fix and idea goes to kennedyr (Richard Kennedy), but we changed the naming around a bit. Fixes #1107. Thanks Richard!
2011-03-15 00:26:20 +00:00
/* grid solo: 100 - single item fallback */
.ui-grid-solo .ui-block-a { width: 100%; float: none; }
Created a themes directory and moved all CSS and images there. Edited the PHP combiner and .htaccess logic to accommodate this change, as well as allowing manifest files to use a "../" when referencing files, which will be handy when adding themes that don't include structural files yet. Modified all HTML files to point to /themes/default for their theme.
2010-10-13 16:45:10 +00:00
/* 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; }
Added full icon positioning docs and examples and re-vamped the headers docs to include a navbar doc page with glyphish example.
2010-11-11 17:50:32 +00:00
Created a themes directory and moved all CSS and images there. Edited the PHP combiner and .htaccess logic to accommodate this change, as well as allowing manifest files to use a "../" when referencing files, which will be handy when adding themes that don't include structural files yet. Modified all HTML files to point to /themes/default for their theme.
2010-10-13 16:45:10 +00:00
/* 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%; }
Added full icon positioning docs and examples and re-vamped the headers docs to include a navbar doc page with glyphish example.
2010-11-11 17:50:32 +00:00
.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%; }
This adds a fallback for navbars that have one item, so they simply fill 100%. Credit for this fix and idea goes to kennedyr (Richard Kennedy), but we changed the naming around a bit. Fixes #1107. Thanks Richard!
2011-03-15 00:26:20 +00:00
.ui-grid-d .ui-block-a { clear: left; }
Reference in a new issue Copy permalink