From 2450229b405203a805502c38f8affba5946b6cce Mon Sep 17 00:00:00 2001 From: joneff Date: Wed, 21 Jul 2021 17:03:09 +0300 Subject: [PATCH] fix(checkbox): update checkbox borders to match design more closely --- packages/classic/scss/checkbox/_variables.scss | 10 +++++----- packages/default/scss/checkbox/_variables.scss | 8 ++++---- 2 files changed, 9 insertions(+), 9 deletions(-) diff --git a/packages/classic/scss/checkbox/_variables.scss b/packages/classic/scss/checkbox/_variables.scss index dac2c4cb04d..55604e2ab40 100644 --- a/packages/classic/scss/checkbox/_variables.scss +++ b/packages/classic/scss/checkbox/_variables.scss @@ -10,7 +10,7 @@ $checkbox-border: $base-border !default; $checkbox-hovered-bg: null !default; $checkbox-hovered-text: null !default; -$checkbox-hovered-border: $hovered-border !default; +$checkbox-hovered-border: null !default; $checkbox-checked-bg: $primary !default; $checkbox-checked-text: contrast-wcag( $checkbox-checked-bg ) !default; @@ -20,10 +20,10 @@ $checkbox-indeterminate-bg: $checkbox-bg !default; $checkbox-indeterminate-text: $checkbox-checked-bg !default; $checkbox-indeterminate-border: $checkbox-border !default; -$checkbox-focused-border: $checkbox-hovered-border !default; -$checkbox-focused-shadow: 0 0 0 2px rgba(0, 0, 0, .06) !default; -$checkbox-focused-checked-border: $checkbox-checked-border !default; -$checkbox-focused-checked-shadow: 0 0 0 2px rgba($primary, .3) !default; +$checkbox-focused-border: null !default; +$checkbox-focused-shadow: 0 0 0 2px rgba( 0, 0, 0, .06 ) !default; +$checkbox-focused-checked-border: null !default; +$checkbox-focused-checked-shadow: 0 0 0 2px rgba( $primary, .3 ) !default; $checkbox-disabled-bg: null !default; $checkbox-disabled-text: null !default; diff --git a/packages/default/scss/checkbox/_variables.scss b/packages/default/scss/checkbox/_variables.scss index dac2c4cb04d..3835cdc34ac 100644 --- a/packages/default/scss/checkbox/_variables.scss +++ b/packages/default/scss/checkbox/_variables.scss @@ -10,7 +10,7 @@ $checkbox-border: $base-border !default; $checkbox-hovered-bg: null !default; $checkbox-hovered-text: null !default; -$checkbox-hovered-border: $hovered-border !default; +$checkbox-hovered-border: null !default; $checkbox-checked-bg: $primary !default; $checkbox-checked-text: contrast-wcag( $checkbox-checked-bg ) !default; @@ -20,10 +20,10 @@ $checkbox-indeterminate-bg: $checkbox-bg !default; $checkbox-indeterminate-text: $checkbox-checked-bg !default; $checkbox-indeterminate-border: $checkbox-border !default; -$checkbox-focused-border: $checkbox-hovered-border !default; +$checkbox-focused-border: null !default; $checkbox-focused-shadow: 0 0 0 2px rgba(0, 0, 0, .06) !default; -$checkbox-focused-checked-border: $checkbox-checked-border !default; -$checkbox-focused-checked-shadow: 0 0 0 2px rgba($primary, .3) !default; +$checkbox-focused-checked-border: null !default; +$checkbox-focused-checked-shadow: 0 0 0 2px rgba( $primary, .3 ) !default; $checkbox-disabled-bg: null !default; $checkbox-disabled-text: null !default;