Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

Commit

Permalink
fix(css): global page style improvements for min-height and text
Browse files Browse the repository at this point in the history
Ensure the page always fills at least the entire height of the viewport.
Prevent iOS text size adjust after orientation change, without disabling user zoom
Fonts on OSX will look more consistent with other systems that do not render text using sub-pixel anti-aliasing.
  • Loading branch information
ThomasBurleson committed Jul 7, 2015
1 parent bbe9659 commit 76cfd70
Showing 1 changed file with 15 additions and 2 deletions.
17 changes: 15 additions & 2 deletions src/core/style/typography.scss
Original file line number Diff line number Diff line change
@@ -1,8 +1,21 @@
// Global page styles
//
// [2] Ensure the page always fills at least the entire height of the viewport.
// [3] Prevent iOS text size adjust after orientation change, without disabling user zoom
// [4] Fonts on OSX will look more consistent with other systems that do not
// render text using sub-pixel anti-aliasing.

html, body {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-touch-callout: none;
-webkit-text-size-adjust: 100%;
//-webkit-font-smoothing: antialiased;

min-height: 100%; // [2]

-webkit-text-size-adjust: 100%; // [3]
-ms-text-size-adjust: 100%; // [3]

-webkit-font-smoothing: antialiased; // [4]
-moz-osx-font-smoothing: grayscale; // [4]
}

md-select, md-card, md-list, md-toolbar,
Expand Down

0 comments on commit 76cfd70

Please sign in to comment.