diff options
| author | Andrew <[email protected]> | 2018-07-24 19:23:17 -0500 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2018-07-24 17:23:17 -0700 |
| commit | c8a4d9dd745e0529e8868aef4551dc2a493745a3 (patch) | |
| tree | 5692bb7a2417e5cd1375abd69ccad8a5b92faa60 | |
| parent | 3b558734382ce58b51e5fc676453bfd53bba9201 (diff) | |
| download | bootstrap-c8a4d9dd745e0529e8868aef4551dc2a493745a3.tar.xz bootstrap-c8a4d9dd745e0529e8868aef4551dc2a493745a3.zip | |
add 'lighter' and 'bolder' font weight classes (#26580)
* add 'lighter' and 'bolder' font weight classes
these are 2 special values for font weight, that will give their content a font-weight value of 100 more or less than their inherited font-weight.
probably doesn't fully fulfill this issue, https://github.com/twbs/bootstrap/issues/23969, but it's a start
* Update .stylelintrc
* add 'lighter' and 'bolder' variables per @mdo 's request.
| -rw-r--r-- | .stylelintrc | 5 | ||||
| -rw-r--r-- | scss/_variables.scss | 2 | ||||
| -rw-r--r-- | scss/utilities/_text.scss | 10 |
3 files changed, 12 insertions, 5 deletions
diff --git a/.stylelintrc b/.stylelintrc index 3d86d2ac7..520451b32 100644 --- a/.stylelintrc +++ b/.stylelintrc @@ -18,7 +18,10 @@ "declaration-empty-line-before": null, "declaration-no-important": true, "font-family-name-quotes": "always-where-recommended", - "font-weight-notation": "numeric", + "font-weight-notation": [ + "numeric", { + "ignore": ["relative"] + }], "function-url-no-scheme-relative": true, "function-url-quotes": "always", "length-zero-no-unit": true, diff --git a/scss/_variables.scss b/scss/_variables.scss index 5cf118f03..b5ef7a45a 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -257,9 +257,11 @@ $font-size-base: 1rem !default; // Assumes the browser default, typ $font-size-lg: ($font-size-base * 1.25) !default; $font-size-sm: ($font-size-base * .875) !default; +$font-weight-lighter: lighter !default; $font-weight-light: 300 !default; $font-weight-normal: 400 !default; $font-weight-bold: 700 !default; +$font-weight-bolder: bolder !default; $font-weight-base: $font-weight-normal !default; $line-height-base: 1.5 !default; diff --git a/scss/utilities/_text.scss b/scss/utilities/_text.scss index 9d96c4656..9140910c5 100644 --- a/scss/utilities/_text.scss +++ b/scss/utilities/_text.scss @@ -32,10 +32,12 @@ // Weight and italics -.font-weight-light { font-weight: $font-weight-light !important; } -.font-weight-normal { font-weight: $font-weight-normal !important; } -.font-weight-bold { font-weight: $font-weight-bold !important; } -.font-italic { font-style: italic !important; } +.font-weight-light { font-weight: $font-weight-light !important; } +.font-weight-lighter { font-weight: $font-weight-lighter !important; } +.font-weight-normal { font-weight: $font-weight-normal !important; } +.font-weight-bold { font-weight: $font-weight-bold !important; } +.font-weight-bolder { font-weight: $font-weight-bolder !important; } +.font-italic { font-style: italic !important; } // Contextual colors |