From: Bardi Harborow <bardi@bardiharborow.com>
Date: Fri, 16 Dec 2016 12:43:24 +0000 (+1100)
Subject: Add 'system-ui' to font stack.
X-Git-Tag: v4.0.0-alpha.6~324
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=da18d07d8e56ed162474028a53235cbf847466d4;p=thirdparty%2Fbootstrap.git

Add 'system-ui' to font stack.
---

diff --git a/docs/content/reboot.md b/docs/content/reboot.md
index 5cb4be1750..e37f23d7d0 100644
--- a/docs/content/reboot.md
+++ b/docs/content/reboot.md
@@ -41,7 +41,9 @@ The default web fonts (Helvetica Neue, Helvetica, and Arial) have been dropped i
 $font-family-sans-serif:
   // Safari for OS X and iOS (San Francisco)
   -apple-system,
-  // Chrome for OS X (San Francisco)
+  // Chrome >= 56 for OS X (San Francisco), Windows, Linux and Android
+  system-ui,
+  // Chrome < 56 for OS X (San Francisco)
   BlinkMacSystemFont,
   // Windows
   "Segoe UI",
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 50803fc3f7..afa800a5d9 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -225,7 +225,7 @@ $grid-gutter-widths: (
 //
 // Font, line-height, and color for body text, headings, and more.
 
-$font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
+$font-family-sans-serif: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
 $font-family-serif:      Georgia, "Times New Roman", Times, serif !default;
 $font-family-monospace:  Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
 $font-family-base:       $font-family-sans-serif !default;