skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(typography): add note about font-family quotes (#6742)

Browse Source 
Adds a note to the typography guide about the font-family having to be quoted. It seems like we can't handle this gracefull within the mixin using the built-in `is-string` function from SASS.

Fixes #6668.
This commit is contained in:
Kristiyan Kostadinov
2017-09-01 17:11:24 +02:00
committed by Jeremy Elbourn
parent 0f27e5ab6e
commit cd16ec634f
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
guides/typography.md
+3 -2
View File
@@ -58,7 +58,7 @@ creating a custom theme, you can create a custom **typography configuration**.
// Define a custom typography config that overrides the font-family as well as the
// `headlines` and `body-1` levels.
$custom-typography: mat-typography-config(
$font-family: monospace,
$font-family: 'Roboto, monospace',
$headline: mat-typography-level(32px, 48px, 700),
$body-1: mat-typography-level(16px, 24px, 500)
);
@@ -67,7 +67,8 @@ $custom-typography: mat-typography-config(
As the above example demonstrates, a typography configuration is created by using the
`mat-typography-config` function, which is given both the font-family and the set of typographic
levels described earlier. Each typographic level is defined by the `mat-typography-level` function,
which requires a `font-size`, `line-height`, and `font-weight`.
which requires a `font-size`, `line-height`, and `font-weight`. **Note** that the `font-family`
has to be in quotes.
Once the custom typography definition is created, it can be consumed to generate styles via