fix(fonts): change fontsizes

Lundalogik · Sep 10, 2019 · 890f471 · 890f471
1 parent 35b051b
commit 890f471
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 23 deletions.
diff --git a/src/components/input-field/input-field.scss b/src/components/input-field/input-field.scss
@@ -23,7 +23,6 @@
 :not(.mdc-text-field--focused):not(.mdc-text-field--invalid) {
     .mdc-text-field__formatted_input {
         color: rgba(0,0,0,0.87);
-        font-size: 1.75rem;
         font-weight: 400;
         left: 1.2rem;
         line-height: 2.8rem;

diff --git a/src/style/variables.scss b/src/style/variables.scss
@@ -38,57 +38,57 @@ $mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38);
 @import "@lime-material/theme/mdc-theme";
 
 $mdc-typography-styles-headline1: (
-    font-size: 9.6rem,
-    line-height: 9.6rem
+    font-size: 1.6rem,
+    line-height: 1.4rem
 );
 $mdc-typography-styles-headline2: (
-    font-size: 6.0rem,
-    line-height: 6.0rem
+    font-size: 1.6rem,
+    line-height: 1.4rem
 );
 $mdc-typography-styles-headline3: (
-    font-size: 4.8rem,
-    line-height: 5.0rem
+    font-size: 1.6rem,
+    line-height: 1.4rem
 );
 $mdc-typography-styles-headline4: (
-    font-size: 3.4rem,
-    line-height: 4.0rem
+    font-size: 1.6rem,
+    line-height: 1.4rem
 );
 $mdc-typography-styles-headline5: (
-    font-size: 2.4rem,
-    line-height: 3.2rem
+    font-size: 1.4rem,
+    line-height: 1.4rem
 );
 $mdc-typography-styles-headline6: (
-    font-size: 2.0rem,
-    line-height: 3.2rem
+    font-size: 1.4rem,
+    line-height: 1.4rem
 );
 $mdc-typography-styles-subtitle1: (
     font-size: 1.4rem,
-    line-height: 2.8rem
+    line-height: 1.8rem
 );
 $mdc-typography-styles-subtitle2: (
-    font-size: 1.4rem,
-    line-height: 2.2rem
+    font-size: 1.3rem,
+    line-height: 1.8rem
 );
 $mdc-typography-styles-body1: (
-    font-size: 1.6rem,
+    font-size: 1.3rem,
     line-height: 2.4rem
 );
 $mdc-typography-styles-body2: (
-    font-size: 1.4rem,
-    line-height: 2.0rem
+    font-size: 1.3rem,
+    line-height: 2.6rem
 );
 $mdc-typography-styles-caption: (
-    font-size: 1.2rem,
-    line-height: 2.0rem
+    font-size: 1.1rem,
+    line-height: 1.4rem
 );
 $mdc-typography-styles-button: (
     font-size: 1.4rem,
     line-height: 3.6rem,
     text-transform: none,
 );
 $mdc-typography-styles-overline: (
-    font-size: 1.2rem,
-    line-height: 3.2rem
+    font-size: 1.1rem,
+    line-height: 1.4rem
 );
 
 @import "@lime-material/typography/mdc-typography";