diff --git a/packages/bootstrap/scss/coloreditor/_variables.scss b/packages/bootstrap/scss/coloreditor/_variables.scss index 6ef8e4e4137..ab1cf5f3e67 100644 --- a/packages/bootstrap/scss/coloreditor/_variables.scss +++ b/packages/bootstrap/scss/coloreditor/_variables.scss @@ -9,6 +9,16 @@ $kendo-color-editor-spacer: k-spacing(4) !default; /// The minimum width of the ColorEditor. /// @group color-editor $kendo-color-editor-min-width: 328px !default; +/// The minimum width of the ColorEditor. +/// @group color-editor +$kendo-color-editor-sm-min-width: 252px !default; +/// The minimum width of the ColorEditor. +/// @group color-editor +$kendo-color-editor-md-min-width: $kendo-color-editor-min-width !default; +/// The minimum width of the ColorEditor. +/// @group color-editor +$kendo-color-editor-lg-min-width: 362px !default; + /// The width of the border around the ColorEditor. /// @group color-editor $kendo-color-editor-border-width: 1px !default; @@ -50,6 +60,25 @@ $kendo-color-editor-header-padding-x: $kendo-color-editor-header-padding-y !defa /// The spacing between the ColorEditor header actions. /// @group color-editor $kendo-color-editor-header-actions-gap: calc( #{$kendo-color-editor-spacer} / 2 ) !default; +/// The vertical padding of the small ColorEditor header. +/// @group color-editor +$kendo-color-editor-sm-header-padding-y: $kendo-color-editor-header-padding-y !default; +/// The horizontal padding of the small ColorEditor header. +/// @group color-editor +$kendo-color-editor-sm-header-padding-x: $kendo-color-editor-header-padding-x !default; +/// The vertical padding of the medium ColorEditor header. +/// @group color-editor +$kendo-color-editor-md-header-padding-y: $kendo-color-editor-header-padding-y !default; +/// The horizontal padding of the medium ColorEditor header. +/// @group color-editor +$kendo-color-editor-md-header-padding-x: $kendo-color-editor-header-padding-x !default; +/// The vertical padding of the large ColorEditor header. +/// @group color-editor +$kendo-color-editor-lg-header-padding-y: k-spacing(4.5) !default; +/// The horizontal padding of the large ColorEditor header. +/// @group color-editor +$kendo-color-editor-lg-header-padding-x: k-spacing(4.5) !default; + /// The width of the ColorEditor preview. /// @group color-editor @@ -60,6 +89,34 @@ $kendo-color-editor-color-preview-height: 12px !default; /// The spacing between the colors in the ColorEditor preview. /// @group color-editor $kendo-color-editor-preview-gap: k-spacing(1) !default; +/// The spacing between the colors in the small ColorEditor preview. +/// @group color-editor +$kendo-color-editor-sm-preview-gap: k-spacing(1) !default; +/// The spacing between the colors in the medium ColorEditor preview. +/// @group color-editor +$kendo-color-editor-md-preview-gap: $kendo-color-editor-preview-gap !default; +/// The spacing between the colors in the large ColorEditor preview. +/// @group color-editor +$kendo-color-editor-lg-preview-gap: k-spacing(1) !default; + +/// The width of the small ColorEditor preview. +/// @group color-editor +$kendo-color-editor-color-preview-sm-width: 32px !default; +/// The height of the small ColorEditor preview. +/// @group color-editor +$kendo-color-editor-color-preview-sm-height: 10px !default; +/// The width of the medium ColorEditor preview. +/// @group color-editor +$kendo-color-editor-color-preview-md-width: $kendo-color-editor-color-preview-width !default; +/// The height of the medium ColorEditor preview. +/// @group color-editor +$kendo-color-editor-color-preview-md-height: $kendo-color-editor-color-preview-height !default; +/// The width of the large ColorEditor preview. +/// @group color-editor +$kendo-color-editor-color-preview-lg-width: 32px !default; +/// The height of the large ColorEditor preview. +/// @group color-editor +$kendo-color-editor-color-preview-lg-height: 12px !default; /// The vertical padding of the ColorEditor views container. /// @group color-editor @@ -70,6 +127,33 @@ $kendo-color-editor-views-padding-x: $kendo-color-editor-views-padding-y !defaul /// The spacing of the ColorEditor views container. /// @group color-editor $kendo-color-editor-views-gap: $kendo-color-editor-spacer !default; +/// The vertical padding of the small ColorEditor views container. +/// @group color-editor +$kendo-color-editor-sm-views-padding-y: $kendo-color-editor-spacer !default; +/// The horizontal padding of the small ColorEditor views container. +/// @group color-editor +$kendo-color-editor-sm-views-padding-x: $kendo-color-editor-views-padding-y !default; +/// The spacing of the small ColorEditor views container. +/// @group color-editor +$kendo-color-editor-sm-views-gap: $kendo-color-editor-spacer !default; +/// The vertical padding of the medium ColorEditor views container. +/// @group color-editor +$kendo-color-editor-md-views-padding-y: $kendo-color-editor-views-padding-y !default; +/// The horizontal padding of the medium ColorEditor views container. +/// @group color-editor +$kendo-color-editor-md-views-padding-x: $kendo-color-editor-views-padding-x !default; +/// The spacing of the medium ColorEditor views container. +/// @group color-editor +$kendo-color-editor-md-views-gap: $kendo-color-editor-views-gap !default; +/// The vertical padding of the large ColorEditor views container. +/// @group color-editor +$kendo-color-editor-lg-views-padding-y: k-spacing(4.5) !default; +/// The horizontal padding of the large ColorEditor views container. +/// @group color-editor +$kendo-color-editor-lg-views-padding-x: k-spacing(4.5) !default; +/// The spacing of the large ColorEditor views container. +/// @group color-editor +$kendo-color-editor-lg-views-gap: k-spacing(4.5) !default; /// The outline color of the focused ColorGradient. /// @group color-editor @@ -82,9 +166,48 @@ $kendo-color-editor-color-gradient-focus-outline: 2px !default; $kendo-color-editor-color-gradient-focus-outline-offset: 2px !default; +/// The size map of the ColorEditor. +/// @group color-editor +$kendo-color-editor-sizes: ( + sm: ( + min-width: $kendo-color-editor-sm-min-width, + width: $kendo-color-editor-color-preview-sm-width, + height: $kendo-color-editor-color-preview-sm-height, + header-padding-x: $kendo-color-editor-sm-header-padding-x, + header-padding-y: $kendo-color-editor-sm-header-padding-y, + views-padding-x: $kendo-color-editor-sm-views-padding-x, + views-padding-y: $kendo-color-editor-sm-views-padding-y, + preview-gap: $kendo-color-editor-sm-preview-gap + + ), + md: ( + min-width: $kendo-color-editor-md-min-width, + width: $kendo-color-editor-color-preview-md-width, + height: $kendo-color-editor-color-preview-md-height, + header-padding-x: $kendo-color-editor-md-header-padding-x, + header-padding-y: $kendo-color-editor-md-header-padding-y, + views-padding-x: $kendo-color-editor-md-views-padding-x, + views-padding-y: $kendo-color-editor-md-views-padding-y, + preview-gap: $kendo-color-editor-md-preview-gap + ), + lg: ( + min-width: $kendo-color-editor-lg-min-width, + width: $kendo-color-editor-color-preview-lg-width, + height: $kendo-color-editor-color-preview-lg-height, + header-padding-x: $kendo-color-editor-lg-header-padding-x, + header-padding-y: $kendo-color-editor-lg-header-padding-y, + views-padding-x: $kendo-color-editor-lg-views-padding-x, + views-padding-y: $kendo-color-editor-lg-views-padding-y, + preview-gap: $kendo-color-editor-lg-preview-gap + ) +) !default; + @forward "@progress/kendo-theme-default/scss/coloreditor/_variables.scss" with ( $kendo-color-editor-spacer: $kendo-color-editor-spacer, $kendo-color-editor-min-width: $kendo-color-editor-min-width, + $kendo-color-editor-sm-min-width: $kendo-color-editor-sm-min-width, + $kendo-color-editor-md-min-width: $kendo-color-editor-md-min-width, + $kendo-color-editor-lg-min-width: $kendo-color-editor-lg-min-width, $kendo-color-editor-border-width: $kendo-color-editor-border-width, $kendo-color-editor-border-radius: $kendo-color-editor-border-radius, $kendo-color-editor-font-family: $kendo-color-editor-font-family, @@ -97,13 +220,37 @@ $kendo-color-editor-color-gradient-focus-outline-offset: 2px !default; $kendo-color-editor-focus-shadow: $kendo-color-editor-focus-shadow, $kendo-color-editor-header-padding-y: $kendo-color-editor-header-padding-y, $kendo-color-editor-header-padding-x: $kendo-color-editor-header-padding-x, + $kendo-color-editor-sm-header-padding-y: $kendo-color-editor-sm-header-padding-y, + $kendo-color-editor-sm-header-padding-x: $kendo-color-editor-sm-header-padding-x, + $kendo-color-editor-md-header-padding-y: $kendo-color-editor-md-header-padding-y, + $kendo-color-editor-md-header-padding-x: $kendo-color-editor-md-header-padding-x, + $kendo-color-editor-lg-header-padding-y: $kendo-color-editor-lg-header-padding-y, + $kendo-color-editor-lg-header-padding-x: $kendo-color-editor-lg-header-padding-x, $kendo-color-editor-header-actions-gap: $kendo-color-editor-header-actions-gap, $kendo-color-editor-color-preview-width: $kendo-color-editor-color-preview-width, $kendo-color-editor-color-preview-height: $kendo-color-editor-color-preview-height, $kendo-color-editor-preview-gap: $kendo-color-editor-preview-gap, + $kendo-color-editor-sm-preview-gap: $kendo-color-editor-sm-preview-gap, + $kendo-color-editor-md-preview-gap: $kendo-color-editor-md-preview-gap, + $kendo-color-editor-lg-preview-gap: $kendo-color-editor-lg-preview-gap, + $kendo-color-editor-color-preview-sm-width: $kendo-color-editor-color-preview-sm-width, + $kendo-color-editor-color-preview-sm-height: $kendo-color-editor-color-preview-sm-height, + $kendo-color-editor-color-preview-md-width: $kendo-color-editor-color-preview-md-width, + $kendo-color-editor-color-preview-md-height: $kendo-color-editor-color-preview-md-height, + $kendo-color-editor-color-preview-lg-width: $kendo-color-editor-color-preview-lg-width, + $kendo-color-editor-color-preview-lg-height: $kendo-color-editor-color-preview-lg-height, $kendo-color-editor-views-padding-y: $kendo-color-editor-views-padding-y, $kendo-color-editor-views-padding-x: $kendo-color-editor-views-padding-x, $kendo-color-editor-views-gap: $kendo-color-editor-views-gap, + $kendo-color-editor-sm-views-padding-y: $kendo-color-editor-sm-views-padding-y, + $kendo-color-editor-sm-views-padding-x: $kendo-color-editor-sm-views-padding-x, + $kendo-color-editor-sm-views-gap: $kendo-color-editor-sm-views-gap, + $kendo-color-editor-md-views-padding-y: $kendo-color-editor-md-views-padding-y, + $kendo-color-editor-md-views-padding-x: $kendo-color-editor-md-views-padding-x, + $kendo-color-editor-md-views-gap: $kendo-color-editor-md-views-gap, + $kendo-color-editor-lg-views-padding-y: $kendo-color-editor-lg-views-padding-y, + $kendo-color-editor-lg-views-padding-x: $kendo-color-editor-lg-views-padding-x, + $kendo-color-editor-lg-views-gap: $kendo-color-editor-lg-views-gap, $kendo-color-editor-color-gradient-focus-outline-color: $kendo-color-editor-color-gradient-focus-outline-color, $kendo-color-editor-color-gradient-focus-outline: $kendo-color-editor-color-gradient-focus-outline, $kendo-color-editor-color-gradient-focus-outline-offset: $kendo-color-editor-color-gradient-focus-outline-offset diff --git a/packages/bootstrap/scss/colorgradient/_variables.scss b/packages/bootstrap/scss/colorgradient/_variables.scss index 90a83532f9d..838e25428a4 100644 --- a/packages/bootstrap/scss/colorgradient/_variables.scss +++ b/packages/bootstrap/scss/colorgradient/_variables.scss @@ -44,6 +44,26 @@ $kendo-color-gradient-bg: $kendo-component-bg !default; /// @group color-gradient $kendo-color-gradient-border: $kendo-component-border !default; +/// The width of the small ColorGradient. +/// @group color-gradient +$kendo-color-gradient-sm-width: 266px !default; +/// The width of the medium ColorGradient. +/// @group color-gradient +$kendo-color-gradient-md-width: $kendo-color-gradient-width !default; +/// The width of the large ColorGradient. +/// @group color-gradient +$kendo-color-gradient-lg-width: 362px !default; + +/// The spacing between the sections of the small ColorGradient. +/// @group color-gradient +$kendo-color-gradient-sm-gap: $kendo-color-gradient-gap !default; +/// The spacing between the sections of the medium ColorGradient. +/// @group color-gradient +$kendo-color-gradient-md-gap: $kendo-color-gradient-gap !default; +/// The spacing between the sections of the large ColorGradient. +/// @group color-gradient +$kendo-color-gradient-lg-gap: k-spacing(4.5) !default; + /// The border color of the focused ColorGradient. /// @group color-gradient $kendo-color-gradient-focus-border: $kendo-hover-border !default; @@ -60,6 +80,25 @@ $kendo-color-gradient-canvas-gap: k-spacing(3) !default; /// The height the ColorGradient canvas hsv rectangle. /// @group color-gradient $kendo-color-gradient-canvas-rectangle-height: 180px !default; +/// The height the small ColorGradient canvas hsv rectangle. +/// @group color-gradient +$kendo-color-gradient-sm-canvas-rectangle-height: 186px !default; +/// The height the medium ColorGradient canvas hsv rectangle. +/// @group color-gradient +$kendo-color-gradient-md-canvas-rectangle-height: $kendo-color-gradient-canvas-rectangle-height !default; +/// The height the large ColorGradient canvas hsv rectangle. +/// @group color-gradient +$kendo-color-gradient-lg-canvas-rectangle-height: 268px !default; + +/// The spacing between the items of the small ColorGradient canvas. +/// @group color-gradient +$kendo-color-gradient-sm-canvas-gap: k-spacing(3) !default; +/// The spacing between the items of the medium ColorGradient canvas. +/// @group color-gradient +$kendo-color-gradient-md-canvas-gap: $kendo-color-gradient-canvas-gap !default; +/// The spacing between the items of the large ColorGradient canvas. +/// @group color-gradient +$kendo-color-gradient-lg-canvas-gap: k-spacing(4.5) !default; /// The width of the ColorGradient slider. /// @group color-gradient @@ -80,6 +119,15 @@ $kendo-color-gradient-slider-horizontal-size: 100% !default; /// The background image of the ColorGradient alpha slider. /// @group color-gradient $kendo-color-gradient-slider-alpha-bgr: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC" !default; +/// The height of the small ColorGradient vertical slider. +/// @group color-gradient +$kendo-color-gradient-sm-slider-vertical-size: 186px !default; +/// The height of the medium ColorGradient vertical slider. +/// @group color-gradient +$kendo-color-gradient-md-slider-vertical-size: $kendo-color-gradient-slider-vertical-size !default; +/// The height of the large ColorGradient vertical slider. +/// @group color-gradient +$kendo-color-gradient-lg-slider-vertical-size: 268px !default; /// The width of the ColorGradient canvas drag handle. /// @group color-gradient @@ -135,6 +183,16 @@ $kendo-color-gradient-input-label-gap: k-spacing(1) !default; /// @group color-gradient $kendo-color-gradient-input-label-text: if($kendo-enable-color-system, k-color( subtle ) , $kendo-subtle-text) !default; +/// The width of the small ColorGradient input. +/// @group color-gradient +$kendo-color-gradient-sm-input-width: 42px !default; +/// The width of the medium ColorGradient input. +/// @group color-gradient +$kendo-color-gradient-md-input-width: $kendo-color-gradient-input-width !default; +/// The width of the large ColorGradient input. +/// @group color-gradient +$kendo-color-gradient-lg-input-width: 62.5px !default; + /// The font weight of the ColorGradient contrast ratio text. /// @group color-gradient $kendo-color-gradient-contrast-ratio-font-weight: var( --kendo-font-weight-bold, normal ) !default; @@ -142,10 +200,45 @@ $kendo-color-gradient-contrast-ratio-font-weight: var( --kendo-font-weight-bold, /// @group color-gradient $kendo-color-gradient-contrast-spacer: calc( #{$kendo-color-gradient-spacer} / 2 ) !default; +/// The size map of the ColorGradient. +/// @group color-gradient +$kendo-color-gradient-sizes: ( + sm: ( + width: $kendo-color-gradient-sm-width, + vertical-slider-height: $kendo-color-gradient-sm-slider-vertical-size, + rectangle-height: $kendo-color-gradient-sm-canvas-rectangle-height, + input-width: $kendo-color-gradient-sm-input-width, + gap: $kendo-color-gradient-sm-gap, + canvas-gap: $kendo-color-gradient-sm-canvas-gap + ), + md: ( + width: $kendo-color-gradient-md-width, + vertical-slider-height: $kendo-color-gradient-md-slider-vertical-size, + rectangle-height: $kendo-color-gradient-md-canvas-rectangle-height, + input-width: $kendo-color-gradient-md-input-width, + gap: $kendo-color-gradient-md-gap, + canvas-gap: $kendo-color-gradient-md-canvas-gap + ), + lg: ( + width: $kendo-color-gradient-lg-width, + vertical-slider-height: $kendo-color-gradient-lg-slider-vertical-size, + rectangle-height: $kendo-color-gradient-lg-canvas-rectangle-height, + input-width: $kendo-color-gradient-lg-input-width, + gap: $kendo-color-gradient-lg-gap, + canvas-gap: $kendo-color-gradient-lg-canvas-gap + ) +) !default; + @forward "@progress/kendo-theme-default/scss/colorgradient/_variables.scss" with ( $kendo-color-gradient-spacer: $kendo-color-gradient-spacer, $kendo-color-gradient-width: $kendo-color-gradient-width, + $kendo-color-gradient-sm-width: $kendo-color-gradient-sm-width, + $kendo-color-gradient-md-width: $kendo-color-gradient-md-width, + $kendo-color-gradient-lg-width: $kendo-color-gradient-lg-width, + $kendo-color-gradient-sm-gap: $kendo-color-gradient-sm-gap, + $kendo-color-gradient-md-gap: $kendo-color-gradient-md-gap, + $kendo-color-gradient-lg-gap: $kendo-color-gradient-lg-gap, $kendo-color-gradient-border-width: $kendo-color-gradient-border-width, $kendo-color-gradient-border-radius: $kendo-color-gradient-border-radius, $kendo-color-gradient-padding-y: $kendo-color-gradient-padding-y, @@ -162,12 +255,21 @@ $kendo-color-gradient-contrast-spacer: calc( #{$kendo-color-gradient-spacer} / 2 $kendo-color-gradient-canvas-border-radius: $kendo-color-gradient-canvas-border-radius, $kendo-color-gradient-canvas-gap: $kendo-color-gradient-canvas-gap, $kendo-color-gradient-canvas-rectangle-height: $kendo-color-gradient-canvas-rectangle-height, + $kendo-color-gradient-sm-canvas-rectangle-height: $kendo-color-gradient-sm-canvas-rectangle-height, + $kendo-color-gradient-md-canvas-rectangle-height: $kendo-color-gradient-md-canvas-rectangle-height, + $kendo-color-gradient-lg-canvas-rectangle-height: $kendo-color-gradient-lg-canvas-rectangle-height, + $kendo-color-gradient-sm-canvas-gap: $kendo-color-gradient-sm-canvas-gap, + $kendo-color-gradient-md-canvas-gap: $kendo-color-gradient-md-canvas-gap, + $kendo-color-gradient-lg-canvas-gap: $kendo-color-gradient-lg-canvas-gap, $kendo-color-gradient-slider-track-size: $kendo-color-gradient-slider-track-size, $kendo-color-gradient-slider-border-radius: $kendo-color-gradient-slider-border-radius, $kendo-color-gradient-slider-draghandle-border-width: $kendo-color-gradient-slider-draghandle-border-width, $kendo-color-gradient-slider-vertical-size: $kendo-color-gradient-slider-vertical-size, $kendo-color-gradient-slider-horizontal-size: $kendo-color-gradient-slider-horizontal-size, $kendo-color-gradient-slider-alpha-bgr: $kendo-color-gradient-slider-alpha-bgr, + $kendo-color-gradient-sm-slider-vertical-size: $kendo-color-gradient-sm-slider-vertical-size, + $kendo-color-gradient-md-slider-vertical-size: $kendo-color-gradient-md-slider-vertical-size, + $kendo-color-gradient-lg-slider-vertical-size: $kendo-color-gradient-lg-slider-vertical-size, $kendo-color-gradient-draghandle-width: $kendo-color-gradient-draghandle-width, $kendo-color-gradient-draghandle-height: $kendo-color-gradient-draghandle-height, $kendo-color-gradient-draghandle-border-width: $kendo-color-gradient-draghandle-border-width, @@ -186,6 +288,9 @@ $kendo-color-gradient-contrast-spacer: calc( #{$kendo-color-gradient-spacer} / 2 $kendo-color-gradient-input-gap: $kendo-color-gradient-input-gap, $kendo-color-gradient-input-label-gap: $kendo-color-gradient-input-label-gap, $kendo-color-gradient-input-label-text: $kendo-color-gradient-input-label-text, + $kendo-color-gradient-sm-input-width: $kendo-color-gradient-sm-input-width, + $kendo-color-gradient-md-input-width: $kendo-color-gradient-md-input-width, + $kendo-color-gradient-lg-input-width: $kendo-color-gradient-lg-input-width, $kendo-color-gradient-contrast-ratio-font-weight: $kendo-color-gradient-contrast-ratio-font-weight, $kendo-color-gradient-contrast-spacer: $kendo-color-gradient-contrast-spacer ); diff --git a/packages/bootstrap/scss/colorpalette/_variables.scss b/packages/bootstrap/scss/colorpalette/_variables.scss index 5bbe6de49e1..60f928b7e19 100644 --- a/packages/bootstrap/scss/colorpalette/_variables.scss +++ b/packages/bootstrap/scss/colorpalette/_variables.scss @@ -18,6 +18,24 @@ $kendo-color-palette-tile-width: k-spacing(6) !default; /// The height of the ColorPalette tile. /// @group color-palette $kendo-color-palette-tile-height: $kendo-color-palette-tile-width !default; +// The width of the small ColorPalette tile. +/// @group color-palette +$kendo-color-palette-tile-sm-width: k-spacing(5.5) !default; +/// The height of the small ColorPalette tile. +/// @group color-palette +$kendo-color-palette-tile-sm-height: $kendo-color-palette-tile-sm-width !default; +/// The width of the medium ColorPalette tile. +/// @group color-palette +$kendo-color-palette-tile-md-width: $kendo-color-palette-tile-width !default; +/// The height of the medium ColorPalette tile. +/// @group color-palette +$kendo-color-palette-tile-md-height: $kendo-color-palette-tile-height !default; +/// The width of the large ColorPalette tile. +/// @group color-palette +$kendo-color-palette-tile-lg-width: k-spacing(8) !default; +/// The height of the large ColorPalette tile. +/// @group color-palette +$kendo-color-palette-tile-lg-height: $kendo-color-palette-tile-lg-width !default; /// The shadow of the ColorPalette focused tile. /// @group color-palette $kendo-color-palette-tile-focus-shadow: 0 0 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, .5 ) !default; @@ -28,6 +46,22 @@ $kendo-color-palette-tile-hover-shadow: 0 0 3px 1px rgba( black, .3 ), inset 0 0 /// @group color-palette $kendo-color-palette-tile-selected-shadow: 0 1px 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, 1 ) !default; +/// The size map of the ColorPalette. +/// @group color-palette +$kendo-color-palette-sizes: ( + sm: ( + width: $kendo-color-palette-tile-sm-width, + height: $kendo-color-palette-tile-sm-height + ), + md: ( + width: $kendo-color-palette-tile-md-width, + height: $kendo-color-palette-tile-md-height + ), + lg: ( + width: $kendo-color-palette-tile-lg-width, + height: $kendo-color-palette-tile-lg-height + ) +) !default; @forward "@progress/kendo-theme-default/scss/colorpalette/_variables.scss" with ( $kendo-color-palette-font-family: $kendo-color-palette-font-family, @@ -35,6 +69,12 @@ $kendo-color-palette-tile-selected-shadow: 0 1px 3px 1px rgba( black, .3 ), inse $kendo-color-palette-line-height: $kendo-color-palette-line-height, $kendo-color-palette-tile-width: $kendo-color-palette-tile-width, $kendo-color-palette-tile-height: $kendo-color-palette-tile-height, + $kendo-color-palette-tile-sm-width: $kendo-color-palette-tile-sm-width, + $kendo-color-palette-tile-sm-height: $kendo-color-palette-tile-sm-height, + $kendo-color-palette-tile-md-width: $kendo-color-palette-tile-md-width, + $kendo-color-palette-tile-md-height: $kendo-color-palette-tile-md-height, + $kendo-color-palette-tile-lg-width: $kendo-color-palette-tile-lg-width, + $kendo-color-palette-tile-lg-height: $kendo-color-palette-tile-lg-height, $kendo-color-palette-tile-focus-shadow: $kendo-color-palette-tile-focus-shadow, $kendo-color-palette-tile-hover-shadow: $kendo-color-palette-tile-hover-shadow, $kendo-color-palette-tile-selected-shadow: $kendo-color-palette-tile-selected-shadow diff --git a/packages/default/scss/coloreditor/_variables.scss b/packages/default/scss/coloreditor/_variables.scss index 9780cbcb676..df3f205a2a9 100644 --- a/packages/default/scss/coloreditor/_variables.scss +++ b/packages/default/scss/coloreditor/_variables.scss @@ -78,9 +78,6 @@ $kendo-color-editor-lg-header-padding-y: k-spacing(4.5) !default; /// The horizontal padding of the large ColorEditor header. /// @group color-editor $kendo-color-editor-lg-header-padding-x: k-spacing(4.5) !default; -/// The spacing between the large ColorEditor header actions. -/// @group color-editor -// $kendo-color-editor-lg-header-actions-gap: k-spacing(4.5) !default; /// The width of the ColorEditor preview. /// @group color-editor @@ -168,7 +165,7 @@ $kendo-color-editor-color-gradient-focus-outline: 2px !default; /// @group color-editor $kendo-color-editor-color-gradient-focus-outline-offset: 4px !default; -/// The size map of the ColorEditor preview. +/// The size map of the ColorEditor. /// @group color-editor $kendo-color-editor-sizes: ( sm: (