@progress/kendo-theme-core 10.2.0-dev.3 → 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
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
{
|
|
4
4
|
"description": "",
|
|
5
5
|
"commentRange": {
|
|
6
|
-
"start":
|
|
7
|
-
"end":
|
|
6
|
+
"start": 602,
|
|
7
|
+
"end": 606
|
|
8
8
|
},
|
|
9
9
|
"context": {
|
|
10
10
|
"type": "variable",
|
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
"value": "black",
|
|
13
13
|
"scope": "default",
|
|
14
14
|
"line": {
|
|
15
|
-
"start":
|
|
16
|
-
"end":
|
|
15
|
+
"start": 607,
|
|
16
|
+
"end": 607
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
19
|
"link": [
|
|
@@ -39,8 +39,8 @@
|
|
|
39
39
|
{
|
|
40
40
|
"description": "Default light color for WCAG 2.0.\n",
|
|
41
41
|
"commentRange": {
|
|
42
|
-
"start":
|
|
43
|
-
"end":
|
|
42
|
+
"start": 608,
|
|
43
|
+
"end": 610
|
|
44
44
|
},
|
|
45
45
|
"context": {
|
|
46
46
|
"type": "variable",
|
|
@@ -48,8 +48,8 @@
|
|
|
48
48
|
"value": "white",
|
|
49
49
|
"scope": "default",
|
|
50
50
|
"line": {
|
|
51
|
-
"start":
|
|
52
|
-
"end":
|
|
51
|
+
"start": 611,
|
|
52
|
+
"end": 611
|
|
53
53
|
}
|
|
54
54
|
},
|
|
55
55
|
"type": "Color",
|
|
@@ -3582,16 +3582,16 @@
|
|
|
3582
3582
|
{
|
|
3583
3583
|
"description": "Calculate the relative luminance for a color.\n",
|
|
3584
3584
|
"commentRange": {
|
|
3585
|
-
"start":
|
|
3586
|
-
"end":
|
|
3585
|
+
"start": 613,
|
|
3586
|
+
"end": 620
|
|
3587
3587
|
},
|
|
3588
3588
|
"context": {
|
|
3589
3589
|
"type": "function",
|
|
3590
3590
|
"name": "k-color-luminance",
|
|
3591
3591
|
"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",
|
|
3592
3592
|
"line": {
|
|
3593
|
-
"start":
|
|
3594
|
-
"end":
|
|
3593
|
+
"start": 621,
|
|
3594
|
+
"end": 627
|
|
3595
3595
|
},
|
|
3596
3596
|
"signature": "k-color-luminance($color)"
|
|
3597
3597
|
},
|
|
@@ -3639,8 +3639,8 @@
|
|
|
3639
3639
|
"name": "k-color-contrast-ratio",
|
|
3640
3640
|
"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",
|
|
3641
3641
|
"line": {
|
|
3642
|
-
"start":
|
|
3643
|
-
"end":
|
|
3642
|
+
"start": 638,
|
|
3643
|
+
"end": 643
|
|
3644
3644
|
},
|
|
3645
3645
|
"signature": "k-color-contrast-ratio($background, $foreground)"
|
|
3646
3646
|
}
|
|
@@ -3652,8 +3652,8 @@
|
|
|
3652
3652
|
"name": "k-color-contrast-ratio",
|
|
3653
3653
|
"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",
|
|
3654
3654
|
"line": {
|
|
3655
|
-
"start":
|
|
3656
|
-
"end":
|
|
3655
|
+
"start": 638,
|
|
3656
|
+
"end": 643
|
|
3657
3657
|
},
|
|
3658
3658
|
"signature": "k-color-contrast-ratio($background, $foreground)"
|
|
3659
3659
|
}
|
|
@@ -3665,8 +3665,8 @@
|
|
|
3665
3665
|
"name": "k-is-dark",
|
|
3666
3666
|
"code": "\n @return if( k-color-luminance( $color ) < .5, true, false );\n",
|
|
3667
3667
|
"line": {
|
|
3668
|
-
"start":
|
|
3669
|
-
"end":
|
|
3668
|
+
"start": 650,
|
|
3669
|
+
"end": 652
|
|
3670
3670
|
},
|
|
3671
3671
|
"signature": "k-is-dark($color)"
|
|
3672
3672
|
}
|
|
@@ -3678,8 +3678,8 @@
|
|
|
3678
3678
|
"name": "k-is-light",
|
|
3679
3679
|
"code": "\n @return if( k-color-luminance( $color ) < .5, false, true );\n",
|
|
3680
3680
|
"line": {
|
|
3681
|
-
"start":
|
|
3682
|
-
"end":
|
|
3681
|
+
"start": 659,
|
|
3682
|
+
"end": 661
|
|
3683
3683
|
},
|
|
3684
3684
|
"signature": "k-is-light($color)"
|
|
3685
3685
|
}
|
|
@@ -3697,16 +3697,16 @@
|
|
|
3697
3697
|
{
|
|
3698
3698
|
"description": "Calculates contrast ratio between two colors\n",
|
|
3699
3699
|
"commentRange": {
|
|
3700
|
-
"start":
|
|
3701
|
-
"end":
|
|
3700
|
+
"start": 629,
|
|
3701
|
+
"end": 637
|
|
3702
3702
|
},
|
|
3703
3703
|
"context": {
|
|
3704
3704
|
"type": "function",
|
|
3705
3705
|
"name": "k-color-contrast-ratio",
|
|
3706
3706
|
"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",
|
|
3707
3707
|
"line": {
|
|
3708
|
-
"start":
|
|
3709
|
-
"end":
|
|
3708
|
+
"start": 638,
|
|
3709
|
+
"end": 643
|
|
3710
3710
|
},
|
|
3711
3711
|
"signature": "k-color-contrast-ratio($background, $foreground)"
|
|
3712
3712
|
},
|
|
@@ -3750,8 +3750,8 @@
|
|
|
3750
3750
|
"name": "k-contrast-color",
|
|
3751
3751
|
"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",
|
|
3752
3752
|
"line": {
|
|
3753
|
-
"start":
|
|
3754
|
-
"end":
|
|
3753
|
+
"start": 673,
|
|
3754
|
+
"end": 692
|
|
3755
3755
|
},
|
|
3756
3756
|
"signature": "k-contrast-color($background, $dark, $light, $min-ratio)"
|
|
3757
3757
|
}
|
|
@@ -3774,16 +3774,16 @@
|
|
|
3774
3774
|
{
|
|
3775
3775
|
"description": "Checks if a color is dark\n",
|
|
3776
3776
|
"commentRange": {
|
|
3777
|
-
"start":
|
|
3778
|
-
"end":
|
|
3777
|
+
"start": 645,
|
|
3778
|
+
"end": 649
|
|
3779
3779
|
},
|
|
3780
3780
|
"context": {
|
|
3781
3781
|
"type": "function",
|
|
3782
3782
|
"name": "k-is-dark",
|
|
3783
3783
|
"code": "\n @return if( k-color-luminance( $color ) < .5, true, false );\n",
|
|
3784
3784
|
"line": {
|
|
3785
|
-
"start":
|
|
3786
|
-
"end":
|
|
3785
|
+
"start": 650,
|
|
3786
|
+
"end": 652
|
|
3787
3787
|
},
|
|
3788
3788
|
"signature": "k-is-dark($color)"
|
|
3789
3789
|
},
|
|
@@ -3817,16 +3817,16 @@
|
|
|
3817
3817
|
{
|
|
3818
3818
|
"description": "Checks if a color is light\n",
|
|
3819
3819
|
"commentRange": {
|
|
3820
|
-
"start":
|
|
3821
|
-
"end":
|
|
3820
|
+
"start": 654,
|
|
3821
|
+
"end": 658
|
|
3822
3822
|
},
|
|
3823
3823
|
"context": {
|
|
3824
3824
|
"type": "function",
|
|
3825
3825
|
"name": "k-is-light",
|
|
3826
3826
|
"code": "\n @return if( k-color-luminance( $color ) < .5, false, true );\n",
|
|
3827
3827
|
"line": {
|
|
3828
|
-
"start":
|
|
3829
|
-
"end":
|
|
3828
|
+
"start": 659,
|
|
3829
|
+
"end": 661
|
|
3830
3830
|
},
|
|
3831
3831
|
"signature": "k-is-light($color)"
|
|
3832
3832
|
},
|
|
@@ -3860,16 +3860,16 @@
|
|
|
3860
3860
|
{
|
|
3861
3861
|
"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",
|
|
3862
3862
|
"commentRange": {
|
|
3863
|
-
"start":
|
|
3864
|
-
"end":
|
|
3863
|
+
"start": 664,
|
|
3864
|
+
"end": 672
|
|
3865
3865
|
},
|
|
3866
3866
|
"context": {
|
|
3867
3867
|
"type": "function",
|
|
3868
3868
|
"name": "k-contrast-color",
|
|
3869
3869
|
"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",
|
|
3870
3870
|
"line": {
|
|
3871
|
-
"start":
|
|
3872
|
-
"end":
|
|
3871
|
+
"start": 673,
|
|
3872
|
+
"end": 692
|
|
3873
3873
|
},
|
|
3874
3874
|
"signature": "k-contrast-color($background, $dark, $light, $min-ratio)"
|
|
3875
3875
|
},
|
|
@@ -4328,16 +4328,16 @@
|
|
|
4328
4328
|
{
|
|
4329
4329
|
"description": "Makes a color lighter by mixing it with white\n",
|
|
4330
4330
|
"commentRange": {
|
|
4331
|
-
"start":
|
|
4332
|
-
"end":
|
|
4331
|
+
"start": 221,
|
|
4332
|
+
"end": 229
|
|
4333
4333
|
},
|
|
4334
4334
|
"context": {
|
|
4335
4335
|
"type": "function",
|
|
4336
4336
|
"name": "k-color-tint",
|
|
4337
4337
|
"code": "\n @return k-color-level( $color, -$level );\n",
|
|
4338
4338
|
"line": {
|
|
4339
|
-
"start":
|
|
4340
|
-
"end":
|
|
4339
|
+
"start": 230,
|
|
4340
|
+
"end": 232
|
|
4341
4341
|
},
|
|
4342
4342
|
"signature": "k-color-tint($color, $level)"
|
|
4343
4343
|
},
|
|
@@ -4362,8 +4362,8 @@
|
|
|
4362
4362
|
"name": "k-try-shade",
|
|
4363
4363
|
"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",
|
|
4364
4364
|
"line": {
|
|
4365
|
-
"start":
|
|
4366
|
-
"end":
|
|
4365
|
+
"start": 253,
|
|
4366
|
+
"end": 261
|
|
4367
4367
|
},
|
|
4368
4368
|
"signature": "k-try-shade($color, $level)"
|
|
4369
4369
|
}
|
|
@@ -4375,8 +4375,8 @@
|
|
|
4375
4375
|
"name": "k-try-tint",
|
|
4376
4376
|
"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",
|
|
4377
4377
|
"line": {
|
|
4378
|
-
"start":
|
|
4379
|
-
"end":
|
|
4378
|
+
"start": 269,
|
|
4379
|
+
"end": 277
|
|
4380
4380
|
},
|
|
4381
4381
|
"signature": "k-try-tint($color, $level)"
|
|
4382
4382
|
}
|
|
@@ -4405,16 +4405,16 @@
|
|
|
4405
4405
|
{
|
|
4406
4406
|
"description": "Makes a color darker by mixing it with black\n",
|
|
4407
4407
|
"commentRange": {
|
|
4408
|
-
"start":
|
|
4409
|
-
"end":
|
|
4408
|
+
"start": 234,
|
|
4409
|
+
"end": 242
|
|
4410
4410
|
},
|
|
4411
4411
|
"context": {
|
|
4412
4412
|
"type": "function",
|
|
4413
4413
|
"name": "k-color-shade",
|
|
4414
4414
|
"code": "\n @return k-color-level( $color, $level );\n",
|
|
4415
4415
|
"line": {
|
|
4416
|
-
"start":
|
|
4417
|
-
"end":
|
|
4416
|
+
"start": 243,
|
|
4417
|
+
"end": 245
|
|
4418
4418
|
},
|
|
4419
4419
|
"signature": "k-color-shade($color, $level)"
|
|
4420
4420
|
},
|
|
@@ -4439,8 +4439,8 @@
|
|
|
4439
4439
|
"name": "k-try-shade",
|
|
4440
4440
|
"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",
|
|
4441
4441
|
"line": {
|
|
4442
|
-
"start":
|
|
4443
|
-
"end":
|
|
4442
|
+
"start": 253,
|
|
4443
|
+
"end": 261
|
|
4444
4444
|
},
|
|
4445
4445
|
"signature": "k-try-shade($color, $level)"
|
|
4446
4446
|
}
|
|
@@ -4452,8 +4452,8 @@
|
|
|
4452
4452
|
"name": "k-try-tint",
|
|
4453
4453
|
"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",
|
|
4454
4454
|
"line": {
|
|
4455
|
-
"start":
|
|
4456
|
-
"end":
|
|
4455
|
+
"start": 269,
|
|
4456
|
+
"end": 277
|
|
4457
4457
|
},
|
|
4458
4458
|
"signature": "k-try-tint($color, $level)"
|
|
4459
4459
|
}
|
|
@@ -4482,16 +4482,16 @@
|
|
|
4482
4482
|
{
|
|
4483
4483
|
"description": "Shades the color in light themes and tints it in dark themes\n",
|
|
4484
4484
|
"commentRange": {
|
|
4485
|
-
"start":
|
|
4486
|
-
"end":
|
|
4485
|
+
"start": 247,
|
|
4486
|
+
"end": 252
|
|
4487
4487
|
},
|
|
4488
4488
|
"context": {
|
|
4489
4489
|
"type": "function",
|
|
4490
4490
|
"name": "k-try-shade",
|
|
4491
4491
|
"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",
|
|
4492
4492
|
"line": {
|
|
4493
|
-
"start":
|
|
4494
|
-
"end":
|
|
4493
|
+
"start": 253,
|
|
4494
|
+
"end": 261
|
|
4495
4495
|
},
|
|
4496
4496
|
"signature": "k-try-shade($color, $level)"
|
|
4497
4497
|
},
|
|
@@ -5173,16 +5173,16 @@
|
|
|
5173
5173
|
{
|
|
5174
5174
|
"description": "Tints the color in light themes and shades it in dark themes\n",
|
|
5175
5175
|
"commentRange": {
|
|
5176
|
-
"start":
|
|
5177
|
-
"end":
|
|
5176
|
+
"start": 263,
|
|
5177
|
+
"end": 268
|
|
5178
5178
|
},
|
|
5179
5179
|
"context": {
|
|
5180
5180
|
"type": "function",
|
|
5181
5181
|
"name": "k-try-tint",
|
|
5182
5182
|
"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",
|
|
5183
5183
|
"line": {
|
|
5184
|
-
"start":
|
|
5185
|
-
"end":
|
|
5184
|
+
"start": 269,
|
|
5185
|
+
"end": 277
|
|
5186
5186
|
},
|
|
5187
5187
|
"signature": "k-try-tint($color, $level)"
|
|
5188
5188
|
},
|
|
@@ -5526,16 +5526,16 @@
|
|
|
5526
5526
|
{
|
|
5527
5527
|
"description": "Darkens the color in light themes and lightens it in dark themes\n",
|
|
5528
5528
|
"commentRange": {
|
|
5529
|
-
"start":
|
|
5530
|
-
"end":
|
|
5529
|
+
"start": 279,
|
|
5530
|
+
"end": 284
|
|
5531
5531
|
},
|
|
5532
5532
|
"context": {
|
|
5533
5533
|
"type": "function",
|
|
5534
5534
|
"name": "k-try-darken",
|
|
5535
5535
|
"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",
|
|
5536
5536
|
"line": {
|
|
5537
|
-
"start":
|
|
5538
|
-
"end":
|
|
5537
|
+
"start": 285,
|
|
5538
|
+
"end": 292
|
|
5539
5539
|
},
|
|
5540
5540
|
"signature": "k-try-darken($color, $level)"
|
|
5541
5541
|
},
|
|
@@ -5578,16 +5578,16 @@
|
|
|
5578
5578
|
{
|
|
5579
5579
|
"description": "Lightens the color in light themes and darkens it in dark themes\n",
|
|
5580
5580
|
"commentRange": {
|
|
5581
|
-
"start":
|
|
5582
|
-
"end":
|
|
5581
|
+
"start": 294,
|
|
5582
|
+
"end": 299
|
|
5583
5583
|
},
|
|
5584
5584
|
"context": {
|
|
5585
5585
|
"type": "function",
|
|
5586
5586
|
"name": "k-try-lighten",
|
|
5587
5587
|
"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",
|
|
5588
5588
|
"line": {
|
|
5589
|
-
"start":
|
|
5590
|
-
"end":
|
|
5589
|
+
"start": 300,
|
|
5590
|
+
"end": 307
|
|
5591
5591
|
},
|
|
5592
5592
|
"signature": "k-try-lighten($color, $level)"
|
|
5593
5593
|
},
|
|
@@ -5630,16 +5630,16 @@
|
|
|
5630
5630
|
{
|
|
5631
5631
|
"description": "Converts a color with alpha to solid color mixed with a background color\n",
|
|
5632
5632
|
"commentRange": {
|
|
5633
|
-
"start":
|
|
5634
|
-
"end":
|
|
5633
|
+
"start": 309,
|
|
5634
|
+
"end": 317
|
|
5635
5635
|
},
|
|
5636
5636
|
"context": {
|
|
5637
5637
|
"type": "function",
|
|
5638
5638
|
"name": "k-rgba-to-mix",
|
|
5639
5639
|
"code": "\n $percent: k-color-alpha( $color ) * 100%;\n\n @return k-color-mix( rgba( $color, 1 ), $bg, $percent );\n",
|
|
5640
5640
|
"line": {
|
|
5641
|
-
"start":
|
|
5642
|
-
"end":
|
|
5641
|
+
"start": 318,
|
|
5642
|
+
"end": 322
|
|
5643
5643
|
},
|
|
5644
5644
|
"signature": "k-rgba-to-mix($color, $bg)"
|
|
5645
5645
|
},
|
|
@@ -5722,8 +5722,8 @@
|
|
|
5722
5722
|
"name": "k-rgba-to-mix",
|
|
5723
5723
|
"code": "\n $percent: k-color-alpha( $color ) * 100%;\n\n @return k-color-mix( rgba( $color, 1 ), $bg, $percent );\n",
|
|
5724
5724
|
"line": {
|
|
5725
|
-
"start":
|
|
5726
|
-
"end":
|
|
5725
|
+
"start": 318,
|
|
5726
|
+
"end": 322
|
|
5727
5727
|
},
|
|
5728
5728
|
"signature": "k-rgba-to-mix($color, $bg)"
|
|
5729
5729
|
}
|
|
@@ -5753,10 +5753,10 @@
|
|
|
5753
5753
|
"context": {
|
|
5754
5754
|
"type": "function",
|
|
5755
5755
|
"name": "k-color-red",
|
|
5756
|
-
"code": "\n @return math.round(color.channel( $color, \"red\" ));\n",
|
|
5756
|
+
"code": "\n @if meta.function-exists(\"channel\", \"color\") {\n @return math.round(color.channel( $color, \"red\" ));\n }\n @return red( $color );\n",
|
|
5757
5757
|
"line": {
|
|
5758
5758
|
"start": 27,
|
|
5759
|
-
"end":
|
|
5759
|
+
"end": 32
|
|
5760
5760
|
},
|
|
5761
5761
|
"signature": "k-color-red($color)"
|
|
5762
5762
|
},
|
|
@@ -5781,8 +5781,8 @@
|
|
|
5781
5781
|
"name": "k-color-luminance",
|
|
5782
5782
|
"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",
|
|
5783
5783
|
"line": {
|
|
5784
|
-
"start":
|
|
5785
|
-
"end":
|
|
5784
|
+
"start": 621,
|
|
5785
|
+
"end": 627
|
|
5786
5786
|
},
|
|
5787
5787
|
"signature": "k-color-luminance($color)"
|
|
5788
5788
|
}
|
|
@@ -5806,16 +5806,16 @@
|
|
|
5806
5806
|
{
|
|
5807
5807
|
"description": "Returns the green channel of a color.\n",
|
|
5808
5808
|
"commentRange": {
|
|
5809
|
-
"start":
|
|
5810
|
-
"end":
|
|
5809
|
+
"start": 34,
|
|
5810
|
+
"end": 39
|
|
5811
5811
|
},
|
|
5812
5812
|
"context": {
|
|
5813
5813
|
"type": "function",
|
|
5814
5814
|
"name": "k-color-green",
|
|
5815
|
-
"code": "\n @return math.round(color.channel( $color, \"green\" ));\n",
|
|
5815
|
+
"code": "\n @if meta.function-exists(\"channel\", \"color\") {\n @return math.round(color.channel( $color, \"green\" ));\n }\n @return green( $color );\n",
|
|
5816
5816
|
"line": {
|
|
5817
|
-
"start":
|
|
5818
|
-
"end":
|
|
5817
|
+
"start": 40,
|
|
5818
|
+
"end": 45
|
|
5819
5819
|
},
|
|
5820
5820
|
"signature": "k-color-green($color)"
|
|
5821
5821
|
},
|
|
@@ -5840,8 +5840,8 @@
|
|
|
5840
5840
|
"name": "k-color-luminance",
|
|
5841
5841
|
"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",
|
|
5842
5842
|
"line": {
|
|
5843
|
-
"start":
|
|
5844
|
-
"end":
|
|
5843
|
+
"start": 621,
|
|
5844
|
+
"end": 627
|
|
5845
5845
|
},
|
|
5846
5846
|
"signature": "k-color-luminance($color)"
|
|
5847
5847
|
}
|
|
@@ -5865,16 +5865,16 @@
|
|
|
5865
5865
|
{
|
|
5866
5866
|
"description": "Returns the blue channel of a color.\n",
|
|
5867
5867
|
"commentRange": {
|
|
5868
|
-
"start":
|
|
5869
|
-
"end":
|
|
5868
|
+
"start": 47,
|
|
5869
|
+
"end": 52
|
|
5870
5870
|
},
|
|
5871
5871
|
"context": {
|
|
5872
5872
|
"type": "function",
|
|
5873
5873
|
"name": "k-color-blue",
|
|
5874
|
-
"code": "\n @return math.round(color.channel( $color, \"blue\" ));\n",
|
|
5874
|
+
"code": "\n @if meta.function-exists(\"channel\", \"color\") {\n @return math.round(color.channel( $color, \"blue\" ));\n }\n @return blue( $color );\n",
|
|
5875
5875
|
"line": {
|
|
5876
|
-
"start":
|
|
5877
|
-
"end":
|
|
5876
|
+
"start": 53,
|
|
5877
|
+
"end": 58
|
|
5878
5878
|
},
|
|
5879
5879
|
"signature": "k-color-blue($color)"
|
|
5880
5880
|
},
|
|
@@ -5899,8 +5899,8 @@
|
|
|
5899
5899
|
"name": "k-color-luminance",
|
|
5900
5900
|
"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",
|
|
5901
5901
|
"line": {
|
|
5902
|
-
"start":
|
|
5903
|
-
"end":
|
|
5902
|
+
"start": 621,
|
|
5903
|
+
"end": 627
|
|
5904
5904
|
},
|
|
5905
5905
|
"signature": "k-color-luminance($color)"
|
|
5906
5906
|
}
|
|
@@ -5924,16 +5924,16 @@
|
|
|
5924
5924
|
{
|
|
5925
5925
|
"description": "Returns the hue of a color.\n",
|
|
5926
5926
|
"commentRange": {
|
|
5927
|
-
"start":
|
|
5928
|
-
"end":
|
|
5927
|
+
"start": 60,
|
|
5928
|
+
"end": 65
|
|
5929
5929
|
},
|
|
5930
5930
|
"context": {
|
|
5931
5931
|
"type": "function",
|
|
5932
5932
|
"name": "k-color-hue",
|
|
5933
|
-
"code": "\n @return color.channel( $color, \"hue\" );\n",
|
|
5933
|
+
"code": "\n @if meta.function-exists(\"channel\", \"color\") {\n @return color.channel( $color, \"hue\" );\n }\n @return hue( $color );\n",
|
|
5934
5934
|
"line": {
|
|
5935
|
-
"start":
|
|
5936
|
-
"end":
|
|
5935
|
+
"start": 66,
|
|
5936
|
+
"end": 71
|
|
5937
5937
|
},
|
|
5938
5938
|
"signature": "k-color-hue($color)"
|
|
5939
5939
|
},
|
|
@@ -5968,16 +5968,16 @@
|
|
|
5968
5968
|
{
|
|
5969
5969
|
"description": "Returns the saturation of a color.\n",
|
|
5970
5970
|
"commentRange": {
|
|
5971
|
-
"start":
|
|
5972
|
-
"end":
|
|
5971
|
+
"start": 73,
|
|
5972
|
+
"end": 78
|
|
5973
5973
|
},
|
|
5974
5974
|
"context": {
|
|
5975
5975
|
"type": "function",
|
|
5976
5976
|
"name": "k-color-saturation",
|
|
5977
|
-
"code": "\n @return color.channel( $color, \"saturation\" );\n",
|
|
5977
|
+
"code": "\n @if meta.function-exists(\"channel\", \"color\") {\n @return color.channel( $color, \"saturation\" );\n }\n @return saturation( $color );\n",
|
|
5978
5978
|
"line": {
|
|
5979
|
-
"start":
|
|
5980
|
-
"end":
|
|
5979
|
+
"start": 79,
|
|
5980
|
+
"end": 84
|
|
5981
5981
|
},
|
|
5982
5982
|
"signature": "k-color-saturation($color)"
|
|
5983
5983
|
},
|
|
@@ -6012,16 +6012,16 @@
|
|
|
6012
6012
|
{
|
|
6013
6013
|
"description": "Returns the lightness of a color.\n",
|
|
6014
6014
|
"commentRange": {
|
|
6015
|
-
"start":
|
|
6016
|
-
"end":
|
|
6015
|
+
"start": 86,
|
|
6016
|
+
"end": 91
|
|
6017
6017
|
},
|
|
6018
6018
|
"context": {
|
|
6019
6019
|
"type": "function",
|
|
6020
6020
|
"name": "k-color-lightness",
|
|
6021
|
-
"code": "\n @return color.channel( $color, \"lightness\" );\n",
|
|
6021
|
+
"code": "\n @if meta.function-exists(\"channel\", \"color\") {\n @return color.channel( $color, \"lightness\" );\n }\n @return lightness( $color );\n",
|
|
6022
6022
|
"line": {
|
|
6023
|
-
"start":
|
|
6024
|
-
"end":
|
|
6023
|
+
"start": 92,
|
|
6024
|
+
"end": 97
|
|
6025
6025
|
},
|
|
6026
6026
|
"signature": "k-color-lightness($color)"
|
|
6027
6027
|
},
|
|
@@ -6056,16 +6056,16 @@
|
|
|
6056
6056
|
{
|
|
6057
6057
|
"description": "Returns a color that is a mix of two colors.\n",
|
|
6058
6058
|
"commentRange": {
|
|
6059
|
-
"start":
|
|
6060
|
-
"end":
|
|
6059
|
+
"start": 99,
|
|
6060
|
+
"end": 106
|
|
6061
6061
|
},
|
|
6062
6062
|
"context": {
|
|
6063
6063
|
"type": "function",
|
|
6064
6064
|
"name": "k-color-mix",
|
|
6065
6065
|
"code": "\n @return color.mix( $color1, $color2, $weight );\n",
|
|
6066
6066
|
"line": {
|
|
6067
|
-
"start":
|
|
6068
|
-
"end":
|
|
6067
|
+
"start": 107,
|
|
6068
|
+
"end": 109
|
|
6069
6069
|
},
|
|
6070
6070
|
"signature": "k-color-mix($color1, $color2, $weight)"
|
|
6071
6071
|
},
|
|
@@ -6090,8 +6090,8 @@
|
|
|
6090
6090
|
"name": "k-rgba-to-mix",
|
|
6091
6091
|
"code": "\n $percent: k-color-alpha( $color ) * 100%;\n\n @return k-color-mix( rgba( $color, 1 ), $bg, $percent );\n",
|
|
6092
6092
|
"line": {
|
|
6093
|
-
"start":
|
|
6094
|
-
"end":
|
|
6093
|
+
"start": 318,
|
|
6094
|
+
"end": 322
|
|
6095
6095
|
},
|
|
6096
6096
|
"signature": "k-rgba-to-mix($color, $bg)"
|
|
6097
6097
|
}
|
|
@@ -6125,16 +6125,16 @@
|
|
|
6125
6125
|
{
|
|
6126
6126
|
"description": "Makes a color darker by decreasing its lightness.\n",
|
|
6127
6127
|
"commentRange": {
|
|
6128
|
-
"start":
|
|
6129
|
-
"end":
|
|
6128
|
+
"start": 111,
|
|
6129
|
+
"end": 117
|
|
6130
6130
|
},
|
|
6131
6131
|
"context": {
|
|
6132
6132
|
"type": "function",
|
|
6133
6133
|
"name": "k-color-darken",
|
|
6134
6134
|
"code": "\n @return color.adjust( $color, $lightness: - $amount );\n",
|
|
6135
6135
|
"line": {
|
|
6136
|
-
"start":
|
|
6137
|
-
"end":
|
|
6136
|
+
"start": 118,
|
|
6137
|
+
"end": 120
|
|
6138
6138
|
},
|
|
6139
6139
|
"signature": "k-color-darken($color, $amount)"
|
|
6140
6140
|
},
|
|
@@ -6185,8 +6185,8 @@
|
|
|
6185
6185
|
"name": "k-try-darken",
|
|
6186
6186
|
"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",
|
|
6187
6187
|
"line": {
|
|
6188
|
-
"start":
|
|
6189
|
-
"end":
|
|
6188
|
+
"start": 285,
|
|
6189
|
+
"end": 292
|
|
6190
6190
|
},
|
|
6191
6191
|
"signature": "k-try-darken($color, $level)"
|
|
6192
6192
|
}
|
|
@@ -6198,8 +6198,8 @@
|
|
|
6198
6198
|
"name": "k-try-lighten",
|
|
6199
6199
|
"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",
|
|
6200
6200
|
"line": {
|
|
6201
|
-
"start":
|
|
6202
|
-
"end":
|
|
6201
|
+
"start": 300,
|
|
6202
|
+
"end": 307
|
|
6203
6203
|
},
|
|
6204
6204
|
"signature": "k-try-lighten($color, $level)"
|
|
6205
6205
|
}
|
|
@@ -6228,16 +6228,16 @@
|
|
|
6228
6228
|
{
|
|
6229
6229
|
"description": "Makes a color lighter by increasing its lightness.\n",
|
|
6230
6230
|
"commentRange": {
|
|
6231
|
-
"start":
|
|
6232
|
-
"end":
|
|
6231
|
+
"start": 122,
|
|
6232
|
+
"end": 128
|
|
6233
6233
|
},
|
|
6234
6234
|
"context": {
|
|
6235
6235
|
"type": "function",
|
|
6236
6236
|
"name": "k-color-lighten",
|
|
6237
6237
|
"code": "\n @return color.adjust( $color, $lightness: $amount );\n",
|
|
6238
6238
|
"line": {
|
|
6239
|
-
"start":
|
|
6240
|
-
"end":
|
|
6239
|
+
"start": 129,
|
|
6240
|
+
"end": 131
|
|
6241
6241
|
},
|
|
6242
6242
|
"signature": "k-color-lighten($color, $amount)"
|
|
6243
6243
|
},
|
|
@@ -6262,8 +6262,8 @@
|
|
|
6262
6262
|
"name": "k-try-darken",
|
|
6263
6263
|
"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",
|
|
6264
6264
|
"line": {
|
|
6265
|
-
"start":
|
|
6266
|
-
"end":
|
|
6265
|
+
"start": 285,
|
|
6266
|
+
"end": 292
|
|
6267
6267
|
},
|
|
6268
6268
|
"signature": "k-try-darken($color, $level)"
|
|
6269
6269
|
}
|
|
@@ -6275,8 +6275,8 @@
|
|
|
6275
6275
|
"name": "k-try-lighten",
|
|
6276
6276
|
"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",
|
|
6277
6277
|
"line": {
|
|
6278
|
-
"start":
|
|
6279
|
-
"end":
|
|
6278
|
+
"start": 300,
|
|
6279
|
+
"end": 307
|
|
6280
6280
|
},
|
|
6281
6281
|
"signature": "k-try-lighten($color, $level)"
|
|
6282
6282
|
}
|
|
@@ -6305,16 +6305,16 @@
|
|
|
6305
6305
|
{
|
|
6306
6306
|
"description": "Increases or decreases the hue of a color.\n",
|
|
6307
6307
|
"commentRange": {
|
|
6308
|
-
"start":
|
|
6309
|
-
"end":
|
|
6308
|
+
"start": 133,
|
|
6309
|
+
"end": 139
|
|
6310
6310
|
},
|
|
6311
6311
|
"context": {
|
|
6312
6312
|
"type": "function",
|
|
6313
6313
|
"name": "k-color-adjust-hue",
|
|
6314
6314
|
"code": "\n @return color.adjust( $color, $hue: $degrees );\n",
|
|
6315
6315
|
"line": {
|
|
6316
|
-
"start":
|
|
6317
|
-
"end":
|
|
6316
|
+
"start": 140,
|
|
6317
|
+
"end": 142
|
|
6318
6318
|
},
|
|
6319
6319
|
"signature": "k-color-adjust-hue($color, $degrees)"
|
|
6320
6320
|
},
|
|
@@ -6354,16 +6354,16 @@
|
|
|
6354
6354
|
{
|
|
6355
6355
|
"description": "Increases the saturation of a color.\n",
|
|
6356
6356
|
"commentRange": {
|
|
6357
|
-
"start":
|
|
6358
|
-
"end":
|
|
6357
|
+
"start": 144,
|
|
6358
|
+
"end": 150
|
|
6359
6359
|
},
|
|
6360
6360
|
"context": {
|
|
6361
6361
|
"type": "function",
|
|
6362
6362
|
"name": "k-color-saturate",
|
|
6363
6363
|
"code": "\n @return color.adjust( $color, $saturation: $amount );\n",
|
|
6364
6364
|
"line": {
|
|
6365
|
-
"start":
|
|
6366
|
-
"end":
|
|
6365
|
+
"start": 151,
|
|
6366
|
+
"end": 153
|
|
6367
6367
|
},
|
|
6368
6368
|
"signature": "k-color-saturate($color, $amount)"
|
|
6369
6369
|
},
|
|
@@ -6403,16 +6403,16 @@
|
|
|
6403
6403
|
{
|
|
6404
6404
|
"description": "Decreases the saturation of a color.\n",
|
|
6405
6405
|
"commentRange": {
|
|
6406
|
-
"start":
|
|
6407
|
-
"end":
|
|
6406
|
+
"start": 155,
|
|
6407
|
+
"end": 161
|
|
6408
6408
|
},
|
|
6409
6409
|
"context": {
|
|
6410
6410
|
"type": "function",
|
|
6411
6411
|
"name": "k-color-desaturate",
|
|
6412
6412
|
"code": "\n @return color.adjust( $color, $saturation: - $amount );\n",
|
|
6413
6413
|
"line": {
|
|
6414
|
-
"start":
|
|
6415
|
-
"end":
|
|
6414
|
+
"start": 162,
|
|
6415
|
+
"end": 164
|
|
6416
6416
|
},
|
|
6417
6417
|
"signature": "k-color-desaturate($color, $amount)"
|
|
6418
6418
|
},
|
|
@@ -6452,16 +6452,16 @@
|
|
|
6452
6452
|
{
|
|
6453
6453
|
"description": "Returns a gray color with the same lightness as the input color.\n",
|
|
6454
6454
|
"commentRange": {
|
|
6455
|
-
"start":
|
|
6456
|
-
"end":
|
|
6455
|
+
"start": 166,
|
|
6456
|
+
"end": 171
|
|
6457
6457
|
},
|
|
6458
6458
|
"context": {
|
|
6459
6459
|
"type": "function",
|
|
6460
6460
|
"name": "k-color-grayscale",
|
|
6461
6461
|
"code": "\n @return color.grayscale( $color );\n",
|
|
6462
6462
|
"line": {
|
|
6463
|
-
"start":
|
|
6464
|
-
"end":
|
|
6463
|
+
"start": 172,
|
|
6464
|
+
"end": 174
|
|
6465
6465
|
},
|
|
6466
6466
|
"signature": "k-color-grayscale($color)"
|
|
6467
6467
|
},
|
|
@@ -6496,16 +6496,16 @@
|
|
|
6496
6496
|
{
|
|
6497
6497
|
"description": "Returns the RGB complement of a color. This identical to adjusting the hue\nby 180 degrees.\n",
|
|
6498
6498
|
"commentRange": {
|
|
6499
|
-
"start":
|
|
6500
|
-
"end":
|
|
6499
|
+
"start": 176,
|
|
6500
|
+
"end": 182
|
|
6501
6501
|
},
|
|
6502
6502
|
"context": {
|
|
6503
6503
|
"type": "function",
|
|
6504
6504
|
"name": "k-color-complement",
|
|
6505
6505
|
"code": "\n @return color.complement( $color );\n",
|
|
6506
6506
|
"line": {
|
|
6507
|
-
"start":
|
|
6508
|
-
"end":
|
|
6507
|
+
"start": 183,
|
|
6508
|
+
"end": 185
|
|
6509
6509
|
},
|
|
6510
6510
|
"signature": "k-color-complement($color)"
|
|
6511
6511
|
},
|
|
@@ -6540,16 +6540,16 @@
|
|
|
6540
6540
|
{
|
|
6541
6541
|
"description": "Returns the inverse of a color.\n",
|
|
6542
6542
|
"commentRange": {
|
|
6543
|
-
"start":
|
|
6544
|
-
"end":
|
|
6543
|
+
"start": 187,
|
|
6544
|
+
"end": 192
|
|
6545
6545
|
},
|
|
6546
6546
|
"context": {
|
|
6547
6547
|
"type": "function",
|
|
6548
6548
|
"name": "k-color-invert",
|
|
6549
6549
|
"code": "\n @return color.invert( $color );\n",
|
|
6550
6550
|
"line": {
|
|
6551
|
-
"start":
|
|
6552
|
-
"end":
|
|
6551
|
+
"start": 193,
|
|
6552
|
+
"end": 195
|
|
6553
6553
|
},
|
|
6554
6554
|
"signature": "k-color-invert($color)"
|
|
6555
6555
|
},
|
|
@@ -10861,8 +10861,8 @@
|
|
|
10861
10861
|
{
|
|
10862
10862
|
"description": "",
|
|
10863
10863
|
"commentRange": {
|
|
10864
|
-
"start":
|
|
10865
|
-
"end":
|
|
10864
|
+
"start": 602,
|
|
10865
|
+
"end": 606
|
|
10866
10866
|
},
|
|
10867
10867
|
"context": {
|
|
10868
10868
|
"type": "variable",
|
|
@@ -10870,8 +10870,8 @@
|
|
|
10870
10870
|
"value": "black",
|
|
10871
10871
|
"scope": "default",
|
|
10872
10872
|
"line": {
|
|
10873
|
-
"start":
|
|
10874
|
-
"end":
|
|
10873
|
+
"start": 607,
|
|
10874
|
+
"end": 607
|
|
10875
10875
|
}
|
|
10876
10876
|
},
|
|
10877
10877
|
"link": [
|
|
@@ -10897,8 +10897,8 @@
|
|
|
10897
10897
|
{
|
|
10898
10898
|
"description": "Default light color for WCAG 2.0.\n",
|
|
10899
10899
|
"commentRange": {
|
|
10900
|
-
"start":
|
|
10901
|
-
"end":
|
|
10900
|
+
"start": 608,
|
|
10901
|
+
"end": 610
|
|
10902
10902
|
},
|
|
10903
10903
|
"context": {
|
|
10904
10904
|
"type": "variable",
|
|
@@ -10906,8 +10906,8 @@
|
|
|
10906
10906
|
"value": "white",
|
|
10907
10907
|
"scope": "default",
|
|
10908
10908
|
"line": {
|
|
10909
|
-
"start":
|
|
10910
|
-
"end":
|
|
10909
|
+
"start": 611,
|
|
10910
|
+
"end": 611
|
|
10911
10911
|
}
|
|
10912
10912
|
},
|
|
10913
10913
|
"type": "Color",
|