From 13f3f082923948018db55bccf7d03183ced1a2f5 Mon Sep 17 00:00:00 2001
From: Bardi Harborow <bardi@bardiharborow.com>
Date: Fri, 16 Dec 2016 23:43:24 +1100
Subject: [PATCH] Add 'system-ui' to font stack.

---
 docs/content/reboot.md | 4 +++-
 scss/_variables.scss   | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/docs/content/reboot.md b/docs/content/reboot.md
index 5cb4be1750b3..e37f23d7d064 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 50803fc3f702..afa800a5d948 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;