Skip to content

Commit

Permalink
chore: addressing comments
Browse files Browse the repository at this point in the history
  • Loading branch information
inikolova committed Jan 10, 2025
1 parent 7788f86 commit 48452ea
Show file tree
Hide file tree
Showing 6 changed files with 80 additions and 78 deletions.
36 changes: 18 additions & 18 deletions packages/bootstrap/scss/colorpalette/_variables.scss
Original file line number Diff line number Diff line change
Expand Up @@ -20,22 +20,22 @@ $kendo-color-palette-tile-width: k-spacing(6) !default;
$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;
$kendo-color-palette-sm-tile-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;
$kendo-color-palette-sm-tile-height: $kendo-color-palette-sm-tile-width !default;
/// The width of the medium ColorPalette tile.
/// @group color-palette
$kendo-color-palette-tile-md-width: $kendo-color-palette-tile-width !default;
$kendo-color-palette-md-tile-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;
$kendo-color-palette-md-tile-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;
$kendo-color-palette-lg-tile-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;
$kendo-color-palette-lg-tile-height: $kendo-color-palette-lg-tile-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;
Expand All @@ -50,16 +50,16 @@ $kendo-color-palette-tile-selected-shadow: 0 1px 3px 1px rgba( black, .3 ), inse
/// @group color-palette
$kendo-color-palette-sizes: (
sm: (
width: $kendo-color-palette-tile-sm-width,
height: $kendo-color-palette-tile-sm-height
width: $kendo-color-palette-sm-tile-width,
height: $kendo-color-palette-sm-tile-height
),
md: (
width: $kendo-color-palette-tile-md-width,
height: $kendo-color-palette-tile-md-height
width: $kendo-color-palette-md-tile-width,
height: $kendo-color-palette-md-tile-height
),
lg: (
width: $kendo-color-palette-tile-lg-width,
height: $kendo-color-palette-tile-lg-height
width: $kendo-color-palette-lg-tile-width,
height: $kendo-color-palette-lg-tile-height
)
) !default;

