javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

mode font styling

Browse Source
This commit is contained in:
Adam Bradley
2015-12-05 11:19:09 -06:00
parent cc91591b2d
commit 5ae94e6559
15 changed files with 71 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ionic/components/app/modes/md.scss
View File

@@ -3,6 +3,8 @@
// Material Design App
// --------------------------------------------------
hr {
border-width: 0;
height: 1px;

4
ionic/components/app/normalize.scss vendored
View File

@@ -117,6 +117,10 @@ input[type="submit"] {
button {
border: 0;
line-height: 1;
font-family: inherit;
font-variant: inherit;
font-style: inherit;
text-transform: none;
-webkit-appearance: button;
cursor: pointer;

30
ionic/components/app/typography.scss
View File

@@ -1,39 +1,25 @@
@import "../../globals.core";
// Typography
// -------------------------
// --------------------------------------------------
// All font sizes use rem units
// By default, 1rem equals 10px. For example, 1.4rem === 14px
// $font-size-root value, which is on the <html> element
// is what can scale all fonts
$font-family-sans-serif: -apple-system, "Helvetica Neue", "Roboto", sans-serif !default;
$font-family-light-sans-serif: -apple-system, "HelveticaNeue-Light", "Roboto-Light", sans-serif-light !default;
$font-family-base: $font-family-sans-serif !default;
$font-size-root: 62.5% !default;
$font-size-base: 1.4rem !default; // 1.4rem == 14px
$font-size-small: 1rem !default;
$line-height-base: 1.4 !default;
$line-height-computed: 3rem !default;
$line-height-large: 1.33 !default;
$line-height-small: 1.5 !default;
$headings-font-weight: 500 !default;
$headings-line-height: 1.2 !default;
$font-size-root: 62.5% !default;
$headings-font-weight: 500 !default;
$headings-line-height: 1.2 !default;
html {
font-size: $font-size-root;
}
body {
font-size: $font-size-base;
font-family: $font-family-base;
}
a {
background-color: transparent;
}
.enable-hover a:hover {
opacity: 0.7;
}