diff options
author | Mark Otto <markdotto@gmail.com> | 2022-03-01 04:22:14 +0300 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2022-03-11 20:10:37 +0300 |
commit | c73480c63660d0643434e07c9a522758c21a272d (patch) | |
tree | 4e25def295563a8417a49b12ca6b7a1ac6a2aa95 | |
parent | 63145c8bc6bb26f7651fbd6cfe626068704cdf76 (diff) |
Adjust border-radius values and add some new utilities
- Updates global border-radius values for a more modern appearance
- New .fw-semibold
- New .rounded-4 and .rounded-5
-rw-r--r-- | .cspell.json | 1 | ||||
-rw-r--r-- | scss/_utilities.scss | 3 | ||||
-rw-r--r-- | scss/_variables.scss | 9 | ||||
-rw-r--r-- | site/content/docs/5.1/utilities/borders.md | 2 | ||||
-rw-r--r-- | site/content/docs/5.1/utilities/text.md | 1 |
5 files changed, 13 insertions, 3 deletions
diff --git a/.cspell.json b/.cspell.json index bfbdaad79c..f7293be9f2 100644 --- a/.cspell.json +++ b/.cspell.json @@ -81,6 +81,7 @@ "roboto", "RTLCSS", "ruleset", + "semibold", "screenreaders", "scrollbars", "scrollspy", diff --git a/scss/_utilities.scss b/scss/_utilities.scss index 771dd42251..49fac65081 100644 --- a/scss/_utilities.scss +++ b/scss/_utilities.scss @@ -478,6 +478,7 @@ $utilities: map-merge( lighter: $font-weight-lighter, normal: $font-weight-normal, bold: $font-weight-bold, + semibold: $font-weight-semibold, bolder: $font-weight-bolder ) ), @@ -605,6 +606,8 @@ $utilities: map-merge( 1: $border-radius-sm, 2: $border-radius, 3: $border-radius-lg, + 4: $border-radius-xl, + 5: $border-radius-2xl, circle: 50%, pill: $border-radius-pill ) diff --git a/scss/_variables.scss b/scss/_variables.scss index 26707e775e..f57ff41d33 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -488,9 +488,11 @@ $border-color: $gray-300 !default; // scss-docs-end border-variables // scss-docs-start border-radius-variables -$border-radius: .25rem !default; -$border-radius-sm: .2rem !default; -$border-radius-lg: .3rem !default; +$border-radius: .375rem !default; +$border-radius-sm: .25rem !default; +$border-radius-lg: .5rem !default; +$border-radius-xl: 1rem !default; +$border-radius-2xl: 2rem !default; $border-radius-pill: 50rem !default; // scss-docs-end border-radius-variables @@ -550,6 +552,7 @@ $font-size-lg: $font-size-base * 1.25 !default; $font-weight-lighter: lighter !default; $font-weight-light: 300 !default; $font-weight-normal: 400 !default; +$font-weight-semibold: 600 !default; $font-weight-bold: 700 !default; $font-weight-bolder: bolder !default; diff --git a/site/content/docs/5.1/utilities/borders.md b/site/content/docs/5.1/utilities/borders.md index e76c461a3a..02bc3e02e3 100644 --- a/site/content/docs/5.1/utilities/borders.md +++ b/site/content/docs/5.1/utilities/borders.md @@ -114,6 +114,8 @@ Use the scaling classes for larger or smaller rounded corners. Sizes range from {{< placeholder width="75" height="75" class="rounded-1" title="Example small rounded image" >}} {{< placeholder width="75" height="75" class="rounded-2" title="Example default rounded image" >}} {{< placeholder width="75" height="75" class="rounded-3" title="Example large rounded image" >}} +{{< placeholder width="75" height="75" class="rounded-4" title="Example larger rounded image" >}} +{{< placeholder width="75" height="75" class="rounded-5" title="Example extra large rounded image" >}} {{< /example >}} ## Sass diff --git a/site/content/docs/5.1/utilities/text.md b/site/content/docs/5.1/utilities/text.md index be8e0e1c02..a170660efd 100644 --- a/site/content/docs/5.1/utilities/text.md +++ b/site/content/docs/5.1/utilities/text.md @@ -89,6 +89,7 @@ Quickly change the `font-weight` or `font-style` of text with these utilities. ` {{< example >}} <p class="fw-bold">Bold text.</p> <p class="fw-bolder">Bolder weight text (relative to the parent element).</p> +<p class="fw-semibold">Semibold weight text.</p> <p class="fw-normal">Normal weight text.</p> <p class="fw-light">Light weight text.</p> <p class="fw-lighter">Lighter weight text (relative to the parent element).</p> |