Created
August 15, 2012 15:01
-
-
Save jhogervorst/3360855 to your computer and use it in GitHub Desktop.
Smaller font in jQuery Mobile 1.2.0 Alpha
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* This code makes all 16px texts in jQuery Mobile 14px. | |
* | |
* It's based on the CSS of jQuery Mobile 1.2.0 Alpha | |
* (by searching for occurrences of "font-size: 16px" | |
* and adding the found selectors to the list below). | |
* | |
* The size of the titles in navigation bars remains 16px | |
* Want those at 14px as well? Uncomment the parts below. | |
**/ | |
body, | |
.ui-loader-verbose h1, | |
.ui-bar, | |
.ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6, | |
/*.ui-header .ui-title, .ui-footer .ui-title,*/ | |
.ui-btn-inner, | |
.ui-fullsize .ui-btn-inner, | |
label.ui-submit, | |
.ui-collapsible-heading, | |
.ui-controlgroup-label, | |
.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label, | |
.ui-popup .ui-title, | |
label.ui-select, | |
label.ui-input-text, | |
input.ui-input-text, textarea.ui-input-text, | |
.ui-li-heading, | |
label.ui-slider, | |
.ui-field-contain input.ui-slider-input, | |
span.ui-slider-label { | |
font-size: 14px; | |
} | |
/*.ui-header .ui-title, .ui-footer .ui-title { | |
line-height: 18px; | |
margin-top: 9px; | |
margin-bottom: 12px; | |
}*/ | |
@media all and (min-width: 450px) { | |
.ui-popup .ui-field-contain label.ui-submit, | |
.ui-popup .ui-field-contain .ui-controlgroup-label, | |
.ui-popup .ui-field-contain label.ui-select, | |
.ui-popup .ui-field-contain label.ui-input-text { | |
font-size: 14px; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment