From fc9e0219f188ea250bc11556b88ff2b777166c75 Mon Sep 17 00:00:00 2001 From: joneff Date: Tue, 3 Jan 2023 15:40:02 +0200 Subject: [PATCH] chore: prefix popover variables with `$kendo-` BREAKING CHANGE: Rename popover variables | Old name | New name | | :--- | :--- | | `$popover-border-width` | `$kendo-popover-border-width` | | `$popover-border-style` | `$kendo-popover-border-style` | | `$popover-border-radius` | `$kendo-popover-border-radius` | | `$popover-font-size` | `$kendo-popover-font-size` | | `$popover-font-family` | `$kendo-popover-font-family` | | `$popover-line-height` | `$kendo-popover-line-height` | | `$popover-bg` | `$kendo-popover-bg` | | `$popover-text` | `$kendo-popover-text` | | `$popover-border` | `$kendo-popover-border` | | `$popover-shadow` | `$kendo-popover-shadow` | | `$popover-header-padding-y` | `$kendo-popover-header-padding-y` | | `$popover-header-padding-x` | `$kendo-popover-header-padding-x` | | `$popover-header-border-width` | `$kendo-popover-header-border-width` | | `$popover-header-border-style` | `$kendo-popover-header-border-style` | | `$popover-header-bg` | `$kendo-popover-header-bg` | | `$popover-header-text` | `$kendo-popover-header-text` | | `$popover-header-border` | `$kendo-popover-header-border` | | `$popover-body-padding-y` | `$kendo-popover-body-padding-y` | | `$popover-body-padding-x` | `$kendo-popover-body-padding-x` | | `$popover-actions-border-width` | `$kendo-popover-actions-border-width` | | `$popover-callout-width` | `$kendo-popover-callout-width` | | `$popover-callout-height` | `$kendo-popover-callout-height` | | `$popover-callout-border-width` | `$kendo-popover-callout-border-width` | | `$popover-callout-border-style` | `$kendo-popover-callout-border-style` | | `$popover-callout-bg` | `$kendo-popover-callout-bg` | | `$popover-callout-border` | `$kendo-popover-callout-border` | --- .../bootstrap/scss/popover/_variables.scss | 52 +++++++++---------- packages/classic/scss/popover/_variables.scss | 52 +++++++++---------- packages/default/scss/popover/_layout.scss | 32 ++++++------ packages/default/scss/popover/_theme.scss | 14 ++--- packages/default/scss/popover/_variables.scss | 52 +++++++++---------- .../material/scss/popover/_variables.scss | 52 +++++++++---------- 6 files changed, 127 insertions(+), 127 deletions(-) diff --git a/packages/bootstrap/scss/popover/_variables.scss b/packages/bootstrap/scss/popover/_variables.scss index bb942055004..f09b10b5b46 100644 --- a/packages/bootstrap/scss/popover/_variables.scss +++ b/packages/bootstrap/scss/popover/_variables.scss @@ -1,33 +1,33 @@ // Popover -$popover-border-width: $card-border-width !default; -$popover-border-style: solid !default; -$popover-border-radius: $card-border-radius !default; -$popover-font-size: $card-font-size !default; -$popover-font-family: $card-font-family !default; -$popover-line-height: $card-line-height !default; +$kendo-popover-border-width: $card-border-width !default; +$kendo-popover-border-style: solid !default; +$kendo-popover-border-radius: $card-border-radius !default; +$kendo-popover-font-size: $card-font-size !default; +$kendo-popover-font-family: $card-font-family !default; +$kendo-popover-line-height: $card-line-height !default; -$popover-bg: $card-bg !default; -$popover-text: $card-text !default; -$popover-border: $card-border !default; -$popover-shadow: $card-shadow !default; +$kendo-popover-bg: $card-bg !default; +$kendo-popover-text: $card-text !default; +$kendo-popover-border: $card-border !default; +$kendo-popover-shadow: $card-shadow !default; -$popover-header-padding-y: $card-header-padding-y !default; -$popover-header-padding-x: $card-header-padding-x !default; -$popover-header-border-width: $card-header-border-width !default; -$popover-header-border-style: $popover-border-style !default; +$kendo-popover-header-padding-y: $card-header-padding-y !default; +$kendo-popover-header-padding-x: $card-header-padding-x !default; +$kendo-popover-header-border-width: $card-header-border-width !default; +$kendo-popover-header-border-style: $kendo-popover-border-style !default; -$popover-header-bg: $card-header-bg !default; -$popover-header-text: $card-header-text !default; -$popover-header-border: $card-header-border !default; +$kendo-popover-header-bg: $card-header-bg !default; +$kendo-popover-header-text: $card-header-text !default; +$kendo-popover-header-border: $card-header-border !default; -$popover-body-padding-y: $card-body-padding-y !default; -$popover-body-padding-x: $card-body-padding-x !default; +$kendo-popover-body-padding-y: $card-body-padding-y !default; +$kendo-popover-body-padding-x: $card-body-padding-x !default; -$popover-actions-border-width: $popover-border-width !default; +$kendo-popover-actions-border-width: $kendo-popover-border-width !default; -$popover-callout-width: $card-callout-width !default; -$popover-callout-height: $card-callout-height !default; -$popover-callout-border-width: $popover-border-width !default; -$popover-callout-border-style: $popover-border-style !default; -$popover-callout-bg: $popover-bg !default; -$popover-callout-border: $popover-border !default; +$kendo-popover-callout-width: $card-callout-width !default; +$kendo-popover-callout-height: $card-callout-height !default; +$kendo-popover-callout-border-width: $kendo-popover-border-width !default; +$kendo-popover-callout-border-style: $kendo-popover-border-style !default; +$kendo-popover-callout-bg: $kendo-popover-bg !default; +$kendo-popover-callout-border: $kendo-popover-border !default; diff --git a/packages/classic/scss/popover/_variables.scss b/packages/classic/scss/popover/_variables.scss index 4719ee21d1a..9a08c6223e5 100644 --- a/packages/classic/scss/popover/_variables.scss +++ b/packages/classic/scss/popover/_variables.scss @@ -1,31 +1,31 @@ // Popover -$popover-border-width: $card-border-width !default; -$popover-border-style: solid !default; -$popover-border-radius: $card-border-radius !default; -$popover-font-size: $card-font-size !default; -$popover-font-family: $card-font-family !default; -$popover-line-height: $card-line-height !default; -$popover-bg: $kendo-component-bg !default; -$popover-text: $kendo-component-text !default; -$popover-border: $kendo-component-border !default; -$popover-shadow: $popup-shadow !default; +$kendo-popover-border-width: $card-border-width !default; +$kendo-popover-border-style: solid !default; +$kendo-popover-border-radius: $card-border-radius !default; +$kendo-popover-font-size: $card-font-size !default; +$kendo-popover-font-family: $card-font-family !default; +$kendo-popover-line-height: $card-line-height !default; +$kendo-popover-bg: $kendo-component-bg !default; +$kendo-popover-text: $kendo-component-text !default; +$kendo-popover-border: $kendo-component-border !default; +$kendo-popover-shadow: $popup-shadow !default; -$popover-header-padding-y: $card-header-padding-y !default; -$popover-header-padding-x: $card-header-padding-x !default; -$popover-header-border-width: $card-header-border-width !default; -$popover-header-border-style: $popover-border-style !default; -$popover-header-bg: $card-header-bg !default; -$popover-header-text: $card-header-text !default; -$popover-header-border: $card-header-border !default; +$kendo-popover-header-padding-y: $card-header-padding-y !default; +$kendo-popover-header-padding-x: $card-header-padding-x !default; +$kendo-popover-header-border-width: $card-header-border-width !default; +$kendo-popover-header-border-style: $kendo-popover-border-style !default; +$kendo-popover-header-bg: $card-header-bg !default; +$kendo-popover-header-text: $card-header-text !default; +$kendo-popover-header-border: $card-header-border !default; -$popover-body-padding-y: $card-body-padding-y !default; -$popover-body-padding-x: $card-body-padding-x !default; +$kendo-popover-body-padding-y: $card-body-padding-y !default; +$kendo-popover-body-padding-x: $card-body-padding-x !default; -$popover-actions-border-width: $popover-border-width !default; +$kendo-popover-actions-border-width: $kendo-popover-border-width !default; -$popover-callout-width: $card-callout-width !default; -$popover-callout-height: $card-callout-height !default; -$popover-callout-border-width: $popover-border-width !default; -$popover-callout-border-style: $popover-border-style !default; -$popover-callout-bg: $popover-bg !default; -$popover-callout-border: $popover-border !default; +$kendo-popover-callout-width: $card-callout-width !default; +$kendo-popover-callout-height: $card-callout-height !default; +$kendo-popover-callout-border-width: $kendo-popover-border-width !default; +$kendo-popover-callout-border-style: $kendo-popover-border-style !default; +$kendo-popover-callout-bg: $kendo-popover-bg !default; +$kendo-popover-callout-border: $kendo-popover-border !default; diff --git a/packages/default/scss/popover/_layout.scss b/packages/default/scss/popover/_layout.scss index cfeb04ba9b6..26001414512 100644 --- a/packages/default/scss/popover/_layout.scss +++ b/packages/default/scss/popover/_layout.scss @@ -2,15 +2,15 @@ // Popover .k-popover { - @include border-radius( $popover-border-radius ); + @include border-radius( $kendo-popover-border-radius ); padding: 0; - border-width: $popover-border-width; - border-style: $popover-border-style; + border-width: $kendo-popover-border-width; + border-style: $kendo-popover-border-style; box-sizing: border-box; outline: 0; - font-size: $popover-font-size; - font-family: $popover-font-family; - line-height: $popover-line-height; + font-size: $kendo-popover-font-size; + font-family: $kendo-popover-font-family; + line-height: $kendo-popover-line-height; display: flex; flex-flow: column nowrap; z-index: 12000; @@ -32,20 +32,20 @@ // Header .k-popover-header { - @include border-top-radius( $popover-border-radius ); - padding: $popover-header-padding-y $popover-header-padding-x; - border-width: 0 0 $popover-header-border-width; - border-style: $popover-header-border-style; + @include border-top-radius( $kendo-popover-border-radius ); + padding: $kendo-popover-header-padding-y $kendo-popover-header-padding-x; + border-width: 0 0 $kendo-popover-header-border-width; + border-style: $kendo-popover-header-border-style; } // Body .k-popover-body { - padding: $popover-body-padding-y $popover-body-padding-x; + padding: $kendo-popover-body-padding-y $kendo-popover-body-padding-x; } // Actions .k-popover-actions { - border-width: $popover-actions-border-width 0 0; + border-width: $kendo-popover-actions-border-width 0 0; } } @@ -54,10 +54,10 @@ .k-popover-callout { margin: 0; - width: $popover-callout-width; - height: $popover-callout-height; - border-width: $popover-callout-border-width; - border-style: $popover-callout-border-style; + width: $kendo-popover-callout-width; + height: $kendo-popover-callout-height; + border-width: $kendo-popover-callout-border-width; + border-style: $kendo-popover-callout-border-style; position: absolute; &.k-callout-n { diff --git a/packages/default/scss/popover/_theme.scss b/packages/default/scss/popover/_theme.scss index 991dd327c9e..d1b221e5d49 100644 --- a/packages/default/scss/popover/_theme.scss +++ b/packages/default/scss/popover/_theme.scss @@ -2,12 +2,12 @@ // Popover .k-popover { - @include box-shadow( $popover-shadow ); + @include box-shadow( $kendo-popover-shadow ); @include fill( - $popover-text, - $popover-bg, - $popover-border + $kendo-popover-text, + $kendo-popover-bg, + $kendo-popover-border ); } @@ -19,9 +19,9 @@ // Header .k-popover-header { @include fill( - $popover-header-text, - $popover-header-bg, - $popover-header-border + $kendo-popover-header-text, + $kendo-popover-header-bg, + $kendo-popover-header-border ); } diff --git a/packages/default/scss/popover/_variables.scss b/packages/default/scss/popover/_variables.scss index 4719ee21d1a..9a08c6223e5 100644 --- a/packages/default/scss/popover/_variables.scss +++ b/packages/default/scss/popover/_variables.scss @@ -1,31 +1,31 @@ // Popover -$popover-border-width: $card-border-width !default; -$popover-border-style: solid !default; -$popover-border-radius: $card-border-radius !default; -$popover-font-size: $card-font-size !default; -$popover-font-family: $card-font-family !default; -$popover-line-height: $card-line-height !default; -$popover-bg: $kendo-component-bg !default; -$popover-text: $kendo-component-text !default; -$popover-border: $kendo-component-border !default; -$popover-shadow: $popup-shadow !default; +$kendo-popover-border-width: $card-border-width !default; +$kendo-popover-border-style: solid !default; +$kendo-popover-border-radius: $card-border-radius !default; +$kendo-popover-font-size: $card-font-size !default; +$kendo-popover-font-family: $card-font-family !default; +$kendo-popover-line-height: $card-line-height !default; +$kendo-popover-bg: $kendo-component-bg !default; +$kendo-popover-text: $kendo-component-text !default; +$kendo-popover-border: $kendo-component-border !default; +$kendo-popover-shadow: $popup-shadow !default; -$popover-header-padding-y: $card-header-padding-y !default; -$popover-header-padding-x: $card-header-padding-x !default; -$popover-header-border-width: $card-header-border-width !default; -$popover-header-border-style: $popover-border-style !default; -$popover-header-bg: $card-header-bg !default; -$popover-header-text: $card-header-text !default; -$popover-header-border: $card-header-border !default; +$kendo-popover-header-padding-y: $card-header-padding-y !default; +$kendo-popover-header-padding-x: $card-header-padding-x !default; +$kendo-popover-header-border-width: $card-header-border-width !default; +$kendo-popover-header-border-style: $kendo-popover-border-style !default; +$kendo-popover-header-bg: $card-header-bg !default; +$kendo-popover-header-text: $card-header-text !default; +$kendo-popover-header-border: $card-header-border !default; -$popover-body-padding-y: $card-body-padding-y !default; -$popover-body-padding-x: $card-body-padding-x !default; +$kendo-popover-body-padding-y: $card-body-padding-y !default; +$kendo-popover-body-padding-x: $card-body-padding-x !default; -$popover-actions-border-width: $popover-border-width !default; +$kendo-popover-actions-border-width: $kendo-popover-border-width !default; -$popover-callout-width: $card-callout-width !default; -$popover-callout-height: $card-callout-height !default; -$popover-callout-border-width: $popover-border-width !default; -$popover-callout-border-style: $popover-border-style !default; -$popover-callout-bg: $popover-bg !default; -$popover-callout-border: $popover-border !default; +$kendo-popover-callout-width: $card-callout-width !default; +$kendo-popover-callout-height: $card-callout-height !default; +$kendo-popover-callout-border-width: $kendo-popover-border-width !default; +$kendo-popover-callout-border-style: $kendo-popover-border-style !default; +$kendo-popover-callout-bg: $kendo-popover-bg !default; +$kendo-popover-callout-border: $kendo-popover-border !default; diff --git a/packages/material/scss/popover/_variables.scss b/packages/material/scss/popover/_variables.scss index ab43b820dac..c291abea6de 100644 --- a/packages/material/scss/popover/_variables.scss +++ b/packages/material/scss/popover/_variables.scss @@ -1,31 +1,31 @@ // Popover -$popover-border-width: 1px !default; -$popover-border-style: solid !default; -$popover-border-radius: $card-border-radius !default; -$popover-font-size: $card-font-size !default; -$popover-font-family: $card-font-family !default; -$popover-line-height: $card-line-height !default; -$popover-bg: $kendo-component-bg !default; -$popover-text: $kendo-component-text !default; -$popover-border: $kendo-component-border !default; -$popover-shadow: $card-shadow !default; +$kendo-popover-border-width: 1px !default; +$kendo-popover-border-style: solid !default; +$kendo-popover-border-radius: $card-border-radius !default; +$kendo-popover-font-size: $card-font-size !default; +$kendo-popover-font-family: $card-font-family !default; +$kendo-popover-line-height: $card-line-height !default; +$kendo-popover-bg: $kendo-component-bg !default; +$kendo-popover-text: $kendo-component-text !default; +$kendo-popover-border: $kendo-component-border !default; +$kendo-popover-shadow: $card-shadow !default; -$popover-header-padding-y: $card-header-padding-y !default; -$popover-header-padding-x: $card-header-padding-x !default; -$popover-header-border-width: $card-header-border-width !default; -$popover-header-border-style: $popover-border-style !default; -$popover-header-bg: $card-header-bg !default; -$popover-header-text: $card-header-text !default; -$popover-header-border: $card-header-border !default; +$kendo-popover-header-padding-y: $card-header-padding-y !default; +$kendo-popover-header-padding-x: $card-header-padding-x !default; +$kendo-popover-header-border-width: $card-header-border-width !default; +$kendo-popover-header-border-style: $kendo-popover-border-style !default; +$kendo-popover-header-bg: $card-header-bg !default; +$kendo-popover-header-text: $card-header-text !default; +$kendo-popover-header-border: $card-header-border !default; -$popover-body-padding-y: $card-body-padding-y !default; -$popover-body-padding-x: $card-body-padding-x !default; +$kendo-popover-body-padding-y: $card-body-padding-y !default; +$kendo-popover-body-padding-x: $card-body-padding-x !default; -$popover-actions-border-width: $popover-border-width !default; +$kendo-popover-actions-border-width: $kendo-popover-border-width !default; -$popover-callout-width: $card-callout-width !default; -$popover-callout-height: $card-callout-height !default; -$popover-callout-border-width: $popover-border-width !default; -$popover-callout-border-style: $popover-border-style !default; -$popover-callout-bg: $popover-bg !default; -$popover-callout-border: $popover-border !default; +$kendo-popover-callout-width: $card-callout-width !default; +$kendo-popover-callout-height: $card-callout-height !default; +$kendo-popover-callout-border-width: $kendo-popover-border-width !default; +$kendo-popover-callout-border-style: $kendo-popover-border-style !default; +$kendo-popover-callout-bg: $kendo-popover-bg !default; +$kendo-popover-callout-border: $kendo-popover-border !default;