Expand All @@ -69,12 +69,12 @@ $kendo-color-palette-sizes: (
$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-sm-tile-width: $kendo-color-palette-sm-tile-width,
$kendo-color-palette-sm-tile-height: $kendo-color-palette-sm-tile-height,
$kendo-color-palette-md-tile-width: $kendo-color-palette-md-tile-width,
$kendo-color-palette-md-tile-height: $kendo-color-palette-md-tile-height,
$kendo-color-palette-lg-tile-width: $kendo-color-palette-lg-tile-width,
$kendo-color-palette-lg-tile-height: $kendo-color-palette-lg-tile-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
Expand Down
36 changes: 18 additions & 18 deletions packages/classic/scss/colorpalette/_variables.scss
Original file line number Diff line number Diff line change
Expand Up @@ -20,22 +20,22 @@ $kendo-color-palette-tile-width: k-spacing(6) !default;
$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;
$kendo-color-palette-sm-tile-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;
$kendo-color-palette-sm-tile-height: $kendo-color-palette-sm-tile-width !default;
/// The width of the medium ColorPalette tile.
/// @group color-palette
$kendo-color-palette-tile-md-width: $kendo-color-palette-tile-width !default;
$kendo-color-palette-md-tile-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;
$kendo-color-palette-md-tile-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;
$kendo-color-palette-lg-tile-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;
$kendo-color-palette-lg-tile-height: $kendo-color-palette-lg-tile-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;
Expand All @@ -50,16 +50,16 @@ $kendo-color-palette-tile-selected-shadow: 0 1px 3px 1px rgba( black, .3 ), inse
/// @group color-palette
$kendo-color-palette-sizes: (
sm: (
width: $kendo-color-palette-tile-sm-width,
height: $kendo-color-palette-tile-sm-height
width: $kendo-color-palette-sm-tile-width,
height: $kendo-color-palette-sm-tile-height
),
md: (
width: $kendo-color-palette-tile-md-width,
height: $kendo-color-palette-tile-md-height
width: $kendo-color-palette-md-tile-width,
height: $kendo-color-palette-md-tile-height
),
lg: (
width: $kendo-color-palette-tile-lg-width,
height: $kendo-color-palette-tile-lg-height
width: $kendo-color-palette-lg-tile-width,
height: $kendo-color-palette-lg-tile-height
)
) !default;

Expand All @@ -69,12 +69,12 @@ $kendo-color-palette-sizes: (
$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-sm-tile-width: $kendo-color-palette-sm-tile-width,
$kendo-color-palette-sm-tile-height: $kendo-color-palette-sm-tile-height,
$kendo-color-palette-md-tile-width: $kendo-color-palette-md-tile-width,
$kendo-color-palette-md-tile-height: $kendo-color-palette-md-tile-height,
$kendo-color-palette-lg-tile-width: $kendo-color-palette-lg-tile-width,
$kendo-color-palette-lg-tile-height: $kendo-color-palette-lg-tile-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
Expand Down
2 changes: 2 additions & 0 deletions packages/default/scss/colorpalette/_layout.scss
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,8 @@

// Tile
.k-colorpalette-tile {
width: $kendo-color-palette-tile-width;
height: $kendo-color-palette-tile-height;
box-sizing: border-box;
overflow: hidden;
cursor: pointer;
Expand Down
24 changes: 12 additions & 12 deletions packages/default/scss/colorpalette/_variables.scss
Original file line number Diff line number Diff line change
Expand Up @@ -20,22 +20,22 @@ $kendo-color-palette-tile-width: k-spacing(6) !default;
$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;
$kendo-color-palette-sm-tile-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;
$kendo-color-palette-sm-tile-height: $kendo-color-palette-sm-tile-width !default;
/// The width of the medium ColorPalette tile.
/// @group color-palette
$kendo-color-palette-tile-md-width: $kendo-color-palette-tile-width !default;
$kendo-color-palette-md-tile-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;
$kendo-color-palette-md-tile-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;
$kendo-color-palette-lg-tile-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;
$kendo-color-palette-lg-tile-height: $kendo-color-palette-lg-tile-width !default;

/// The shadow of the ColorPalette focused tile.
/// @group color-palette
Expand All @@ -51,15 +51,15 @@ $kendo-color-palette-tile-selected-shadow: 0 1px 3px 1px rgba( black, .3 ), inse
/// @group color-palette
$kendo-color-palette-sizes: (
sm: (
width: $kendo-color-palette-tile-sm-width,
height: $kendo-color-palette-tile-sm-height
width: $kendo-color-palette-sm-tile-width,
height: $kendo-color-palette-sm-tile-height
),
md: (
width: $kendo-color-palette-tile-md-width,
height: $kendo-color-palette-tile-md-height
width: $kendo-color-palette-md-tile-width,
height: $kendo-color-palette-md-tile-height
),
lg: (
width: $kendo-color-palette-tile-lg-width,
height: $kendo-color-palette-tile-lg-height
width: $kendo-color-palette-lg-tile-width,
height: $kendo-color-palette-lg-tile-height
)
) !default;
24 changes: 12 additions & 12 deletions packages/fluent/scss/colorpalette/_variables.scss
Original file line number Diff line number Diff line change
Expand Up @@ -28,22 +28,22 @@ $kendo-color-palette-tile-width: k-spacing(6) !default;
$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;
$kendo-color-palette-sm-tile-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;
$kendo-color-palette-sm-tile-height: $kendo-color-palette-sm-tile-width !default;
/// The width of the medium ColorPalette tile.
/// @group color-palette
$kendo-color-palette-tile-md-width: $kendo-color-palette-tile-width !default;
$kendo-color-palette-md-tile-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;
$kendo-color-palette-md-tile-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;
$kendo-color-palette-lg-tile-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;
$kendo-color-palette-lg-tile-height: $kendo-color-palette-lg-tile-width !default;

/// The outline color of the ColorPalette focused tile.
/// @group color-palette
Expand Down Expand Up @@ -71,15 +71,15 @@ $kendo-color-palette-tile-selected-hover-outline: $kendo-color-palette-tile-focu
/// @group color-palette
$kendo-color-palette-sizes: (
sm: (
width: $kendo-color-palette-tile-sm-width,
height: $kendo-color-palette-tile-sm-height
width: $kendo-color-palette-sm-tile-width,
height: $kendo-color-palette-sm-tile-height
),
md: (
width: $kendo-color-palette-tile-md-width,
height: $kendo-color-palette-tile-md-height
width: $kendo-color-palette-md-tile-width,
height: $kendo-color-palette-md-tile-height
),
lg: (
width: $kendo-color-palette-tile-lg-width,
height: $kendo-color-palette-tile-lg-height
width: $kendo-color-palette-lg-tile-width,
height: $kendo-color-palette-lg-tile-height
)
) !default;
36 changes: 18 additions & 18 deletions packages/material/scss/colorpalette/_variables.scss
Original file line number Diff line number Diff line change
Expand Up @@ -20,22 +20,22 @@ $kendo-color-palette-tile-width: k-spacing(6) !default;
$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;
$kendo-color-palette-sm-tile-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;
$kendo-color-palette-sm-tile-height: $kendo-color-palette-sm-tile-width !default;
/// The width of the medium ColorPalette tile.
/// @group color-palette
$kendo-color-palette-tile-md-width: $kendo-color-palette-tile-width !default;
$kendo-color-palette-md-tile-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;
$kendo-color-palette-md-tile-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;
$kendo-color-palette-lg-tile-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;
$kendo-color-palette-lg-tile-height: $kendo-color-palette-lg-tile-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;
Expand All @@ -50,16 +50,16 @@ $kendo-color-palette-tile-selected-shadow: 0 1px 3px 1px rgba( black, .3 ), inse
/// @group color-palette
$kendo-color-palette-sizes: (
sm: (
width: $kendo-color-palette-tile-sm-width,
height: $kendo-color-palette-tile-sm-height
width: $kendo-color-palette-sm-tile-width,
height: $kendo-color-palette-sm-tile-height
),
md: (
width: $kendo-color-palette-tile-md-width,
height: $kendo-color-palette-tile-md-height
width: $kendo-color-palette-md-tile-width,
height: $kendo-color-palette-md-tile-height
),
lg: (
width: $kendo-color-palette-tile-lg-width,
height: $kendo-color-palette-tile-lg-height
width: $kendo-color-palette-lg-tile-width,
height: $kendo-color-palette-lg-tile-height
)
) !default;

Expand All @@ -69,12 +69,12 @@ $kendo-color-palette-sizes: (
$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-sm-tile-width: $kendo-color-palette-sm-tile-width,
$kendo-color-palette-sm-tile-height: $kendo-color-palette-sm-tile-height,
$kendo-color-palette-md-tile-width: $kendo-color-palette-md-tile-width,
$kendo-color-palette-md-tile-height: $kendo-color-palette-md-tile-height,
$kendo-color-palette-lg-tile-width: $kendo-color-palette-lg-tile-width,
$kendo-color-palette-lg-tile-height: $kendo-color-palette-lg-tile-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
Expand Down

0 comments on commit 48452ea

Please sign in to comment.