$sans-serif (Map)
scss
$sans-serif: (
name: 'Sans Serif',
stack:
(
-apple-system,
BlinkMacSystemFont,
'Segoe UI',
Roboto,
'Helvetica Neue',
Arial,
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji',
'Segoe UI Symbol'
)
);Sans Serif
Font Preview Sans Serif (sans-serif)
css
font-family: 'Sans Serif', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';$serif (Map)
scss
$serif: (
name: 'Serif',
stack:
(
'Palatino Linotype',
Palatino,
Palladio,
'URW Palladio L',
'Book Antiqua',
Baskerville,
'Bookman Old Style',
'Bitstream Charter',
'Nimbus Roman No9 L',
Garamond,
'Apple Garamond',
'ITC Garamond Narrow',
'New Century Schoolbook',
'Century Schoolbook',
'Century Schoolbook L',
Georgia,
serif
)
);Serif
Font Preview Serif (serif)
css
font-family: 'Serif', 'Palatino Linotype', 'Palatino', 'Palladio', 'URW Palladio L', 'Book Antiqua', 'Baskerville', 'Bookman Old Style', 'Bitstream Charter', 'Nimbus Roman No9 L', 'Garamond', 'Apple Garamond', 'ITC Garamond Narrow', 'New Century Schoolbook', 'Century Schoolbook', 'Century Schoolbook L', 'Georgia', serif;$monospace (Map)
scss
$monospace: (
name: 'Monospace',
stack: (SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace)
);Monospace
Font Preview Monospace (monospace)
css
font-family: 'Monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;$base-font-size (Number)
scss
$base-font-size: 16 !default;Set the base (root) font size for the project. This should be unitless!
Used By
@function rem()
$base-line-height (Number)
scss
$base-line-height: 24 !default;Set the base line height for the project. This value should be unitless and represent the pixel equivalent.
$base-font-weight ({Number|String})
scss
$base-font-weight: 400 !default;Set the base font weight for the project.