diff options
author | Louis-Maxime Piton <louismaxime.piton@orange.com> | 2022-04-04 23:51:21 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-04-04 23:51:21 +0300 |
commit | 0ceaad3ab41fc8b4d85ce463624575daee4c4759 (patch) | |
tree | 2c925e267dc7fd45f7d80954b92f95b0be24df87 | |
parent | 55c541f5bcdcc3ebb369f1df1d13ebfe567379ee (diff) |
Use new CSS vars (#36098)
* Proposal to use new CSS var when it could be used.
* Bundlewatch
Co-authored-by: Mark Otto <markdotto@gmail.com>
-rw-r--r-- | .bundlewatch.config.json | 2 | ||||
-rw-r--r-- | scss/_variables.scss | 16 |
2 files changed, 9 insertions, 9 deletions
diff --git a/.bundlewatch.config.json b/.bundlewatch.config.json index 4432fd7760..a4c84cfc5d 100644 --- a/.bundlewatch.config.json +++ b/.bundlewatch.config.json @@ -26,7 +26,7 @@ }, { "path": "./dist/css/bootstrap.css", - "maxSize": "27.6 kB" + "maxSize": "27.65 kB" }, { "path": "./dist/css/bootstrap.min.css", diff --git a/scss/_variables.scss b/scss/_variables.scss index de1a871d3c..637cc6becd 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -764,8 +764,8 @@ $btn-focus-box-shadow: $input-btn-focus-box-shadow !default; $btn-disabled-opacity: .65 !default; $btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default; -$btn-link-color: $link-color !default; -$btn-link-hover-color: $link-hover-color !default; +$btn-link-color: var(--#{$prefix}link-color) !default; +$btn-link-hover-color: var(--#{$prefix}link-hover-color) !default; $btn-link-disabled-color: $gray-600 !default; // Allows for customizing button radius independently from global border radius @@ -1055,8 +1055,8 @@ $nav-link-padding-y: .5rem !default; $nav-link-padding-x: 1rem !default; $nav-link-font-size: null !default; $nav-link-font-weight: null !default; -$nav-link-color: $link-color !default; -$nav-link-hover-color: $link-hover-color !default; +$nav-link-color: var(--#{$prefix}link-color) !default; +$nav-link-hover-color: var(--#{$prefix}link-hover-color) !default; $nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default; $nav-link-disabled-color: $gray-600 !default; @@ -1187,19 +1187,19 @@ $pagination-padding-x-lg: 1.5rem !default; $pagination-font-size: $font-size-base !default; -$pagination-color: $link-color !default; +$pagination-color: var(--#{$prefix}link-color) !default; $pagination-bg: $white !default; $pagination-border-radius: $border-radius !default; $pagination-border-width: $border-width !default; $pagination-margin-start: calc($pagination-border-width * -1) !default; // stylelint-disable-line function-disallowed-list $pagination-border-color: $gray-300 !default; -$pagination-focus-color: $link-hover-color !default; +$pagination-focus-color: var(--#{$prefix}link-hover-color) !default; $pagination-focus-bg: $gray-200 !default; $pagination-focus-box-shadow: $input-btn-focus-box-shadow !default; $pagination-focus-outline: 0 !default; -$pagination-hover-color: $link-hover-color !default; +$pagination-hover-color: var(--#{$prefix}link-hover-color) !default; $pagination-hover-bg: $gray-200 !default; $pagination-hover-border-color: $gray-300 !default; @@ -1327,7 +1327,7 @@ $popover-inner-border-radius: subtract($popover-border-radius, $popover-bo $popover-box-shadow: $box-shadow !default; $popover-header-bg: shade-color($popover-bg, 6%) !default; -$popover-header-color: $headings-color !default; +$popover-header-color: var(--#{$prefix}heading-color) !default; $popover-header-padding-y: .5rem !default; $popover-header-padding-x: $spacer !default; |