From 0ceaad3ab41fc8b4d85ce463624575daee4c4759 Mon Sep 17 00:00:00 2001 From: Louis-Maxime Piton Date: Mon, 4 Apr 2022 22:51:21 +0200 Subject: Use new CSS vars (#36098) * Proposal to use new CSS var when it could be used. * Bundlewatch Co-authored-by: Mark Otto --- .bundlewatch.config.json | 2 +- 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; -- cgit v1.2.3