fix(stark-ui): remove -apple-system from default font-family for co…

…rrect rendering in IE11 - update docs ISSUE: #732
NationalBankBelgium · Jan 11, 2019 · 71ca177 · 71ca177
1 parent cf9dcd5
commit 71ca177
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/packages/stark-ui/assets/styles/_variables.scss b/packages/stark-ui/assets/styles/_variables.scss
@@ -225,8 +225,7 @@ $foregrounds: (
 );
 // https://material.angular.io/guide/typography
 $typography-theme: (
-  font-family:
-    "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif",
+  font-family: "BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif",
   display-4: (
     112px,
     112px,

diff --git a/showcase/src/app/styleguide/pages/typography/styleguide-typography-page.component.ts b/showcase/src/app/styleguide/pages/typography/styleguide-typography-page.component.ts
@@ -15,7 +15,7 @@ export class StyleguideTypographyPageComponent implements OnInit {
 
 	public ngOnInit(): void {
 		this.fontFamilyCSS = `
-			font-family: "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif";
+			  font-family: "BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif";
 		`;
 
 		this.fontFaceExample = `
@@ -40,7 +40,7 @@ export class StyleguideTypographyPageComponent implements OnInit {
 
 		this.customizeMap = `
 		$stark-typography-theme: (
-			font-family: "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif",
+			font-family: "BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif",
 			display-4: (112px, 112px, 300),
 			display-3: (56px, 56px, 400),
 			display-2: (45px, 48px, 400),