@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/dist/meta/sassdoc-data.json +163 -163
- package/dist/meta/sassdoc-raw-data.json +159 -159
- package/package.json +2 -2
- package/scss/functions/_color.import.scss +24 -6
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
{
|
|
3
3
|
"description": "",
|
|
4
4
|
"commentRange": {
|
|
5
|
-
"start":
|
|
6
|
-
"end":
|
|
5
|
+
"start": 602,
|
|
6
|
+
"end": 606
|
|
7
7
|
},
|
|
8
8
|
"context": {
|
|
9
9
|
"type": "variable",
|
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
"value": "black",
|
|
12
12
|
"scope": "default",
|
|
13
13
|
"line": {
|
|
14
|
-
"start":
|
|
15
|
-
"end":
|
|
14
|
+
"start": 607,
|
|
15
|
+
"end": 607
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
18
|
"link": [
|
|
@@ -38,8 +38,8 @@
|
|
|
38
38
|
{
|
|
39
39
|
"description": "Default light color for WCAG 2.0.\n",
|
|
40
40
|
"commentRange": {
|
|
41
|
-
"start":
|
|
42
|
-
"end":
|
|
41
|
+
"start": 608,
|
|
42
|
+
"end": 610
|
|
43
43
|
},
|
|
44
44
|
"context": {
|
|
45
45
|
"type": "variable",
|
|
@@ -47,8 +47,8 @@
|
|
|
47
47
|
"value": "white",
|
|
48
48
|
"scope": "default",
|
|
49
49
|
"line": {
|
|
50
|
-
"start":
|
|
51
|
-
"end":
|
|
50
|
+
"start": 611,
|
|
51
|
+
"end": 611
|
|
52
52
|
}
|
|
53
53
|
},
|
|
54
54
|
"type": "Color",
|
|
@@ -64,16 +64,16 @@
|
|
|
64
64
|
{
|
|
65
65
|
"description": "Calculate the relative luminance for a color.\n",
|
|
66
66
|
"commentRange": {
|
|
67
|
-
"start":
|
|
68
|
-
"end":
|
|
67
|
+
"start": 613,
|
|
68
|
+
"end": 620
|
|
69
69
|
},
|
|
70
70
|
"context": {
|
|
71
71
|
"type": "function",
|
|
72
72
|
"name": "k-color-luminance",
|
|
73
73
|
"code": "\n $red: list.nth( $_linear-channel-values, k-color-red( $color ) + 1 );\n $green: list.nth( $_linear-channel-values, k-color-green( $color ) + 1 );\n $blue: list.nth( $_linear-channel-values, k-color-blue( $color ) + 1 );\n\n @return .2126 * $red + .7152 * $green + .0722 * $blue;\n",
|
|
74
74
|
"line": {
|
|
75
|
-
"start":
|
|
76
|
-
"end":
|
|
75
|
+
"start": 621,
|
|
76
|
+
"end": 627
|
|
77
77
|
}
|
|
78
78
|
},
|
|
79
79
|
"parameter": [
|
|
@@ -127,8 +127,8 @@
|
|
|
127
127
|
"name": "k-color-contrast-ratio",
|
|
128
128
|
"code": "\n $backLum: k-color-luminance( $background ) + .05;\n $foreLum: k-color-luminance( $foreground ) + .05;\n\n @return math.div( math.max( $backLum, $foreLum ), math.min( $backLum, $foreLum ) );\n",
|
|
129
129
|
"line": {
|
|
130
|
-
"start":
|
|
131
|
-
"end":
|
|
130
|
+
"start": 638,
|
|
131
|
+
"end": 643
|
|
132
132
|
}
|
|
133
133
|
}
|
|
134
134
|
},
|
|
@@ -139,8 +139,8 @@
|
|
|
139
139
|
"name": "k-color-contrast-ratio",
|
|
140
140
|
"code": "\n $backLum: k-color-luminance( $background ) + .05;\n $foreLum: k-color-luminance( $foreground ) + .05;\n\n @return math.div( math.max( $backLum, $foreLum ), math.min( $backLum, $foreLum ) );\n",
|
|
141
141
|
"line": {
|
|
142
|
-
"start":
|
|
143
|
-
"end":
|
|
142
|
+
"start": 638,
|
|
143
|
+
"end": 643
|
|
144
144
|
}
|
|
145
145
|
}
|
|
146
146
|
},
|
|
@@ -151,8 +151,8 @@
|
|
|
151
151
|
"name": "k-is-dark",
|
|
152
152
|
"code": "\n @return if( k-color-luminance( $color ) < .5, true, false );\n",
|
|
153
153
|
"line": {
|
|
154
|
-
"start":
|
|
155
|
-
"end":
|
|
154
|
+
"start": 650,
|
|
155
|
+
"end": 652
|
|
156
156
|
}
|
|
157
157
|
}
|
|
158
158
|
},
|
|
@@ -163,8 +163,8 @@
|
|
|
163
163
|
"name": "k-is-light",
|
|
164
164
|
"code": "\n @return if( k-color-luminance( $color ) < .5, false, true );\n",
|
|
165
165
|
"line": {
|
|
166
|
-
"start":
|
|
167
|
-
"end":
|
|
166
|
+
"start": 659,
|
|
167
|
+
"end": 661
|
|
168
168
|
}
|
|
169
169
|
}
|
|
170
170
|
}
|
|
@@ -173,16 +173,16 @@
|
|
|
173
173
|
{
|
|
174
174
|
"description": "Calculates contrast ratio between two colors\n",
|
|
175
175
|
"commentRange": {
|
|
176
|
-
"start":
|
|
177
|
-
"end":
|
|
176
|
+
"start": 629,
|
|
177
|
+
"end": 637
|
|
178
178
|
},
|
|
179
179
|
"context": {
|
|
180
180
|
"type": "function",
|
|
181
181
|
"name": "k-color-contrast-ratio",
|
|
182
182
|
"code": "\n $backLum: k-color-luminance( $background ) + .05;\n $foreLum: k-color-luminance( $foreground ) + .05;\n\n @return math.div( math.max( $backLum, $foreLum ), math.min( $backLum, $foreLum ) );\n",
|
|
183
183
|
"line": {
|
|
184
|
-
"start":
|
|
185
|
-
"end":
|
|
184
|
+
"start": 638,
|
|
185
|
+
"end": 643
|
|
186
186
|
}
|
|
187
187
|
},
|
|
188
188
|
"parameter": [
|
|
@@ -237,8 +237,8 @@
|
|
|
237
237
|
"name": "k-contrast-color",
|
|
238
238
|
"code": "\n $foregrounds: $light, $dark, #ffffff, #000000;\n $max-ratio: 0;\n $max-ratio-color: null;\n\n @each $color in $foregrounds {\n $contrast-ratio: k-color-contrast-ratio( $background, $color );\n\n @if ( $contrast-ratio > $min-ratio ) {\n @return $color;\n } @else if ( $contrast-ratio > $max-ratio ) {\n $max-ratio: $contrast-ratio;\n $max-ratio-color: $color;\n }\n }\n\n @warn \"Found no color leading to #{$min-ratio}:1 contrast ratio against #{$background}...\";\n\n @return $max-ratio-color;\n",
|
|
239
239
|
"line": {
|
|
240
|
-
"start":
|
|
241
|
-
"end":
|
|
240
|
+
"start": 673,
|
|
241
|
+
"end": 692
|
|
242
242
|
}
|
|
243
243
|
}
|
|
244
244
|
}
|
|
@@ -247,16 +247,16 @@
|
|
|
247
247
|
{
|
|
248
248
|
"description": "Checks if a color is dark\n",
|
|
249
249
|
"commentRange": {
|
|
250
|
-
"start":
|
|
251
|
-
"end":
|
|
250
|
+
"start": 645,
|
|
251
|
+
"end": 649
|
|
252
252
|
},
|
|
253
253
|
"context": {
|
|
254
254
|
"type": "function",
|
|
255
255
|
"name": "k-is-dark",
|
|
256
256
|
"code": "\n @return if( k-color-luminance( $color ) < .5, true, false );\n",
|
|
257
257
|
"line": {
|
|
258
|
-
"start":
|
|
259
|
-
"end":
|
|
258
|
+
"start": 650,
|
|
259
|
+
"end": 652
|
|
260
260
|
}
|
|
261
261
|
},
|
|
262
262
|
"parameter": [
|
|
@@ -288,16 +288,16 @@
|
|
|
288
288
|
{
|
|
289
289
|
"description": "Checks if a color is light\n",
|
|
290
290
|
"commentRange": {
|
|
291
|
-
"start":
|
|
292
|
-
"end":
|
|
291
|
+
"start": 654,
|
|
292
|
+
"end": 658
|
|
293
293
|
},
|
|
294
294
|
"context": {
|
|
295
295
|
"type": "function",
|
|
296
296
|
"name": "k-is-light",
|
|
297
297
|
"code": "\n @return if( k-color-luminance( $color ) < .5, false, true );\n",
|
|
298
298
|
"line": {
|
|
299
|
-
"start":
|
|
300
|
-
"end":
|
|
299
|
+
"start": 659,
|
|
300
|
+
"end": 661
|
|
301
301
|
}
|
|
302
302
|
},
|
|
303
303
|
"parameter": [
|
|
@@ -329,16 +329,16 @@
|
|
|
329
329
|
{
|
|
330
330
|
"description": "Calculates the contrast ratio between a background color and a foreground color.\nIf the contrast ratio is not high enough, it will return the color with the highest contrast ratio.\n",
|
|
331
331
|
"commentRange": {
|
|
332
|
-
"start":
|
|
333
|
-
"end":
|
|
332
|
+
"start": 664,
|
|
333
|
+
"end": 672
|
|
334
334
|
},
|
|
335
335
|
"context": {
|
|
336
336
|
"type": "function",
|
|
337
337
|
"name": "k-contrast-color",
|
|
338
338
|
"code": "\n $foregrounds: $light, $dark, #ffffff, #000000;\n $max-ratio: 0;\n $max-ratio-color: null;\n\n @each $color in $foregrounds {\n $contrast-ratio: k-color-contrast-ratio( $background, $color );\n\n @if ( $contrast-ratio > $min-ratio ) {\n @return $color;\n } @else if ( $contrast-ratio > $max-ratio ) {\n $max-ratio: $contrast-ratio;\n $max-ratio-color: $color;\n }\n }\n\n @warn \"Found no color leading to #{$min-ratio}:1 contrast ratio against #{$background}...\";\n\n @return $max-ratio-color;\n",
|
|
339
339
|
"line": {
|
|
340
|
-
"start":
|
|
341
|
-
"end":
|
|
340
|
+
"start": 673,
|
|
341
|
+
"end": 692
|
|
342
342
|
}
|
|
343
343
|
},
|
|
344
344
|
"parameter": [
|
|
@@ -2031,8 +2031,8 @@
|
|
|
2031
2031
|
{
|
|
2032
2032
|
"description": "Set a specific jump point for requesting color jumps\n",
|
|
2033
2033
|
"commentRange": {
|
|
2034
|
-
"start":
|
|
2035
|
-
"end":
|
|
2034
|
+
"start": 197,
|
|
2035
|
+
"end": 199
|
|
2036
2036
|
},
|
|
2037
2037
|
"context": {
|
|
2038
2038
|
"type": "variable",
|
|
@@ -2040,8 +2040,8 @@
|
|
|
2040
2040
|
"value": "8%",
|
|
2041
2041
|
"scope": "default",
|
|
2042
2042
|
"line": {
|
|
2043
|
-
"start":
|
|
2044
|
-
"end":
|
|
2043
|
+
"start": 200,
|
|
2044
|
+
"end": 200
|
|
2045
2045
|
}
|
|
2046
2046
|
},
|
|
2047
2047
|
"group": [
|
|
@@ -2056,16 +2056,16 @@
|
|
|
2056
2056
|
{
|
|
2057
2057
|
"description": "Makes a color lighter by mixing it with white\n",
|
|
2058
2058
|
"commentRange": {
|
|
2059
|
-
"start":
|
|
2060
|
-
"end":
|
|
2059
|
+
"start": 221,
|
|
2060
|
+
"end": 229
|
|
2061
2061
|
},
|
|
2062
2062
|
"context": {
|
|
2063
2063
|
"type": "function",
|
|
2064
2064
|
"name": "k-color-tint",
|
|
2065
2065
|
"code": "\n @return k-color-level( $color, -$level );\n",
|
|
2066
2066
|
"line": {
|
|
2067
|
-
"start":
|
|
2068
|
-
"end":
|
|
2067
|
+
"start": 230,
|
|
2068
|
+
"end": 232
|
|
2069
2069
|
}
|
|
2070
2070
|
},
|
|
2071
2071
|
"parameter": [
|
|
@@ -2108,8 +2108,8 @@
|
|
|
2108
2108
|
"name": "k-try-shade",
|
|
2109
2109
|
"code": "\n $_dark-theme: if( meta.variable-exists( kendo-is-dark-theme ), $_is-dark-theme, false );\n\n @if $_dark-theme {\n @return k-color-tint( $color, $level );\n }\n\n @return k-color-shade( $color, $level );\n",
|
|
2110
2110
|
"line": {
|
|
2111
|
-
"start":
|
|
2112
|
-
"end":
|
|
2111
|
+
"start": 253,
|
|
2112
|
+
"end": 261
|
|
2113
2113
|
}
|
|
2114
2114
|
}
|
|
2115
2115
|
},
|
|
@@ -2120,8 +2120,8 @@
|
|
|
2120
2120
|
"name": "k-try-tint",
|
|
2121
2121
|
"code": "\n $_dark-theme: if( meta.variable-exists( kendo-is-dark-theme ), $_is-dark-theme, false );\n\n @if $_dark-theme {\n @return k-color-shade( $color, $level );\n }\n\n @return k-color-tint( $color, $level );\n",
|
|
2122
2122
|
"line": {
|
|
2123
|
-
"start":
|
|
2124
|
-
"end":
|
|
2123
|
+
"start": 269,
|
|
2124
|
+
"end": 277
|
|
2125
2125
|
}
|
|
2126
2126
|
}
|
|
2127
2127
|
}
|
|
@@ -2130,16 +2130,16 @@
|
|
|
2130
2130
|
{
|
|
2131
2131
|
"description": "Makes a color darker by mixing it with black\n",
|
|
2132
2132
|
"commentRange": {
|
|
2133
|
-
"start":
|
|
2134
|
-
"end":
|
|
2133
|
+
"start": 234,
|
|
2134
|
+
"end": 242
|
|
2135
2135
|
},
|
|
2136
2136
|
"context": {
|
|
2137
2137
|
"type": "function",
|
|
2138
2138
|
"name": "k-color-shade",
|
|
2139
2139
|
"code": "\n @return k-color-level( $color, $level );\n",
|
|
2140
2140
|
"line": {
|
|
2141
|
-
"start":
|
|
2142
|
-
"end":
|
|
2141
|
+
"start": 243,
|
|
2142
|
+
"end": 245
|
|
2143
2143
|
}
|
|
2144
2144
|
},
|
|
2145
2145
|
"parameter": [
|
|
@@ -2182,8 +2182,8 @@
|
|
|
2182
2182
|
"name": "k-try-shade",
|
|
2183
2183
|
"code": "\n $_dark-theme: if( meta.variable-exists( kendo-is-dark-theme ), $_is-dark-theme, false );\n\n @if $_dark-theme {\n @return k-color-tint( $color, $level );\n }\n\n @return k-color-shade( $color, $level );\n",
|
|
2184
2184
|
"line": {
|
|
2185
|
-
"start":
|
|
2186
|
-
"end":
|
|
2185
|
+
"start": 253,
|
|
2186
|
+
"end": 261
|
|
2187
2187
|
}
|
|
2188
2188
|
}
|
|
2189
2189
|
},
|
|
@@ -2194,8 +2194,8 @@
|
|
|
2194
2194
|
"name": "k-try-tint",
|
|
2195
2195
|
"code": "\n $_dark-theme: if( meta.variable-exists( kendo-is-dark-theme ), $_is-dark-theme, false );\n\n @if $_dark-theme {\n @return k-color-shade( $color, $level );\n }\n\n @return k-color-tint( $color, $level );\n",
|
|
2196
2196
|
"line": {
|
|
2197
|
-
"start":
|
|
2198
|
-
"end":
|
|
2197
|
+
"start": 269,
|
|
2198
|
+
"end": 277
|
|
2199
2199
|
}
|
|
2200
2200
|
}
|
|
2201
2201
|
}
|
|
@@ -2204,16 +2204,16 @@
|
|
|
2204
2204
|
{
|
|
2205
2205
|
"description": "Shades the color in light themes and tints it in dark themes\n",
|
|
2206
2206
|
"commentRange": {
|
|
2207
|
-
"start":
|
|
2208
|
-
"end":
|
|
2207
|
+
"start": 247,
|
|
2208
|
+
"end": 252
|
|
2209
2209
|
},
|
|
2210
2210
|
"context": {
|
|
2211
2211
|
"type": "function",
|
|
2212
2212
|
"name": "k-try-shade",
|
|
2213
2213
|
"code": "\n $_dark-theme: if( meta.variable-exists( kendo-is-dark-theme ), $_is-dark-theme, false );\n\n @if $_dark-theme {\n @return k-color-tint( $color, $level );\n }\n\n @return k-color-shade( $color, $level );\n",
|
|
2214
2214
|
"line": {
|
|
2215
|
-
"start":
|
|
2216
|
-
"end":
|
|
2215
|
+
"start": 253,
|
|
2216
|
+
"end": 261
|
|
2217
2217
|
}
|
|
2218
2218
|
},
|
|
2219
2219
|
"parameter": [
|
|
@@ -2844,16 +2844,16 @@
|
|
|
2844
2844
|
{
|
|
2845
2845
|
"description": "Tints the color in light themes and shades it in dark themes\n",
|
|
2846
2846
|
"commentRange": {
|
|
2847
|
-
"start":
|
|
2848
|
-
"end":
|
|
2847
|
+
"start": 263,
|
|
2848
|
+
"end": 268
|
|
2849
2849
|
},
|
|
2850
2850
|
"context": {
|
|
2851
2851
|
"type": "function",
|
|
2852
2852
|
"name": "k-try-tint",
|
|
2853
2853
|
"code": "\n $_dark-theme: if( meta.variable-exists( kendo-is-dark-theme ), $_is-dark-theme, false );\n\n @if $_dark-theme {\n @return k-color-shade( $color, $level );\n }\n\n @return k-color-tint( $color, $level );\n",
|
|
2854
2854
|
"line": {
|
|
2855
|
-
"start":
|
|
2856
|
-
"end":
|
|
2855
|
+
"start": 269,
|
|
2856
|
+
"end": 277
|
|
2857
2857
|
}
|
|
2858
2858
|
},
|
|
2859
2859
|
"parameter": [
|
|
@@ -3172,16 +3172,16 @@
|
|
|
3172
3172
|
{
|
|
3173
3173
|
"description": "Darkens the color in light themes and lightens it in dark themes\n",
|
|
3174
3174
|
"commentRange": {
|
|
3175
|
-
"start":
|
|
3176
|
-
"end":
|
|
3175
|
+
"start": 279,
|
|
3176
|
+
"end": 284
|
|
3177
3177
|
},
|
|
3178
3178
|
"context": {
|
|
3179
3179
|
"type": "function",
|
|
3180
3180
|
"name": "k-try-darken",
|
|
3181
3181
|
"code": "\n $_dark-theme: if( meta.variable-exists( kendo-is-dark-theme ), $_is-dark-theme, false );\n\n @if $_dark-theme {\n @return k-color-lighten( $color, $amount );\n }\n @return k-color-darken( $color, $amount );\n",
|
|
3182
3182
|
"line": {
|
|
3183
|
-
"start":
|
|
3184
|
-
"end":
|
|
3183
|
+
"start": 285,
|
|
3184
|
+
"end": 292
|
|
3185
3185
|
}
|
|
3186
3186
|
},
|
|
3187
3187
|
"parameter": [
|
|
@@ -3222,16 +3222,16 @@
|
|
|
3222
3222
|
{
|
|
3223
3223
|
"description": "Lightens the color in light themes and darkens it in dark themes\n",
|
|
3224
3224
|
"commentRange": {
|
|
3225
|
-
"start":
|
|
3226
|
-
"end":
|
|
3225
|
+
"start": 294,
|
|
3226
|
+
"end": 299
|
|
3227
3227
|
},
|
|
3228
3228
|
"context": {
|
|
3229
3229
|
"type": "function",
|
|
3230
3230
|
"name": "k-try-lighten",
|
|
3231
3231
|
"code": "\n $_dark-theme: if( meta.variable-exists( kendo-is-dark-theme ), $_is-dark-theme, false );\n\n @if $_dark-theme {\n @return k-color-darken( $color, $amount );\n }\n @return k-color-lighten( $color, $amount );\n",
|
|
3232
3232
|
"line": {
|
|
3233
|
-
"start":
|
|
3234
|
-
"end":
|
|
3233
|
+
"start": 300,
|
|
3234
|
+
"end": 307
|
|
3235
3235
|
}
|
|
3236
3236
|
},
|
|
3237
3237
|
"parameter": [
|
|
@@ -3272,16 +3272,16 @@
|
|
|
3272
3272
|
{
|
|
3273
3273
|
"description": "Converts a color with alpha to solid color mixed with a background color\n",
|
|
3274
3274
|
"commentRange": {
|
|
3275
|
-
"start":
|
|
3276
|
-
"end":
|
|
3275
|
+
"start": 309,
|
|
3276
|
+
"end": 317
|
|
3277
3277
|
},
|
|
3278
3278
|
"context": {
|
|
3279
3279
|
"type": "function",
|
|
3280
3280
|
"name": "k-rgba-to-mix",
|
|
3281
3281
|
"code": "\n $percent: k-color-alpha( $color ) * 100%;\n\n @return k-color-mix( rgba( $color, 1 ), $bg, $percent );\n",
|
|
3282
3282
|
"line": {
|
|
3283
|
-
"start":
|
|
3284
|
-
"end":
|
|
3283
|
+
"start": 318,
|
|
3284
|
+
"end": 322
|
|
3285
3285
|
}
|
|
3286
3286
|
},
|
|
3287
3287
|
"parameter": [
|
|
@@ -5001,8 +5001,8 @@
|
|
|
5001
5001
|
"name": "k-rgba-to-mix",
|
|
5002
5002
|
"code": "\n $percent: k-color-alpha( $color ) * 100%;\n\n @return k-color-mix( rgba( $color, 1 ), $bg, $percent );\n",
|
|
5003
5003
|
"line": {
|
|
5004
|
-
"start":
|
|
5005
|
-
"end":
|
|
5004
|
+
"start": 318,
|
|
5005
|
+
"end": 322
|
|
5006
5006
|
}
|
|
5007
5007
|
}
|
|
5008
5008
|
}
|
|
@@ -5017,10 +5017,10 @@
|
|
|
5017
5017
|
"context": {
|
|
5018
5018
|
"type": "function",
|
|
5019
5019
|
"name": "k-color-red",
|
|
5020
|
-
"code": "\n @return math.round(color.channel( $color, \"red\" ));\n",
|
|
5020
|
+
"code": "\n @if meta.function-exists(\"channel\", \"color\") {\n @return math.round(color.channel( $color, \"red\" ));\n }\n @return red( $color );\n",
|
|
5021
5021
|
"line": {
|
|
5022
5022
|
"start": 27,
|
|
5023
|
-
"end":
|
|
5023
|
+
"end": 32
|
|
5024
5024
|
}
|
|
5025
5025
|
},
|
|
5026
5026
|
"parameter": [
|
|
@@ -5058,8 +5058,8 @@
|
|
|
5058
5058
|
"name": "k-color-luminance",
|
|
5059
5059
|
"code": "\n $red: list.nth( $_linear-channel-values, k-color-red( $color ) + 1 );\n $green: list.nth( $_linear-channel-values, k-color-green( $color ) + 1 );\n $blue: list.nth( $_linear-channel-values, k-color-blue( $color ) + 1 );\n\n @return .2126 * $red + .7152 * $green + .0722 * $blue;\n",
|
|
5060
5060
|
"line": {
|
|
5061
|
-
"start":
|
|
5062
|
-
"end":
|
|
5061
|
+
"start": 621,
|
|
5062
|
+
"end": 627
|
|
5063
5063
|
}
|
|
5064
5064
|
}
|
|
5065
5065
|
}
|
|
@@ -5068,16 +5068,16 @@
|
|
|
5068
5068
|
{
|
|
5069
5069
|
"description": "Returns the green channel of a color.\n",
|
|
5070
5070
|
"commentRange": {
|
|
5071
|
-
"start":
|
|
5072
|
-
"end":
|
|
5071
|
+
"start": 34,
|
|
5072
|
+
"end": 39
|
|
5073
5073
|
},
|
|
5074
5074
|
"context": {
|
|
5075
5075
|
"type": "function",
|
|
5076
5076
|
"name": "k-color-green",
|
|
5077
|
-
"code": "\n @return math.round(color.channel( $color, \"green\" ));\n",
|
|
5077
|
+
"code": "\n @if meta.function-exists(\"channel\", \"color\") {\n @return math.round(color.channel( $color, \"green\" ));\n }\n @return green( $color );\n",
|
|
5078
5078
|
"line": {
|
|
5079
|
-
"start":
|
|
5080
|
-
"end":
|
|
5079
|
+
"start": 40,
|
|
5080
|
+
"end": 45
|
|
5081
5081
|
}
|
|
5082
5082
|
},
|
|
5083
5083
|
"parameter": [
|
|
@@ -5115,8 +5115,8 @@
|
|
|
5115
5115
|
"name": "k-color-luminance",
|
|
5116
5116
|
"code": "\n $red: list.nth( $_linear-channel-values, k-color-red( $color ) + 1 );\n $green: list.nth( $_linear-channel-values, k-color-green( $color ) + 1 );\n $blue: list.nth( $_linear-channel-values, k-color-blue( $color ) + 1 );\n\n @return .2126 * $red + .7152 * $green + .0722 * $blue;\n",
|
|
5117
5117
|
"line": {
|
|
5118
|
-
"start":
|
|
5119
|
-
"end":
|
|
5118
|
+
"start": 621,
|
|
5119
|
+
"end": 627
|
|
5120
5120
|
}
|
|
5121
5121
|
}
|
|
5122
5122
|
}
|
|
@@ -5125,16 +5125,16 @@
|
|
|
5125
5125
|
{
|
|
5126
5126
|
"description": "Returns the blue channel of a color.\n",
|
|
5127
5127
|
"commentRange": {
|
|
5128
|
-
"start":
|
|
5129
|
-
"end":
|
|
5128
|
+
"start": 47,
|
|
5129
|
+
"end": 52
|
|
5130
5130
|
},
|
|
5131
5131
|
"context": {
|
|
5132
5132
|
"type": "function",
|
|
5133
5133
|
"name": "k-color-blue",
|
|
5134
|
-
"code": "\n @return math.round(color.channel( $color, \"blue\" ));\n",
|
|
5134
|
+
"code": "\n @if meta.function-exists(\"channel\", \"color\") {\n @return math.round(color.channel( $color, \"blue\" ));\n }\n @return blue( $color );\n",
|
|
5135
5135
|
"line": {
|
|
5136
|
-
"start":
|
|
5137
|
-
"end":
|
|
5136
|
+
"start": 53,
|
|
5137
|
+
"end": 58
|
|
5138
5138
|
}
|
|
5139
5139
|
},
|
|
5140
5140
|
"parameter": [
|
|
@@ -5172,8 +5172,8 @@
|
|
|
5172
5172
|
"name": "k-color-luminance",
|
|
5173
5173
|
"code": "\n $red: list.nth( $_linear-channel-values, k-color-red( $color ) + 1 );\n $green: list.nth( $_linear-channel-values, k-color-green( $color ) + 1 );\n $blue: list.nth( $_linear-channel-values, k-color-blue( $color ) + 1 );\n\n @return .2126 * $red + .7152 * $green + .0722 * $blue;\n",
|
|
5174
5174
|
"line": {
|
|
5175
|
-
"start":
|
|
5176
|
-
"end":
|
|
5175
|
+
"start": 621,
|
|
5176
|
+
"end": 627
|
|
5177
5177
|
}
|
|
5178
5178
|
}
|
|
5179
5179
|
}
|
|
@@ -5182,16 +5182,16 @@
|
|
|
5182
5182
|
{
|
|
5183
5183
|
"description": "Returns the hue of a color.\n",
|
|
5184
5184
|
"commentRange": {
|
|
5185
|
-
"start":
|
|
5186
|
-
"end":
|
|
5185
|
+
"start": 60,
|
|
5186
|
+
"end": 65
|
|
5187
5187
|
},
|
|
5188
5188
|
"context": {
|
|
5189
5189
|
"type": "function",
|
|
5190
5190
|
"name": "k-color-hue",
|
|
5191
|
-
"code": "\n @return color.channel( $color, \"hue\" );\n",
|
|
5191
|
+
"code": "\n @if meta.function-exists(\"channel\", \"color\") {\n @return color.channel( $color, \"hue\" );\n }\n @return hue( $color );\n",
|
|
5192
5192
|
"line": {
|
|
5193
|
-
"start":
|
|
5194
|
-
"end":
|
|
5193
|
+
"start": 66,
|
|
5194
|
+
"end": 71
|
|
5195
5195
|
}
|
|
5196
5196
|
},
|
|
5197
5197
|
"parameter": [
|
|
@@ -5225,16 +5225,16 @@
|
|
|
5225
5225
|
{
|
|
5226
5226
|
"description": "Returns the saturation of a color.\n",
|
|
5227
5227
|
"commentRange": {
|
|
5228
|
-
"start":
|
|
5229
|
-
"end":
|
|
5228
|
+
"start": 73,
|
|
5229
|
+
"end": 78
|
|
5230
5230
|
},
|
|
5231
5231
|
"context": {
|
|
5232
5232
|
"type": "function",
|
|
5233
5233
|
"name": "k-color-saturation",
|
|
5234
|
-
"code": "\n @return color.channel( $color, \"saturation\" );\n",
|
|
5234
|
+
"code": "\n @if meta.function-exists(\"channel\", \"color\") {\n @return color.channel( $color, \"saturation\" );\n }\n @return saturation( $color );\n",
|
|
5235
5235
|
"line": {
|
|
5236
|
-
"start":
|
|
5237
|
-
"end":
|
|
5236
|
+
"start": 79,
|
|
5237
|
+
"end": 84
|
|
5238
5238
|
}
|
|
5239
5239
|
},
|
|
5240
5240
|
"parameter": [
|
|
@@ -5268,16 +5268,16 @@
|
|
|
5268
5268
|
{
|
|
5269
5269
|
"description": "Returns the lightness of a color.\n",
|
|
5270
5270
|
"commentRange": {
|
|
5271
|
-
"start":
|
|
5272
|
-
"end":
|
|
5271
|
+
"start": 86,
|
|
5272
|
+
"end": 91
|
|
5273
5273
|
},
|
|
5274
5274
|
"context": {
|
|
5275
5275
|
"type": "function",
|
|
5276
5276
|
"name": "k-color-lightness",
|
|
5277
|
-
"code": "\n @return color.channel( $color, \"lightness\" );\n",
|
|
5277
|
+
"code": "\n @if meta.function-exists(\"channel\", \"color\") {\n @return color.channel( $color, \"lightness\" );\n }\n @return lightness( $color );\n",
|
|
5278
5278
|
"line": {
|
|
5279
|
-
"start":
|
|
5280
|
-
"end":
|
|
5279
|
+
"start": 92,
|
|
5280
|
+
"end": 97
|
|
5281
5281
|
}
|
|
5282
5282
|
},
|
|
5283
5283
|
"parameter": [
|
|
@@ -5311,16 +5311,16 @@
|
|
|
5311
5311
|
{
|
|
5312
5312
|
"description": "Returns a color that is a mix of two colors.\n",
|
|
5313
5313
|
"commentRange": {
|
|
5314
|
-
"start":
|
|
5315
|
-
"end":
|
|
5314
|
+
"start": 99,
|
|
5315
|
+
"end": 106
|
|
5316
5316
|
},
|
|
5317
5317
|
"context": {
|
|
5318
5318
|
"type": "function",
|
|
5319
5319
|
"name": "k-color-mix",
|
|
5320
5320
|
"code": "\n @return color.mix( $color1, $color2, $weight );\n",
|
|
5321
5321
|
"line": {
|
|
5322
|
-
"start":
|
|
5323
|
-
"end":
|
|
5322
|
+
"start": 107,
|
|
5323
|
+
"end": 109
|
|
5324
5324
|
}
|
|
5325
5325
|
},
|
|
5326
5326
|
"parameter": [
|
|
@@ -5368,8 +5368,8 @@
|
|
|
5368
5368
|
"name": "k-rgba-to-mix",
|
|
5369
5369
|
"code": "\n $percent: k-color-alpha( $color ) * 100%;\n\n @return k-color-mix( rgba( $color, 1 ), $bg, $percent );\n",
|
|
5370
5370
|
"line": {
|
|
5371
|
-
"start":
|
|
5372
|
-
"end":
|
|
5371
|
+
"start": 318,
|
|
5372
|
+
"end": 322
|
|
5373
5373
|
}
|
|
5374
5374
|
}
|
|
5375
5375
|
}
|
|
@@ -5378,16 +5378,16 @@
|
|
|
5378
5378
|
{
|
|
5379
5379
|
"description": "Makes a color darker by decreasing its lightness.\n",
|
|
5380
5380
|
"commentRange": {
|
|
5381
|
-
"start":
|
|
5382
|
-
"end":
|
|
5381
|
+
"start": 111,
|
|
5382
|
+
"end": 117
|
|
5383
5383
|
},
|
|
5384
5384
|
"context": {
|
|
5385
5385
|
"type": "function",
|
|
5386
5386
|
"name": "k-color-darken",
|
|
5387
5387
|
"code": "\n @return color.adjust( $color, $lightness: - $amount );\n",
|
|
5388
5388
|
"line": {
|
|
5389
|
-
"start":
|
|
5390
|
-
"end":
|
|
5389
|
+
"start": 118,
|
|
5390
|
+
"end": 120
|
|
5391
5391
|
}
|
|
5392
5392
|
},
|
|
5393
5393
|
"parameter": [
|
|
@@ -5454,8 +5454,8 @@
|
|
|
5454
5454
|
"name": "k-try-darken",
|
|
5455
5455
|
"code": "\n $_dark-theme: if( meta.variable-exists( kendo-is-dark-theme ), $_is-dark-theme, false );\n\n @if $_dark-theme {\n @return k-color-lighten( $color, $amount );\n }\n @return k-color-darken( $color, $amount );\n",
|
|
5456
5456
|
"line": {
|
|
5457
|
-
"start":
|
|
5458
|
-
"end":
|
|
5457
|
+
"start": 285,
|
|
5458
|
+
"end": 292
|
|
5459
5459
|
}
|
|
5460
5460
|
}
|
|
5461
5461
|
},
|
|
@@ -5466,8 +5466,8 @@
|
|
|
5466
5466
|
"name": "k-try-lighten",
|
|
5467
5467
|
"code": "\n $_dark-theme: if( meta.variable-exists( kendo-is-dark-theme ), $_is-dark-theme, false );\n\n @if $_dark-theme {\n @return k-color-darken( $color, $amount );\n }\n @return k-color-lighten( $color, $amount );\n",
|
|
5468
5468
|
"line": {
|
|
5469
|
-
"start":
|
|
5470
|
-
"end":
|
|
5469
|
+
"start": 300,
|
|
5470
|
+
"end": 307
|
|
5471
5471
|
}
|
|
5472
5472
|
}
|
|
5473
5473
|
}
|
|
@@ -5476,16 +5476,16 @@
|
|
|
5476
5476
|
{
|
|
5477
5477
|
"description": "Makes a color lighter by increasing its lightness.\n",
|
|
5478
5478
|
"commentRange": {
|
|
5479
|
-
"start":
|
|
5480
|
-
"end":
|
|
5479
|
+
"start": 122,
|
|
5480
|
+
"end": 128
|
|
5481
5481
|
},
|
|
5482
5482
|
"context": {
|
|
5483
5483
|
"type": "function",
|
|
5484
5484
|
"name": "k-color-lighten",
|
|
5485
5485
|
"code": "\n @return color.adjust( $color, $lightness: $amount );\n",
|
|
5486
5486
|
"line": {
|
|
5487
|
-
"start":
|
|
5488
|
-
"end":
|
|
5487
|
+
"start": 129,
|
|
5488
|
+
"end": 131
|
|
5489
5489
|
}
|
|
5490
5490
|
},
|
|
5491
5491
|
"parameter": [
|
|
@@ -5528,8 +5528,8 @@
|
|
|
5528
5528
|
"name": "k-try-darken",
|
|
5529
5529
|
"code": "\n $_dark-theme: if( meta.variable-exists( kendo-is-dark-theme ), $_is-dark-theme, false );\n\n @if $_dark-theme {\n @return k-color-lighten( $color, $amount );\n }\n @return k-color-darken( $color, $amount );\n",
|
|
5530
5530
|
"line": {
|
|
5531
|
-
"start":
|
|
5532
|
-
"end":
|
|
5531
|
+
"start": 285,
|
|
5532
|
+
"end": 292
|
|
5533
5533
|
}
|
|
5534
5534
|
}
|
|
5535
5535
|
},
|
|
@@ -5540,8 +5540,8 @@
|
|
|
5540
5540
|
"name": "k-try-lighten",
|
|
5541
5541
|
"code": "\n $_dark-theme: if( meta.variable-exists( kendo-is-dark-theme ), $_is-dark-theme, false );\n\n @if $_dark-theme {\n @return k-color-darken( $color, $amount );\n }\n @return k-color-lighten( $color, $amount );\n",
|
|
5542
5542
|
"line": {
|
|
5543
|
-
"start":
|
|
5544
|
-
"end":
|
|
5543
|
+
"start": 300,
|
|
5544
|
+
"end": 307
|
|
5545
5545
|
}
|
|
5546
5546
|
}
|
|
5547
5547
|
}
|
|
@@ -5550,16 +5550,16 @@
|
|
|
5550
5550
|
{
|
|
5551
5551
|
"description": "Increases or decreases the hue of a color.\n",
|
|
5552
5552
|
"commentRange": {
|
|
5553
|
-
"start":
|
|
5554
|
-
"end":
|
|
5553
|
+
"start": 133,
|
|
5554
|
+
"end": 139
|
|
5555
5555
|
},
|
|
5556
5556
|
"context": {
|
|
5557
5557
|
"type": "function",
|
|
5558
5558
|
"name": "k-color-adjust-hue",
|
|
5559
5559
|
"code": "\n @return color.adjust( $color, $hue: $degrees );\n",
|
|
5560
5560
|
"line": {
|
|
5561
|
-
"start":
|
|
5562
|
-
"end":
|
|
5561
|
+
"start": 140,
|
|
5562
|
+
"end": 142
|
|
5563
5563
|
}
|
|
5564
5564
|
},
|
|
5565
5565
|
"parameter": [
|
|
@@ -5598,16 +5598,16 @@
|
|
|
5598
5598
|
{
|
|
5599
5599
|
"description": "Increases the saturation of a color.\n",
|
|
5600
5600
|
"commentRange": {
|
|
5601
|
-
"start":
|
|
5602
|
-
"end":
|
|
5601
|
+
"start": 144,
|
|
5602
|
+
"end": 150
|
|
5603
5603
|
},
|
|
5604
5604
|
"context": {
|
|
5605
5605
|
"type": "function",
|
|
5606
5606
|
"name": "k-color-saturate",
|
|
5607
5607
|
"code": "\n @return color.adjust( $color, $saturation: $amount );\n",
|
|
5608
5608
|
"line": {
|
|
5609
|
-
"start":
|
|
5610
|
-
"end":
|
|
5609
|
+
"start": 151,
|
|
5610
|
+
"end": 153
|
|
5611
5611
|
}
|
|
5612
5612
|
},
|
|
5613
5613
|
"parameter": [
|
|
@@ -5646,16 +5646,16 @@
|
|
|
5646
5646
|
{
|
|
5647
5647
|
"description": "Decreases the saturation of a color.\n",
|
|
5648
5648
|
"commentRange": {
|
|
5649
|
-
"start":
|
|
5650
|
-
"end":
|
|
5649
|
+
"start": 155,
|
|
5650
|
+
"end": 161
|
|
5651
5651
|
},
|
|
5652
5652
|
"context": {
|
|
5653
5653
|
"type": "function",
|
|
5654
5654
|
"name": "k-color-desaturate",
|
|
5655
5655
|
"code": "\n @return color.adjust( $color, $saturation: - $amount );\n",
|
|
5656
5656
|
"line": {
|
|
5657
|
-
"start":
|
|
5658
|
-
"end":
|
|
5657
|
+
"start": 162,
|
|
5658
|
+
"end": 164
|
|
5659
5659
|
}
|
|
5660
5660
|
},
|
|
5661
5661
|
"parameter": [
|
|
@@ -5694,16 +5694,16 @@
|
|
|
5694
5694
|
{
|
|
5695
5695
|
"description": "Returns a gray color with the same lightness as the input color.\n",
|
|
5696
5696
|
"commentRange": {
|
|
5697
|
-
"start":
|
|
5698
|
-
"end":
|
|
5697
|
+
"start": 166,
|
|
5698
|
+
"end": 171
|
|
5699
5699
|
},
|
|
5700
5700
|
"context": {
|
|
5701
5701
|
"type": "function",
|
|
5702
5702
|
"name": "k-color-grayscale",
|
|
5703
5703
|
"code": "\n @return color.grayscale( $color );\n",
|
|
5704
5704
|
"line": {
|
|
5705
|
-
"start":
|
|
5706
|
-
"end":
|
|
5705
|
+
"start": 172,
|
|
5706
|
+
"end": 174
|
|
5707
5707
|
}
|
|
5708
5708
|
},
|
|
5709
5709
|
"parameter": [
|
|
@@ -5737,16 +5737,16 @@
|
|
|
5737
5737
|
{
|
|
5738
5738
|
"description": "Returns the RGB complement of a color. This identical to adjusting the hue\nby 180 degrees.\n",
|
|
5739
5739
|
"commentRange": {
|
|
5740
|
-
"start":
|
|
5741
|
-
"end":
|
|
5740
|
+
"start": 176,
|
|
5741
|
+
"end": 182
|
|
5742
5742
|
},
|
|
5743
5743
|
"context": {
|
|
5744
5744
|
"type": "function",
|
|
5745
5745
|
"name": "k-color-complement",
|
|
5746
5746
|
"code": "\n @return color.complement( $color );\n",
|
|
5747
5747
|
"line": {
|
|
5748
|
-
"start":
|
|
5749
|
-
"end":
|
|
5748
|
+
"start": 183,
|
|
5749
|
+
"end": 185
|
|
5750
5750
|
}
|
|
5751
5751
|
},
|
|
5752
5752
|
"parameter": [
|
|
@@ -5780,16 +5780,16 @@
|
|
|
5780
5780
|
{
|
|
5781
5781
|
"description": "Returns the inverse of a color.\n",
|
|
5782
5782
|
"commentRange": {
|
|
5783
|
-
"start":
|
|
5784
|
-
"end":
|
|
5783
|
+
"start": 187,
|
|
5784
|
+
"end": 192
|
|
5785
5785
|
},
|
|
5786
5786
|
"context": {
|
|
5787
5787
|
"type": "function",
|
|
5788
5788
|
"name": "k-color-invert",
|
|
5789
5789
|
"code": "\n @return color.invert( $color );\n",
|
|
5790
5790
|
"line": {
|
|
5791
|
-
"start":
|
|
5792
|
-
"end":
|
|
5791
|
+
"start": 193,
|
|
5792
|
+
"end": 195
|
|
5793
5793
|
}
|
|
5794
5794
|
},
|
|
5795
5795
|
"parameter": [
|