0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00

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.
This commit is contained in:
Andrew 2018-07-24 19:23:17 -05:00 committed by Mark Otto
parent 3b55873438
commit c8a4d9dd74
3 changed files with 12 additions and 5 deletions

View File

@ -18,7 +18,10 @@
"declaration-empty-line-before": null, "declaration-empty-line-before": null,
"declaration-no-important": true, "declaration-no-important": true,
"font-family-name-quotes": "always-where-recommended", "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-no-scheme-relative": true,
"function-url-quotes": "always", "function-url-quotes": "always",
"length-zero-no-unit": true, "length-zero-no-unit": true,

View File

@ -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-lg: ($font-size-base * 1.25) !default;
$font-size-sm: ($font-size-base * .875) !default; $font-size-sm: ($font-size-base * .875) !default;
$font-weight-lighter: lighter !default;
$font-weight-light: 300 !default; $font-weight-light: 300 !default;
$font-weight-normal: 400 !default; $font-weight-normal: 400 !default;
$font-weight-bold: 700 !default; $font-weight-bold: 700 !default;
$font-weight-bolder: bolder !default;
$font-weight-base: $font-weight-normal !default; $font-weight-base: $font-weight-normal !default;
$line-height-base: 1.5 !default; $line-height-base: 1.5 !default;

View File

@ -32,10 +32,12 @@
// Weight and italics // Weight and italics
.font-weight-light { font-weight: $font-weight-light !important; } .font-weight-light { font-weight: $font-weight-light !important; }
.font-weight-normal { font-weight: $font-weight-normal !important; } .font-weight-lighter { font-weight: $font-weight-lighter !important; }
.font-weight-bold { font-weight: $font-weight-bold !important; } .font-weight-normal { font-weight: $font-weight-normal !important; }
.font-italic { font-style: italic !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 // Contextual colors