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;