@progress/kendo-theme-core 10.4.0-dev.9 → 10.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-core",
3
3
  "description": "A collection of functions and mixins used for building themes for Kendo UI",
4
- "version": "10.4.0-dev.9",
4
+ "version": "10.4.0",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -45,5 +45,5 @@
45
45
  "directories": {
46
46
  "doc": "docs"
47
47
  },
48
- "gitHead": "0955993e3e23e9b104deae9fef0fc7acbe3d0a51"
48
+ "gitHead": "1938734e5ab830898c160ff8b1263c537dd3a676"
49
49
  }
@@ -0,0 +1,16 @@
1
+ // Dependencies
2
+ @use "../core/_index.scss" as *;
3
+ @use "../icons/_index.scss" as *;
4
+
5
+ // Component
6
+ @forward "./_variables.scss";
7
+ @use "./_layout.scss" as *;
8
+ @use "./_theme.scss" as *;
9
+
10
+ // Expose
11
+ @mixin kendo-column-menu--styles() {
12
+ @include import-once( "column-menu" ) {
13
+ @include kendo-column-menu--layout();
14
+ @include kendo-column-menu--theme();
15
+ }
16
+ }
@@ -0,0 +1,31 @@
1
+ @use "sass:map";
2
+ @use "_variables.scss" as *;
3
+
4
+ @mixin kendo-column-menu--layout-base() {
5
+ .k-column-menu {}
6
+
7
+ // Sizes
8
+ @each $size, $value in $kendo-column-menu-sizes {
9
+ $_padding-x: map.get($value, padding-x);
10
+ $_padding-y: map.get($value, padding-y);
11
+ $_font-size: map.get($value, font-size);
12
+ $_line-height: map.get($value, line-height);
13
+
14
+ .k-column-menu-#{$size} {
15
+ font-size: $_font-size;
16
+ line-height: $_line-height;
17
+
18
+ .k-columnmenu-item,
19
+ .k-column-list-item {
20
+ padding-block: $_padding-y;
21
+ padding-inline: $_padding-x;
22
+ font-size: $_font-size;
23
+ line-height: $_line-height;
24
+ }
25
+ }
26
+ }
27
+ }
28
+
29
+ @mixin kendo-column-menu--layout() {
30
+ @include kendo-column-menu--layout-base();
31
+ }
@@ -0,0 +1,7 @@
1
+ @mixin kendo-column-menu--theme-base() {
2
+ .k-column-menu {}
3
+ }
4
+
5
+ @mixin kendo-column-menu--theme() {
6
+ @include kendo-column-menu--theme-base();
7
+ }
@@ -0,0 +1,44 @@
1
+ $kendo-column-menu-item-padding-x: null !default;
2
+ $kendo-column-menu-item-padding-y: null !default;
3
+
4
+ $kendo-column-menu-item-sm-padding-x: null !default;
5
+ $kendo-column-menu-item-sm-padding-y: null !default;
6
+
7
+ $kendo-column-menu-item-md-padding-x: null !default;
8
+ $kendo-column-menu-item-md-padding-y: null !default;
9
+
10
+ $kendo-column-menu-item-lg-padding-x: null !default;
11
+ $kendo-column-menu-item-lg-padding-y: null !default;
12
+
13
+ $kendo-column-menu-font-size: null !default;
14
+ $kendo-column-menu-sm-font-size: null !default;
15
+ $kendo-column-menu-md-font-size: null !default;
16
+ $kendo-column-menu-lg-font-size: null !default;
17
+
18
+ $kendo-column-menu-line-height: null !default;
19
+ $kendo-column-menu-sm-line-height: null !default;
20
+ $kendo-column-menu-md-line-height: null !default;
21
+ $kendo-column-menu-lg-line-height: null !default;
22
+
23
+ $kendo-column-menu-font-family: null !default;
24
+
25
+ $kendo-column-menu-sizes: (
26
+ sm: (
27
+ padding-x: $kendo-column-menu-item-sm-padding-x,
28
+ padding-y: $kendo-column-menu-item-sm-padding-y,
29
+ font-size: $kendo-column-menu-item-sm-font-size,
30
+ line-height: $kendo-column-menu-sm-line-height
31
+ ),
32
+ md: (
33
+ padding-x: $kendo-column-menu-item-md-padding-x,
34
+ padding-y: $kendo-column-menu-item-md-padding-y,
35
+ font-size: $kendo-column-menu-item-md-font-size,
36
+ line-height: $kendo-column-menu-md-line-height
37
+ ),
38
+ lg: (
39
+ padding-x: $kendo-column-menu-item-lg-padding-x,
40
+ padding-y: $kendo-column-menu-item-lg-padding-y,
41
+ font-size: $kendo-column-menu-item-lg-font-size,
42
+ line-height: $kendo-column-menu-lg-line-height
43
+ )
44
+ ) !default;
@@ -23,6 +23,7 @@
23
23
  @use "../list/_index.scss" as *;
24
24
  @use "../table/_index.scss" as *;
25
25
  @use "../tabstrip/_index.scss" as *;
26
+ @use "../column-menu/_index.scss" as *;
26
27
 
27
28
  // Component
28
29
  @forward "./_variables.scss";