Skip to content

Instantly share code, notes, and snippets.

@jhogervorst
Created August 15, 2012 15:01
Show Gist options
  • Save jhogervorst/3360855 to your computer and use it in GitHub Desktop.
Save jhogervorst/3360855 to your computer and use it in GitHub Desktop.
Smaller font in jQuery Mobile 1.2.0 Alpha
/**
* 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