From b2644575e26b8beb6301e44811e6fbec001d8061 Mon Sep 17 00:00:00 2001 From: joneff Date: Thu, 17 Sep 2020 09:52:48 +0300 Subject: [PATCH] fix(breadcrumb): extract breadcrumb variables into separate files --- packages/bootstrap/scss/_variables.scss | 58 ------------------- .../bootstrap/scss/breadcrumb/_index.scss | 1 + .../bootstrap/scss/breadcrumb/_variables.scss | 56 ++++++++++++++++++ packages/classic/scss/_variables.scss | 58 ------------------- packages/classic/scss/breadcrumb/_index.scss | 1 + .../classic/scss/breadcrumb/_variables.scss | 56 ++++++++++++++++++ packages/default/scss/_variables.scss | 58 ------------------- packages/default/scss/breadcrumb/_index.scss | 1 + .../default/scss/breadcrumb/_variables.scss | 56 ++++++++++++++++++ packages/material/scss/_variables.scss | 58 ------------------- packages/material/scss/breadcrumb/_index.scss | 1 + .../material/scss/breadcrumb/_variables.scss | 56 ++++++++++++++++++ 12 files changed, 228 insertions(+), 232 deletions(-) create mode 100644 packages/bootstrap/scss/breadcrumb/_variables.scss create mode 100644 packages/classic/scss/breadcrumb/_variables.scss create mode 100644 packages/default/scss/breadcrumb/_variables.scss create mode 100644 packages/material/scss/breadcrumb/_variables.scss diff --git a/packages/bootstrap/scss/_variables.scss b/packages/bootstrap/scss/_variables.scss index ae2cb13384d..b5ba51220c6 100644 --- a/packages/bootstrap/scss/_variables.scss +++ b/packages/bootstrap/scss/_variables.scss @@ -2093,64 +2093,6 @@ $tooltip-error-text: contrast-wcag( $tooltip-error-bg ) !default; $tooltip-error-border: $tooltip-error-bg !default; -// Breadcrumb -$breadcrumb-margin-x: null !default; -$breadcrumb-margin-y: null !default; -$breadcrumb-padding-x: null !default; -$breadcrumb-padding-y: null !default; -$breadcrumb-border-width: 0px !default; - -$breadcrumb-font-family: $font-family !default; -$breadcrumb-font-size: $font-size !default; -$breadcrumb-line-height: $line-height !default; - -$breadcrumb-bg: $breadcrumb-bg !default; -$breadcrumb-text: $component-text !default; -$breadcrumb-border: $component-border !default; - -$breadcrumb-delimiter-icon-font-size: $icon-size * .75 !default; -$breadcrumb-delimiter-icon-padding-x: $button-padding-y !default; -$breadcrumb-delimiter-icon-padding-y: 0px !default; - -$breadcrumb-link-padding-x: $padding-x-lg / 2 !default; -$breadcrumb-link-padding-y: $padding-y !default; -$breadcrumb-link-border-radius: $border-radius !default; - -$breadcrumb-icon-link-padding-x: $breadcrumb-link-padding-x !default; -$breadcrumb-icon-link-padding-y: $breadcrumb-icon-link-padding-x !default; - -$breadcrumb-root-link-spacing: $breadcrumb-link-padding-x !default; -$breadcrumb-link-icon-spacing: $icon-spacing !default; - -$breadcrumb-link-text: $link-text !default; -$breadcrumb-link-bg: null !default; -$breadcrumb-link-border: null !default; - -$breadcrumb-link-hovered-text: $link-hover-text !default; -$breadcrumb-link-hovered-bg: try-darken( $hovered-bg, 1% ) !default; -$breadcrumb-link-hovered-border: null !default; - -$breadcrumb-link-focused-text: $link-text !default; -$breadcrumb-link-focused-bg: null !default; -$breadcrumb-link-focused-border: null !default; -$breadcrumb-link-focused-shadow: inset 0 0 0 3px rgba($component-text, .25) !default; - -$breadcrumb-root-link-text: inherit !default; -$breadcrumb-root-link-bg: null !default; -$breadcrumb-root-link-border: null !default; - -$breadcrumb-root-link-hovered-text: null !default; -$breadcrumb-root-link-hovered-bg: try-darken( $hovered-bg, 1% ) !default; -$breadcrumb-root-link-hovered-border: null !default; - -$breadcrumb-root-link-focused-text: null !default; -$breadcrumb-root-link-focused-bg: null !default; -$breadcrumb-root-link-focused-border: null !default; -$breadcrumb-root-link-focused-shadow: $breadcrumb-link-focused-shadow !default; - -$breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default; - - // Pager $pager-padding-x: $toolbar-padding-x !default; $pager-padding-y: $toolbar-padding-y !default; diff --git a/packages/bootstrap/scss/breadcrumb/_index.scss b/packages/bootstrap/scss/breadcrumb/_index.scss index 04768b46ac3..e60f829ec88 100644 --- a/packages/bootstrap/scss/breadcrumb/_index.scss +++ b/packages/bootstrap/scss/breadcrumb/_index.scss @@ -9,5 +9,6 @@ // Component +@import "_variables.scss"; @import "_layout.scss"; @import "_theme.scss"; diff --git a/packages/bootstrap/scss/breadcrumb/_variables.scss b/packages/bootstrap/scss/breadcrumb/_variables.scss new file mode 100644 index 00000000000..a13ea75d7a3 --- /dev/null +++ b/packages/bootstrap/scss/breadcrumb/_variables.scss @@ -0,0 +1,56 @@ +// Breadcrumb +$breadcrumb-margin-x: null !default; +$breadcrumb-margin-y: null !default; +$breadcrumb-padding-x: null !default; +$breadcrumb-padding-y: null !default; +$breadcrumb-border-width: 0px !default; + +$breadcrumb-font-family: $font-family !default; +$breadcrumb-font-size: $font-size !default; +$breadcrumb-line-height: $line-height !default; + +$breadcrumb-bg: $breadcrumb-bg !default; +$breadcrumb-text: $component-text !default; +$breadcrumb-border: $component-border !default; + +$breadcrumb-delimiter-icon-font-size: $icon-size * .75 !default; +$breadcrumb-delimiter-icon-padding-x: $button-padding-y !default; +$breadcrumb-delimiter-icon-padding-y: 0px !default; + +$breadcrumb-link-padding-x: $padding-x-lg / 2 !default; +$breadcrumb-link-padding-y: $padding-y !default; +$breadcrumb-link-border-radius: $border-radius !default; + +$breadcrumb-icon-link-padding-x: $breadcrumb-link-padding-x !default; +$breadcrumb-icon-link-padding-y: $breadcrumb-icon-link-padding-x !default; + +$breadcrumb-root-link-spacing: $breadcrumb-link-padding-x !default; +$breadcrumb-link-icon-spacing: $icon-spacing !default; + +$breadcrumb-link-text: $link-text !default; +$breadcrumb-link-bg: null !default; +$breadcrumb-link-border: null !default; + +$breadcrumb-link-hovered-text: $link-hover-text !default; +$breadcrumb-link-hovered-bg: try-darken( $hovered-bg, 1% ) !default; +$breadcrumb-link-hovered-border: null !default; + +$breadcrumb-link-focused-text: $link-text !default; +$breadcrumb-link-focused-bg: null !default; +$breadcrumb-link-focused-border: null !default; +$breadcrumb-link-focused-shadow: inset 0 0 0 3px rgba($component-text, .25) !default; + +$breadcrumb-root-link-text: inherit !default; +$breadcrumb-root-link-bg: null !default; +$breadcrumb-root-link-border: null !default; + +$breadcrumb-root-link-hovered-text: null !default; +$breadcrumb-root-link-hovered-bg: try-darken( $hovered-bg, 1% ) !default; +$breadcrumb-root-link-hovered-border: null !default; + +$breadcrumb-root-link-focused-text: null !default; +$breadcrumb-root-link-focused-bg: null !default; +$breadcrumb-root-link-focused-border: null !default; +$breadcrumb-root-link-focused-shadow: $breadcrumb-link-focused-shadow !default; + +$breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default; diff --git a/packages/classic/scss/_variables.scss b/packages/classic/scss/_variables.scss index b8891c016cf..e20190e4884 100644 --- a/packages/classic/scss/_variables.scss +++ b/packages/classic/scss/_variables.scss @@ -2061,64 +2061,6 @@ $tooltip-error-text: contrast-wcag( $tooltip-error-bg ) !default; $tooltip-error-border: $tooltip-error-bg !default; -// Breadcrumb -$breadcrumb-margin-x: null !default; -$breadcrumb-margin-y: null !default; -$breadcrumb-padding-x: null !default; -$breadcrumb-padding-y: null !default; -$breadcrumb-border-width: 0px !default; - -$breadcrumb-font-family: $font-family !default; -$breadcrumb-font-size: $font-size !default; -$breadcrumb-line-height: $line-height !default; - -$breadcrumb-bg: $component-bg !default; -$breadcrumb-text: $component-text !default; -$breadcrumb-border: $component-border !default; - -$breadcrumb-delimiter-icon-font-size: $icon-size * .75 !default; -$breadcrumb-delimiter-icon-padding-x: $padding-x-lg / 2 !default; -$breadcrumb-delimiter-icon-padding-y: 0px !default; - -$breadcrumb-link-padding-x: $padding-x !default; -$breadcrumb-link-padding-y: $padding-y-lg !default; -$breadcrumb-link-border-radius: $border-radius !default; - -$breadcrumb-icon-link-padding-x: $breadcrumb-link-padding-x !default; -$breadcrumb-icon-link-padding-y: $breadcrumb-icon-link-padding-x !default; - -$breadcrumb-root-link-spacing: $breadcrumb-link-padding-x !default; -$breadcrumb-link-icon-spacing: $icon-spacing !default; - -$breadcrumb-link-text: $link-text !default; -$breadcrumb-link-bg: null !default; -$breadcrumb-link-border: null !default; - -$breadcrumb-link-hovered-text: $link-hover-text !default; -$breadcrumb-link-hovered-bg: $base-bg !default; -$breadcrumb-link-hovered-border: null !default; - -$breadcrumb-link-focused-text: $link-text !default; -$breadcrumb-link-focused-bg: null !default; -$breadcrumb-link-focused-border: null !default; -$breadcrumb-link-focused-shadow: $focused-shadow !default; - -$breadcrumb-root-link-text: inherit !default; -$breadcrumb-root-link-bg: null !default; -$breadcrumb-root-link-border: null !default; - -$breadcrumb-root-link-hovered-text: null !default; -$breadcrumb-root-link-hovered-bg: $base-bg !default; -$breadcrumb-root-link-hovered-border: null !default; - -$breadcrumb-root-link-focused-text: null !default; -$breadcrumb-root-link-focused-bg: null !default; -$breadcrumb-root-link-focused-border: null !default; -$breadcrumb-root-link-focused-shadow: $breadcrumb-link-focused-shadow !default; - -$breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default; - - // Pager $pager-padding-x: $toolbar-padding-x !default; $pager-padding-y: $toolbar-padding-y !default; diff --git a/packages/classic/scss/breadcrumb/_index.scss b/packages/classic/scss/breadcrumb/_index.scss index 8f5f7b7fc3e..a7c4f0ebfb7 100644 --- a/packages/classic/scss/breadcrumb/_index.scss +++ b/packages/classic/scss/breadcrumb/_index.scss @@ -1,3 +1,4 @@ // Component +@import "_variables.scss"; @import "~@progress/kendo-theme-default/scss/breadcrumb/_layout.scss"; @import "~@progress/kendo-theme-default/scss/breadcrumb/_theme.scss"; diff --git a/packages/classic/scss/breadcrumb/_variables.scss b/packages/classic/scss/breadcrumb/_variables.scss new file mode 100644 index 00000000000..2713c17c16c --- /dev/null +++ b/packages/classic/scss/breadcrumb/_variables.scss @@ -0,0 +1,56 @@ +// Breadcrumb +$breadcrumb-margin-x: null !default; +$breadcrumb-margin-y: null !default; +$breadcrumb-padding-x: null !default; +$breadcrumb-padding-y: null !default; +$breadcrumb-border-width: 0px !default; + +$breadcrumb-font-family: $font-family !default; +$breadcrumb-font-size: $font-size !default; +$breadcrumb-line-height: $line-height !default; + +$breadcrumb-bg: $component-bg !default; +$breadcrumb-text: $component-text !default; +$breadcrumb-border: $component-border !default; + +$breadcrumb-delimiter-icon-font-size: $icon-size * .75 !default; +$breadcrumb-delimiter-icon-padding-x: $padding-x-lg / 2 !default; +$breadcrumb-delimiter-icon-padding-y: 0px !default; + +$breadcrumb-link-padding-x: $padding-x !default; +$breadcrumb-link-padding-y: $padding-y-lg !default; +$breadcrumb-link-border-radius: $border-radius !default; + +$breadcrumb-icon-link-padding-x: $breadcrumb-link-padding-x !default; +$breadcrumb-icon-link-padding-y: $breadcrumb-icon-link-padding-x !default; + +$breadcrumb-root-link-spacing: $breadcrumb-link-padding-x !default; +$breadcrumb-link-icon-spacing: $icon-spacing !default; + +$breadcrumb-link-text: $link-text !default; +$breadcrumb-link-bg: null !default; +$breadcrumb-link-border: null !default; + +$breadcrumb-link-hovered-text: $link-hover-text !default; +$breadcrumb-link-hovered-bg: $base-bg !default; +$breadcrumb-link-hovered-border: null !default; + +$breadcrumb-link-focused-text: $link-text !default; +$breadcrumb-link-focused-bg: null !default; +$breadcrumb-link-focused-border: null !default; +$breadcrumb-link-focused-shadow: $focused-shadow !default; + +$breadcrumb-root-link-text: inherit !default; +$breadcrumb-root-link-bg: null !default; +$breadcrumb-root-link-border: null !default; + +$breadcrumb-root-link-hovered-text: null !default; +$breadcrumb-root-link-hovered-bg: $base-bg !default; +$breadcrumb-root-link-hovered-border: null !default; + +$breadcrumb-root-link-focused-text: null !default; +$breadcrumb-root-link-focused-bg: null !default; +$breadcrumb-root-link-focused-border: null !default; +$breadcrumb-root-link-focused-shadow: $breadcrumb-link-focused-shadow !default; + +$breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default; diff --git a/packages/default/scss/_variables.scss b/packages/default/scss/_variables.scss index 6fc580642c5..f6169a6edce 100644 --- a/packages/default/scss/_variables.scss +++ b/packages/default/scss/_variables.scss @@ -2103,64 +2103,6 @@ $tooltip-error-text: contrast-wcag( $tooltip-error-bg ) !default; $tooltip-error-border: $tooltip-error-bg !default; -// Breadcrumb -$breadcrumb-margin-x: null !default; -$breadcrumb-margin-y: null !default; -$breadcrumb-padding-x: null !default; -$breadcrumb-padding-y: null !default; -$breadcrumb-border-width: 0px !default; - -$breadcrumb-font-family: $font-family !default; -$breadcrumb-font-size: $font-size !default; -$breadcrumb-line-height: $line-height !default; - -$breadcrumb-bg: $component-bg !default; -$breadcrumb-text: $component-text !default; -$breadcrumb-border: $component-border !default; - -$breadcrumb-delimiter-icon-font-size: $icon-size * .75 !default; -$breadcrumb-delimiter-icon-padding-x: $padding-x-lg / 2 !default; -$breadcrumb-delimiter-icon-padding-y: 0px !default; - -$breadcrumb-link-padding-x: $padding-x !default; -$breadcrumb-link-padding-y: $padding-y-lg !default; -$breadcrumb-link-border-radius: $border-radius !default; - -$breadcrumb-icon-link-padding-x: $breadcrumb-link-padding-x !default; -$breadcrumb-icon-link-padding-y: $breadcrumb-icon-link-padding-x !default; - -$breadcrumb-root-link-spacing: $breadcrumb-link-padding-x !default; -$breadcrumb-link-icon-spacing: $icon-spacing !default; - -$breadcrumb-link-text: $link-text !default; -$breadcrumb-link-bg: null !default; -$breadcrumb-link-border: null !default; - -$breadcrumb-link-hovered-text: $link-hover-text !default; -$breadcrumb-link-hovered-bg: $base-bg !default; -$breadcrumb-link-hovered-border: null !default; - -$breadcrumb-link-focused-text: $link-text !default; -$breadcrumb-link-focused-bg: null !default; -$breadcrumb-link-focused-border: null !default; -$breadcrumb-link-focused-shadow: $focused-shadow !default; - -$breadcrumb-root-link-text: inherit !default; -$breadcrumb-root-link-bg: null !default; -$breadcrumb-root-link-border: null !default; - -$breadcrumb-root-link-hovered-text: null !default; -$breadcrumb-root-link-hovered-bg: $base-bg !default; -$breadcrumb-root-link-hovered-border: null !default; - -$breadcrumb-root-link-focused-text: null !default; -$breadcrumb-root-link-focused-bg: null !default; -$breadcrumb-root-link-focused-border: null !default; -$breadcrumb-root-link-focused-shadow: $breadcrumb-link-focused-shadow !default; - -$breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default; - - // Pager $pager-padding-x: $toolbar-padding-x !default; $pager-padding-y: $toolbar-padding-y !default; diff --git a/packages/default/scss/breadcrumb/_index.scss b/packages/default/scss/breadcrumb/_index.scss index 04768b46ac3..e60f829ec88 100644 --- a/packages/default/scss/breadcrumb/_index.scss +++ b/packages/default/scss/breadcrumb/_index.scss @@ -9,5 +9,6 @@ // Component +@import "_variables.scss"; @import "_layout.scss"; @import "_theme.scss"; diff --git a/packages/default/scss/breadcrumb/_variables.scss b/packages/default/scss/breadcrumb/_variables.scss new file mode 100644 index 00000000000..2713c17c16c --- /dev/null +++ b/packages/default/scss/breadcrumb/_variables.scss @@ -0,0 +1,56 @@ +// Breadcrumb +$breadcrumb-margin-x: null !default; +$breadcrumb-margin-y: null !default; +$breadcrumb-padding-x: null !default; +$breadcrumb-padding-y: null !default; +$breadcrumb-border-width: 0px !default; + +$breadcrumb-font-family: $font-family !default; +$breadcrumb-font-size: $font-size !default; +$breadcrumb-line-height: $line-height !default; + +$breadcrumb-bg: $component-bg !default; +$breadcrumb-text: $component-text !default; +$breadcrumb-border: $component-border !default; + +$breadcrumb-delimiter-icon-font-size: $icon-size * .75 !default; +$breadcrumb-delimiter-icon-padding-x: $padding-x-lg / 2 !default; +$breadcrumb-delimiter-icon-padding-y: 0px !default; + +$breadcrumb-link-padding-x: $padding-x !default; +$breadcrumb-link-padding-y: $padding-y-lg !default; +$breadcrumb-link-border-radius: $border-radius !default; + +$breadcrumb-icon-link-padding-x: $breadcrumb-link-padding-x !default; +$breadcrumb-icon-link-padding-y: $breadcrumb-icon-link-padding-x !default; + +$breadcrumb-root-link-spacing: $breadcrumb-link-padding-x !default; +$breadcrumb-link-icon-spacing: $icon-spacing !default; + +$breadcrumb-link-text: $link-text !default; +$breadcrumb-link-bg: null !default; +$breadcrumb-link-border: null !default; + +$breadcrumb-link-hovered-text: $link-hover-text !default; +$breadcrumb-link-hovered-bg: $base-bg !default; +$breadcrumb-link-hovered-border: null !default; + +$breadcrumb-link-focused-text: $link-text !default; +$breadcrumb-link-focused-bg: null !default; +$breadcrumb-link-focused-border: null !default; +$breadcrumb-link-focused-shadow: $focused-shadow !default; + +$breadcrumb-root-link-text: inherit !default; +$breadcrumb-root-link-bg: null !default; +$breadcrumb-root-link-border: null !default; + +$breadcrumb-root-link-hovered-text: null !default; +$breadcrumb-root-link-hovered-bg: $base-bg !default; +$breadcrumb-root-link-hovered-border: null !default; + +$breadcrumb-root-link-focused-text: null !default; +$breadcrumb-root-link-focused-bg: null !default; +$breadcrumb-root-link-focused-border: null !default; +$breadcrumb-root-link-focused-shadow: $breadcrumb-link-focused-shadow !default; + +$breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default; diff --git a/packages/material/scss/_variables.scss b/packages/material/scss/_variables.scss index 51c535fd4f8..1a4cb0bbeee 100644 --- a/packages/material/scss/_variables.scss +++ b/packages/material/scss/_variables.scss @@ -2144,64 +2144,6 @@ $tooltip-error-text: contrast-wcag( $tooltip-error-bg ) !default; $tooltip-error-border: $tooltip-error-bg !default; -// Breadcrumb -$breadcrumb-margin-x: null !default; -$breadcrumb-margin-y: null !default; -$breadcrumb-padding-x: null !default; -$breadcrumb-padding-y: null !default; -$breadcrumb-border-width: 0px !default; - -$breadcrumb-font-family: $font-family !default; -$breadcrumb-font-size: $font-size !default; -$breadcrumb-line-height: $line-height !default; - -$breadcrumb-bg: $component-bg !default; -$breadcrumb-text: $component-text !default; -$breadcrumb-border: $component-border !default; - -$breadcrumb-delimiter-icon-font-size: $icon-size * .75 !default; -$breadcrumb-delimiter-icon-padding-x: $button-padding-y !default; -$breadcrumb-delimiter-icon-padding-y: 0px !default; - -$breadcrumb-link-padding-x: ( $padding-x * 1.25 ) / 2 !default; -$breadcrumb-link-padding-y: $padding-y !default; -$breadcrumb-link-border-radius: $border-radius !default; - -$breadcrumb-icon-link-padding-x: $breadcrumb-link-padding-x !default; -$breadcrumb-icon-link-padding-y: $breadcrumb-icon-link-padding-x !default; - -$breadcrumb-root-link-spacing: $breadcrumb-link-padding-x !default; -$breadcrumb-link-icon-spacing: $icon-spacing !default; - -$breadcrumb-link-text: $primary !default; -$breadcrumb-link-bg: null !default; -$breadcrumb-link-border: null !default; - -$breadcrumb-link-hovered-text: lighten( $breadcrumb-link-text, 12% ) !default; -$breadcrumb-link-hovered-bg: $hovered-bg !default; -$breadcrumb-link-hovered-border: null !default; - -$breadcrumb-link-focused-text: $primary !default; -$breadcrumb-link-focused-bg: null !default; -$breadcrumb-link-focused-border: null !default; -$breadcrumb-link-focused-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default; - -$breadcrumb-root-link-text: inherit !default; -$breadcrumb-root-link-bg: null !default; -$breadcrumb-root-link-border: null !default; - -$breadcrumb-root-link-hovered-text: null !default; -$breadcrumb-root-link-hovered-bg: $hovered-bg !default; -$breadcrumb-root-link-hovered-border: null !default; - -$breadcrumb-root-link-focused-text: null !default; -$breadcrumb-root-link-focused-bg: null !default; -$breadcrumb-root-link-focused-border: null !default; -$breadcrumb-root-link-focused-shadow: $breadcrumb-link-focused-shadow !default; - -$breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default; - - // Pager $pager-padding-x: 8px !default; $pager-padding-y: 10px !default; diff --git a/packages/material/scss/breadcrumb/_index.scss b/packages/material/scss/breadcrumb/_index.scss index 04768b46ac3..e60f829ec88 100644 --- a/packages/material/scss/breadcrumb/_index.scss +++ b/packages/material/scss/breadcrumb/_index.scss @@ -9,5 +9,6 @@ // Component +@import "_variables.scss"; @import "_layout.scss"; @import "_theme.scss"; diff --git a/packages/material/scss/breadcrumb/_variables.scss b/packages/material/scss/breadcrumb/_variables.scss new file mode 100644 index 00000000000..85b33e30006 --- /dev/null +++ b/packages/material/scss/breadcrumb/_variables.scss @@ -0,0 +1,56 @@ +// Breadcrumb +$breadcrumb-margin-x: null !default; +$breadcrumb-margin-y: null !default; +$breadcrumb-padding-x: null !default; +$breadcrumb-padding-y: null !default; +$breadcrumb-border-width: 0px !default; + +$breadcrumb-font-family: $font-family !default; +$breadcrumb-font-size: $font-size !default; +$breadcrumb-line-height: $line-height !default; + +$breadcrumb-bg: $component-bg !default; +$breadcrumb-text: $component-text !default; +$breadcrumb-border: $component-border !default; + +$breadcrumb-delimiter-icon-font-size: $icon-size * .75 !default; +$breadcrumb-delimiter-icon-padding-x: $button-padding-y !default; +$breadcrumb-delimiter-icon-padding-y: 0px !default; + +$breadcrumb-link-padding-x: ( $padding-x * 1.25 ) / 2 !default; +$breadcrumb-link-padding-y: $padding-y !default; +$breadcrumb-link-border-radius: $border-radius !default; + +$breadcrumb-icon-link-padding-x: $breadcrumb-link-padding-x !default; +$breadcrumb-icon-link-padding-y: $breadcrumb-icon-link-padding-x !default; + +$breadcrumb-root-link-spacing: $breadcrumb-link-padding-x !default; +$breadcrumb-link-icon-spacing: $icon-spacing !default; + +$breadcrumb-link-text: $primary !default; +$breadcrumb-link-bg: null !default; +$breadcrumb-link-border: null !default; + +$breadcrumb-link-hovered-text: lighten( $breadcrumb-link-text, 12% ) !default; +$breadcrumb-link-hovered-bg: $hovered-bg !default; +$breadcrumb-link-hovered-border: null !default; + +$breadcrumb-link-focused-text: $primary !default; +$breadcrumb-link-focused-bg: null !default; +$breadcrumb-link-focused-border: null !default; +$breadcrumb-link-focused-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default; + +$breadcrumb-root-link-text: inherit !default; +$breadcrumb-root-link-bg: null !default; +$breadcrumb-root-link-border: null !default; + +$breadcrumb-root-link-hovered-text: null !default; +$breadcrumb-root-link-hovered-bg: $hovered-bg !default; +$breadcrumb-root-link-hovered-border: null !default; + +$breadcrumb-root-link-focused-text: null !default; +$breadcrumb-root-link-focused-bg: null !default; +$breadcrumb-root-link-focused-border: null !default; +$breadcrumb-root-link-focused-shadow: $breadcrumb-link-focused-shadow !default; + +$breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;