![]() ![]() 5 $h2-font-size : $font-size-base * 2 $h3-font-size : $font-size-base * 1. 25 $line-height-lg : 2 $h1-font-size : $font-size-base * 2. 25 $font-weight-lighter : lighter $font-weight-light : 300 $font-weight-normal : 400 $font-weight-medium : 500 $font-weight-semibold : 600 $font-weight-bold : 700 $font-weight-bolder : bolder $font-weight-base : $font-weight-normal $line-height-base : 1. ![]() $font-size-root : null $font-size-base : 1 rem // Assumes the browser default, typically `16px` $font-size-base affects the font size of the body text $font-family-base : var ( - cui-font-sans-serif ) $font-family-code : var ( - cui-font-monospace ) // $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins $font-family-sans-serif : system-ui, - apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" $font-family-monospace : SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace // stylelint-enable value-keyword-case MonospaceĬhange a selection to our monospace font stack with. These classes can be customized as needed with our utility API. Classes are applied to the element itself or sometimes the parent element. This is a long paragraph written to show how the line-height of an element is affected by our utilities. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |