@progress/kendo-theme-core 10.2.0 → 10.2.1-dev.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.2.0",
4
+ "version": "10.2.1-dev.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": "842eda823b380f262b6160ddd002d32dabe9f2ab"
48
+ "gitHead": "c52443f2723a1669ec559fc839d6ff4ca50efd80"
49
49
  }
@@ -25,7 +25,10 @@ $kendo-dark-color-level-step: 16% !default;
25
25
  /// @example scss - Usage
26
26
  /// @debug k-color-red( #ff0000 ); // => 255
27
27
  @function k-color-red( $color ) {
28
- @return math.round(color.channel( $color, "red" ));
28
+ @if meta.function-exists("channel", "color") {
29
+ @return math.round(color.channel( $color, "red" ));
30
+ }
31
+ @return red( $color );
29
32
  }
30
33
 
31
34
  /// Returns the green channel of a color.
@@ -35,7 +38,10 @@ $kendo-dark-color-level-step: 16% !default;
35
38
  /// @example scss - Usage
36
39
  /// @debug k-color-green( #00ff00 ); // => 255
37
40
  @function k-color-green( $color ) {
38
- @return math.round(color.channel( $color, "green" ));
41
+ @if meta.function-exists("channel", "color") {
42
+ @return math.round(color.channel( $color, "green" ));
43
+ }
44
+ @return green( $color );
39
45
  }
40
46
 
41
47
  /// Returns the blue channel of a color.
@@ -45,7 +51,10 @@ $kendo-dark-color-level-step: 16% !default;
45
51
  /// @example scss - Usage
46
52
  /// @debug k-color-blue( #0000ff ); // => 255
47
53
  @function k-color-blue( $color ) {
48
- @return math.round(color.channel( $color, "blue" ));
54
+ @if meta.function-exists("channel", "color") {
55
+ @return math.round(color.channel( $color, "blue" ));
56
+ }
57
+ @return blue( $color );
49
58
  }
50
59
 
51
60
  /// Returns the hue of a color.
@@ -55,7 +64,10 @@ $kendo-dark-color-level-step: 16% !default;
55
64
  /// @example scss - Usage
56
65
  /// @debug k-color-hue( #e1d7d2 ); // => 20deg
57
66
  @function k-color-hue( $color ) {
58
- @return color.channel( $color, "hue" );
67
+ @if meta.function-exists("channel", "color") {
68
+ @return color.channel( $color, "hue" );
69
+ }
70
+ @return hue( $color );
59
71
  }
60
72
 
61
73
  /// Returns the saturation of a color.
@@ -65,7 +77,10 @@ $kendo-dark-color-level-step: 16% !default;
65
77
  /// @example scss - Usage
66
78
  /// @debug k-color-saturation( #e1d7d2 ); // => 20%
67
79
  @function k-color-saturation( $color ) {
68
- @return color.channel( $color, "saturation" );
80
+ @if meta.function-exists("channel", "color") {
81
+ @return color.channel( $color, "saturation" );
82
+ }
83
+ @return saturation( $color );
69
84
  }
70
85
 
71
86
  /// Returns the lightness of a color.
@@ -75,7 +90,10 @@ $kendo-dark-color-level-step: 16% !default;
75
90
  /// @example scss - Usage
76
91
  /// @debug k-color-lightness( #e1d7d2 ); // => 80%
77
92
  @function k-color-lightness( $color ) {
78
- @return color.channel( $color, "lightness" );
93
+ @if meta.function-exists("channel", "color") {
94
+ @return color.channel( $color, "lightness" );
95
+ }
96
+ @return lightness( $color );
79
97
  }
80
98
 
81
99
  /// Returns a color that is a mix of two colors.