Skip to content

Commit

Permalink
Add system-ui to $font-stack-system
Browse files Browse the repository at this point in the history
It appears that the working groups have landed on the `system-ui` value
for rendering text using the default user interface font on the platform
on which the UA is running.

Current browser support:
https://caniuse.com/#feat=font-family-system-ui
  • Loading branch information
tysongach committed Jul 20, 2018
1 parent 5ac2d26 commit 0f89bcf
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 7 deletions.
5 changes: 2 additions & 3 deletions core/bourbon/library/_font-stacks.scss
Original file line number Diff line number Diff line change
Expand Up @@ -71,8 +71,6 @@ $font-stack-verdana: (

/// A variable that outputs a system font stack.
///
/// @link https://goo.gl/LHRZIf
///
/// @type list
///
/// @example scss
Expand All @@ -82,10 +80,11 @@ $font-stack-verdana: (
///
/// // CSS Output
/// .element {
/// font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
/// font-family: system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
/// }

$font-stack-system: (
system-ui,
-apple-system,
BlinkMacSystemFont,
"Avenir Next",
Expand Down
8 changes: 4 additions & 4 deletions spec/bourbon/library/font_stacks_spec.rb
Original file line number Diff line number Diff line change
Expand Up @@ -21,10 +21,10 @@
'"Lucida Typewriter", monospace'
monaco = '"Monaco", "Consolas", "Lucida Console", monospace'

system = '-apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", ' +
'"Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", ' +
'"Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", ' +
'"Oxygen", "Ubuntu", "Franklin Gothic Medium", ' +
system = 'system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", ' +
'"Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", ' +
'"Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", ' +
'"Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", ' +
'"Century Gothic", "Liberation Sans", sans-serif'

expect(".helvetica").to have_value(helvetica)
Expand Down

0 comments on commit 0f89bcf

Please sign in to comment.