@progress/kendo-theme-core 7.1.0-dev.0 → 7.1.0-dev.10
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/all.css +2 -11
- package/dist/all.scss +338 -125
- package/dist/meta/sassdoc-data.json +263 -42
- package/dist/meta/sassdoc-raw-data.json +378 -195
- package/dist/meta/variables.json +67 -55
- package/package.json +2 -2
- package/scss/color-system/_constants.scss +49 -0
- package/scss/color-system/_functions.import.scss +41 -4
- package/scss/color-system/_swatch-legacy.scss +77 -0
- package/scss/color-system/_swatch.scss +203 -0
- package/scss/color-system/index.import.scss +3 -1
- package/scss/functions/_color-manipulation.import.scss +23 -0
- package/scss/module-system/_components.scss +1 -0
- package/scss/module-system/_dependencies.scss +1 -0
- package/scss/styles/_colors.scss +5 -0
- package/scss/styles/index.import.scss +2 -1
- package/scss/color-system/_variables.scss +0 -193
|
@@ -432,6 +432,214 @@
|
|
|
432
432
|
"name": "_color-contrast.import.scss"
|
|
433
433
|
}
|
|
434
434
|
},
|
|
435
|
+
{
|
|
436
|
+
"description": "The color white.\nNote: you cannot change this value.\n",
|
|
437
|
+
"commentRange": {
|
|
438
|
+
"start": 3,
|
|
439
|
+
"end": 6
|
|
440
|
+
},
|
|
441
|
+
"context": {
|
|
442
|
+
"type": "variable",
|
|
443
|
+
"name": "kendo-color-white",
|
|
444
|
+
"value": "#ffffff",
|
|
445
|
+
"scope": "private",
|
|
446
|
+
"line": {
|
|
447
|
+
"start": 7,
|
|
448
|
+
"end": 7
|
|
449
|
+
}
|
|
450
|
+
},
|
|
451
|
+
"type": "Color",
|
|
452
|
+
"group": [
|
|
453
|
+
"color-system"
|
|
454
|
+
],
|
|
455
|
+
"access": "public",
|
|
456
|
+
"file": {
|
|
457
|
+
"path": "color-system/_constants.scss",
|
|
458
|
+
"name": "_constants.scss"
|
|
459
|
+
}
|
|
460
|
+
},
|
|
461
|
+
{
|
|
462
|
+
"description": "The color black.\nNote: you cannot change this value.\n",
|
|
463
|
+
"commentRange": {
|
|
464
|
+
"start": 9,
|
|
465
|
+
"end": 12
|
|
466
|
+
},
|
|
467
|
+
"context": {
|
|
468
|
+
"type": "variable",
|
|
469
|
+
"name": "kendo-color-black",
|
|
470
|
+
"value": "#000000",
|
|
471
|
+
"scope": "private",
|
|
472
|
+
"line": {
|
|
473
|
+
"start": 13,
|
|
474
|
+
"end": 13
|
|
475
|
+
}
|
|
476
|
+
},
|
|
477
|
+
"type": "Color",
|
|
478
|
+
"group": [
|
|
479
|
+
"color-system"
|
|
480
|
+
],
|
|
481
|
+
"access": "public",
|
|
482
|
+
"file": {
|
|
483
|
+
"path": "color-system/_constants.scss",
|
|
484
|
+
"name": "_constants.scss"
|
|
485
|
+
}
|
|
486
|
+
},
|
|
487
|
+
{
|
|
488
|
+
"description": "The color transparent.\nNote: you cannot change this value.\n",
|
|
489
|
+
"commentRange": {
|
|
490
|
+
"start": 15,
|
|
491
|
+
"end": 18
|
|
492
|
+
},
|
|
493
|
+
"context": {
|
|
494
|
+
"type": "variable",
|
|
495
|
+
"name": "kendo-color-rgba-transparent",
|
|
496
|
+
"value": "rgba(0, 0, 0, 0)",
|
|
497
|
+
"scope": "private",
|
|
498
|
+
"line": {
|
|
499
|
+
"start": 19,
|
|
500
|
+
"end": 19
|
|
501
|
+
}
|
|
502
|
+
},
|
|
503
|
+
"type": "Color",
|
|
504
|
+
"group": [
|
|
505
|
+
"color-system"
|
|
506
|
+
],
|
|
507
|
+
"access": "public",
|
|
508
|
+
"file": {
|
|
509
|
+
"path": "color-system/_constants.scss",
|
|
510
|
+
"name": "_constants.scss"
|
|
511
|
+
}
|
|
512
|
+
},
|
|
513
|
+
{
|
|
514
|
+
"description": "A gradient that goes from transparent to black.\nNote: you cannot change this value.\n",
|
|
515
|
+
"commentRange": {
|
|
516
|
+
"start": 21,
|
|
517
|
+
"end": 24
|
|
518
|
+
},
|
|
519
|
+
"context": {
|
|
520
|
+
"type": "variable",
|
|
521
|
+
"name": "kendo-gradient-transparent-to-black",
|
|
522
|
+
"value": "rgba(black, 0), black",
|
|
523
|
+
"scope": "private",
|
|
524
|
+
"line": {
|
|
525
|
+
"start": 25,
|
|
526
|
+
"end": 25
|
|
527
|
+
}
|
|
528
|
+
},
|
|
529
|
+
"type": "Gradient",
|
|
530
|
+
"group": [
|
|
531
|
+
"color-system"
|
|
532
|
+
],
|
|
533
|
+
"access": "public",
|
|
534
|
+
"file": {
|
|
535
|
+
"path": "color-system/_constants.scss",
|
|
536
|
+
"name": "_constants.scss"
|
|
537
|
+
}
|
|
538
|
+
},
|
|
539
|
+
{
|
|
540
|
+
"description": "A gradient that goes from transparent to white.\nNote: you cannot change this value.\n",
|
|
541
|
+
"commentRange": {
|
|
542
|
+
"start": 27,
|
|
543
|
+
"end": 30
|
|
544
|
+
},
|
|
545
|
+
"context": {
|
|
546
|
+
"type": "variable",
|
|
547
|
+
"name": "kendo-gradient-transparent-to-white",
|
|
548
|
+
"value": "rgba(white, 0), white",
|
|
549
|
+
"scope": "private",
|
|
550
|
+
"line": {
|
|
551
|
+
"start": 31,
|
|
552
|
+
"end": 31
|
|
553
|
+
}
|
|
554
|
+
},
|
|
555
|
+
"type": "Gradient",
|
|
556
|
+
"group": [
|
|
557
|
+
"color-system"
|
|
558
|
+
],
|
|
559
|
+
"access": "public",
|
|
560
|
+
"file": {
|
|
561
|
+
"path": "color-system/_constants.scss",
|
|
562
|
+
"name": "_constants.scss"
|
|
563
|
+
}
|
|
564
|
+
},
|
|
565
|
+
{
|
|
566
|
+
"description": "A gradient that goes from black to transparent.\nNote: you cannot change this value.\n",
|
|
567
|
+
"commentRange": {
|
|
568
|
+
"start": 33,
|
|
569
|
+
"end": 36
|
|
570
|
+
},
|
|
571
|
+
"context": {
|
|
572
|
+
"type": "variable",
|
|
573
|
+
"name": "kendo-gradient-black-to-transparent",
|
|
574
|
+
"value": "black, rgba(black, 0)",
|
|
575
|
+
"scope": "private",
|
|
576
|
+
"line": {
|
|
577
|
+
"start": 37,
|
|
578
|
+
"end": 37
|
|
579
|
+
}
|
|
580
|
+
},
|
|
581
|
+
"type": "Gradient",
|
|
582
|
+
"group": [
|
|
583
|
+
"color-system"
|
|
584
|
+
],
|
|
585
|
+
"access": "public",
|
|
586
|
+
"file": {
|
|
587
|
+
"path": "color-system/_constants.scss",
|
|
588
|
+
"name": "_constants.scss"
|
|
589
|
+
}
|
|
590
|
+
},
|
|
591
|
+
{
|
|
592
|
+
"description": "A gradient that goes from white to transparent.\nNote: you cannot change this value.\n",
|
|
593
|
+
"commentRange": {
|
|
594
|
+
"start": 39,
|
|
595
|
+
"end": 42
|
|
596
|
+
},
|
|
597
|
+
"context": {
|
|
598
|
+
"type": "variable",
|
|
599
|
+
"name": "kendo-gradient-white-to-transparent",
|
|
600
|
+
"value": "white, rgba(white, 0)",
|
|
601
|
+
"scope": "private",
|
|
602
|
+
"line": {
|
|
603
|
+
"start": 43,
|
|
604
|
+
"end": 43
|
|
605
|
+
}
|
|
606
|
+
},
|
|
607
|
+
"type": "Gradient",
|
|
608
|
+
"group": [
|
|
609
|
+
"color-system"
|
|
610
|
+
],
|
|
611
|
+
"access": "public",
|
|
612
|
+
"file": {
|
|
613
|
+
"path": "color-system/_constants.scss",
|
|
614
|
+
"name": "_constants.scss"
|
|
615
|
+
}
|
|
616
|
+
},
|
|
617
|
+
{
|
|
618
|
+
"description": "A gradient that cycles through the colors of the rainbow.\nNote: you cannot change this value.\n",
|
|
619
|
+
"commentRange": {
|
|
620
|
+
"start": 45,
|
|
621
|
+
"end": 48
|
|
622
|
+
},
|
|
623
|
+
"context": {
|
|
624
|
+
"type": "variable",
|
|
625
|
+
"name": "kendo-gradient-rainbow",
|
|
626
|
+
"value": "#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000",
|
|
627
|
+
"scope": "private",
|
|
628
|
+
"line": {
|
|
629
|
+
"start": 49,
|
|
630
|
+
"end": 49
|
|
631
|
+
}
|
|
632
|
+
},
|
|
633
|
+
"type": "Gradient",
|
|
634
|
+
"group": [
|
|
635
|
+
"color-system"
|
|
636
|
+
],
|
|
637
|
+
"access": "public",
|
|
638
|
+
"file": {
|
|
639
|
+
"path": "color-system/_constants.scss",
|
|
640
|
+
"name": "_constants.scss"
|
|
641
|
+
}
|
|
642
|
+
},
|
|
435
643
|
{
|
|
436
644
|
"description": "Color palettes to be used in the Kendo UI themes.\n",
|
|
437
645
|
"commentRange": {
|
|
@@ -781,211 +989,28 @@
|
|
|
781
989
|
}
|
|
782
990
|
},
|
|
783
991
|
{
|
|
784
|
-
"description": "The
|
|
785
|
-
"commentRange": {
|
|
786
|
-
"start": 3,
|
|
787
|
-
"end": 6
|
|
788
|
-
},
|
|
789
|
-
"context": {
|
|
790
|
-
"type": "variable",
|
|
791
|
-
"name": "kendo-color-white",
|
|
792
|
-
"value": "#ffffff",
|
|
793
|
-
"scope": "private",
|
|
794
|
-
"line": {
|
|
795
|
-
"start": 7,
|
|
796
|
-
"end": 7
|
|
797
|
-
}
|
|
798
|
-
},
|
|
799
|
-
"type": "Color",
|
|
800
|
-
"group": [
|
|
801
|
-
"color-system"
|
|
802
|
-
],
|
|
803
|
-
"access": "public",
|
|
804
|
-
"file": {
|
|
805
|
-
"path": "color-system/_variables.scss",
|
|
806
|
-
"name": "_variables.scss"
|
|
807
|
-
}
|
|
808
|
-
},
|
|
809
|
-
{
|
|
810
|
-
"description": "The color black.\nNote: you cannot change this value.\n",
|
|
811
|
-
"commentRange": {
|
|
812
|
-
"start": 9,
|
|
813
|
-
"end": 12
|
|
814
|
-
},
|
|
815
|
-
"context": {
|
|
816
|
-
"type": "variable",
|
|
817
|
-
"name": "kendo-color-black",
|
|
818
|
-
"value": "#000000",
|
|
819
|
-
"scope": "private",
|
|
820
|
-
"line": {
|
|
821
|
-
"start": 13,
|
|
822
|
-
"end": 13
|
|
823
|
-
}
|
|
824
|
-
},
|
|
825
|
-
"type": "Color",
|
|
826
|
-
"group": [
|
|
827
|
-
"color-system"
|
|
828
|
-
],
|
|
829
|
-
"access": "public",
|
|
830
|
-
"file": {
|
|
831
|
-
"path": "color-system/_variables.scss",
|
|
832
|
-
"name": "_variables.scss"
|
|
833
|
-
}
|
|
834
|
-
},
|
|
835
|
-
{
|
|
836
|
-
"description": "The color transparent.\nNote: you cannot change this value.\n",
|
|
837
|
-
"commentRange": {
|
|
838
|
-
"start": 15,
|
|
839
|
-
"end": 18
|
|
840
|
-
},
|
|
841
|
-
"context": {
|
|
842
|
-
"type": "variable",
|
|
843
|
-
"name": "kendo-color-rgba-transparent",
|
|
844
|
-
"value": "rgba( 0, 0, 0, 0 )",
|
|
845
|
-
"scope": "private",
|
|
846
|
-
"line": {
|
|
847
|
-
"start": 19,
|
|
848
|
-
"end": 19
|
|
849
|
-
}
|
|
850
|
-
},
|
|
851
|
-
"type": "Color",
|
|
852
|
-
"group": [
|
|
853
|
-
"color-system"
|
|
854
|
-
],
|
|
855
|
-
"access": "public",
|
|
856
|
-
"file": {
|
|
857
|
-
"path": "color-system/_variables.scss",
|
|
858
|
-
"name": "_variables.scss"
|
|
859
|
-
}
|
|
860
|
-
},
|
|
861
|
-
{
|
|
862
|
-
"description": "A gradient that goes from transparent to black.\nNote: you cannot change this value.\n",
|
|
863
|
-
"commentRange": {
|
|
864
|
-
"start": 21,
|
|
865
|
-
"end": 24
|
|
866
|
-
},
|
|
867
|
-
"context": {
|
|
868
|
-
"type": "variable",
|
|
869
|
-
"name": "kendo-gradient-transparent-to-black",
|
|
870
|
-
"value": "rgba( black, 0 ), black",
|
|
871
|
-
"scope": "private",
|
|
872
|
-
"line": {
|
|
873
|
-
"start": 25,
|
|
874
|
-
"end": 25
|
|
875
|
-
}
|
|
876
|
-
},
|
|
877
|
-
"type": "Gradient",
|
|
878
|
-
"group": [
|
|
879
|
-
"color-system"
|
|
880
|
-
],
|
|
881
|
-
"access": "public",
|
|
882
|
-
"file": {
|
|
883
|
-
"path": "color-system/_variables.scss",
|
|
884
|
-
"name": "_variables.scss"
|
|
885
|
-
}
|
|
886
|
-
},
|
|
887
|
-
{
|
|
888
|
-
"description": "A gradient that goes from transparent to white.\nNote: you cannot change this value.\n",
|
|
889
|
-
"commentRange": {
|
|
890
|
-
"start": 27,
|
|
891
|
-
"end": 30
|
|
892
|
-
},
|
|
893
|
-
"context": {
|
|
894
|
-
"type": "variable",
|
|
895
|
-
"name": "kendo-gradient-transparent-to-white",
|
|
896
|
-
"value": "rgba( white, 0 ), white",
|
|
897
|
-
"scope": "private",
|
|
898
|
-
"line": {
|
|
899
|
-
"start": 31,
|
|
900
|
-
"end": 31
|
|
901
|
-
}
|
|
902
|
-
},
|
|
903
|
-
"type": "Gradient",
|
|
904
|
-
"group": [
|
|
905
|
-
"color-system"
|
|
906
|
-
],
|
|
907
|
-
"access": "public",
|
|
908
|
-
"file": {
|
|
909
|
-
"path": "color-system/_variables.scss",
|
|
910
|
-
"name": "_variables.scss"
|
|
911
|
-
}
|
|
912
|
-
},
|
|
913
|
-
{
|
|
914
|
-
"description": "A gradient that goes from black to transparent.\nNote: you cannot change this value.\n",
|
|
915
|
-
"commentRange": {
|
|
916
|
-
"start": 33,
|
|
917
|
-
"end": 36
|
|
918
|
-
},
|
|
919
|
-
"context": {
|
|
920
|
-
"type": "variable",
|
|
921
|
-
"name": "kendo-gradient-black-to-transparent",
|
|
922
|
-
"value": "black, rgba( black, 0 )",
|
|
923
|
-
"scope": "private",
|
|
924
|
-
"line": {
|
|
925
|
-
"start": 37,
|
|
926
|
-
"end": 37
|
|
927
|
-
}
|
|
928
|
-
},
|
|
929
|
-
"type": "Gradient",
|
|
930
|
-
"group": [
|
|
931
|
-
"color-system"
|
|
932
|
-
],
|
|
933
|
-
"access": "public",
|
|
934
|
-
"file": {
|
|
935
|
-
"path": "color-system/_variables.scss",
|
|
936
|
-
"name": "_variables.scss"
|
|
937
|
-
}
|
|
938
|
-
},
|
|
939
|
-
{
|
|
940
|
-
"description": "A gradient that goes from white to transparent.\nNote: you cannot change this value.\n",
|
|
992
|
+
"description": "The global default Colors map.\n",
|
|
941
993
|
"commentRange": {
|
|
942
|
-
"start":
|
|
943
|
-
"end":
|
|
994
|
+
"start": 175,
|
|
995
|
+
"end": 176
|
|
944
996
|
},
|
|
945
997
|
"context": {
|
|
946
998
|
"type": "variable",
|
|
947
|
-
"name": "kendo-
|
|
948
|
-
"value": "
|
|
949
|
-
"scope": "
|
|
950
|
-
"line": {
|
|
951
|
-
"start": 43,
|
|
952
|
-
"end": 43
|
|
953
|
-
}
|
|
954
|
-
},
|
|
955
|
-
"type": "Gradient",
|
|
956
|
-
"group": [
|
|
957
|
-
"color-system"
|
|
958
|
-
],
|
|
959
|
-
"access": "public",
|
|
960
|
-
"file": {
|
|
961
|
-
"path": "color-system/_variables.scss",
|
|
962
|
-
"name": "_variables.scss"
|
|
963
|
-
}
|
|
964
|
-
},
|
|
965
|
-
{
|
|
966
|
-
"description": "A gradient that cycles through the colors of the rainbow.\nNote: you cannot change this value.\n",
|
|
967
|
-
"commentRange": {
|
|
968
|
-
"start": 45,
|
|
969
|
-
"end": 48
|
|
970
|
-
},
|
|
971
|
-
"context": {
|
|
972
|
-
"type": "variable",
|
|
973
|
-
"name": "kendo-gradient-rainbow",
|
|
974
|
-
"value": "#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000",
|
|
975
|
-
"scope": "private",
|
|
999
|
+
"name": "kendo-colors",
|
|
1000
|
+
"value": "$_default-colors",
|
|
1001
|
+
"scope": "default",
|
|
976
1002
|
"line": {
|
|
977
|
-
"start":
|
|
978
|
-
"end":
|
|
1003
|
+
"start": 177,
|
|
1004
|
+
"end": 177
|
|
979
1005
|
}
|
|
980
1006
|
},
|
|
981
|
-
"type": "Gradient",
|
|
982
1007
|
"group": [
|
|
983
1008
|
"color-system"
|
|
984
1009
|
],
|
|
985
1010
|
"access": "public",
|
|
986
1011
|
"file": {
|
|
987
|
-
"path": "color-system/
|
|
988
|
-
"name": "
|
|
1012
|
+
"path": "color-system/_swatch.scss",
|
|
1013
|
+
"name": "_swatch.scss"
|
|
989
1014
|
}
|
|
990
1015
|
},
|
|
991
1016
|
{
|
|
@@ -1213,7 +1238,45 @@
|
|
|
1213
1238
|
"file": {
|
|
1214
1239
|
"path": "functions/_color-manipulation.import.scss",
|
|
1215
1240
|
"name": "_color-manipulation.import.scss"
|
|
1216
|
-
}
|
|
1241
|
+
},
|
|
1242
|
+
"usedBy": [
|
|
1243
|
+
{
|
|
1244
|
+
"description": "Generates all color variations of a given main color\n",
|
|
1245
|
+
"context": {
|
|
1246
|
+
"type": "function",
|
|
1247
|
+
"name": "k-generate-colors",
|
|
1248
|
+
"code": "\n $_variations: (\n #{$name}-subtle: k-try-tint( $color, 80% ),\n #{$name}-subtle-hover: k-try-tint( $color, 65% ),\n #{$name}-subtle-active: k-try-tint( $color, 50% ),\n #{$name}: $color,\n #{$name}-hover: k-try-shade( $color, 0.5 ),\n #{$name}-active: k-try-shade( $color, 1.5 ),\n #{$name}-emphasis: k-try-tint( $color, 4.5 ),\n #{$name}-on-subtle: k-try-shade( $color, 8 ),\n on-#{$name}: k-contrast-legacy( $color ),\n #{$name}-on-surface: $color,\n );\n \n @return $_variations;\n",
|
|
1249
|
+
"line": {
|
|
1250
|
+
"start": 142,
|
|
1251
|
+
"end": 157
|
|
1252
|
+
}
|
|
1253
|
+
}
|
|
1254
|
+
},
|
|
1255
|
+
{
|
|
1256
|
+
"description": "Generates all color variations of a given main color\n",
|
|
1257
|
+
"context": {
|
|
1258
|
+
"type": "function",
|
|
1259
|
+
"name": "k-generate-colors",
|
|
1260
|
+
"code": "\n $_variations: (\n #{$name}-subtle: k-try-tint( $color, 80% ),\n #{$name}-subtle-hover: k-try-tint( $color, 65% ),\n #{$name}-subtle-active: k-try-tint( $color, 50% ),\n #{$name}: $color,\n #{$name}-hover: k-try-shade( $color, 0.5 ),\n #{$name}-active: k-try-shade( $color, 1.5 ),\n #{$name}-emphasis: k-try-tint( $color, 4.5 ),\n #{$name}-on-subtle: k-try-shade( $color, 8 ),\n on-#{$name}: k-contrast-legacy( $color ),\n #{$name}-on-surface: $color,\n );\n \n @return $_variations;\n",
|
|
1261
|
+
"line": {
|
|
1262
|
+
"start": 142,
|
|
1263
|
+
"end": 157
|
|
1264
|
+
}
|
|
1265
|
+
}
|
|
1266
|
+
},
|
|
1267
|
+
{
|
|
1268
|
+
"description": "Generates all color variations of a given main color\n",
|
|
1269
|
+
"context": {
|
|
1270
|
+
"type": "function",
|
|
1271
|
+
"name": "k-generate-colors",
|
|
1272
|
+
"code": "\n $_variations: (\n #{$name}-subtle: k-try-tint( $color, 80% ),\n #{$name}-subtle-hover: k-try-tint( $color, 65% ),\n #{$name}-subtle-active: k-try-tint( $color, 50% ),\n #{$name}: $color,\n #{$name}-hover: k-try-shade( $color, 0.5 ),\n #{$name}-active: k-try-shade( $color, 1.5 ),\n #{$name}-emphasis: k-try-tint( $color, 4.5 ),\n #{$name}-on-subtle: k-try-shade( $color, 8 ),\n on-#{$name}: k-contrast-legacy( $color ),\n #{$name}-on-surface: $color,\n );\n \n @return $_variations;\n",
|
|
1273
|
+
"line": {
|
|
1274
|
+
"start": 142,
|
|
1275
|
+
"end": 157
|
|
1276
|
+
}
|
|
1277
|
+
}
|
|
1278
|
+
}
|
|
1279
|
+
]
|
|
1217
1280
|
},
|
|
1218
1281
|
{
|
|
1219
1282
|
"description": "Tints the color in light themes and shades it in dark themes\n",
|
|
@@ -1267,7 +1330,57 @@
|
|
|
1267
1330
|
"file": {
|
|
1268
1331
|
"path": "functions/_color-manipulation.import.scss",
|
|
1269
1332
|
"name": "_color-manipulation.import.scss"
|
|
1270
|
-
}
|
|
1333
|
+
},
|
|
1334
|
+
"usedBy": [
|
|
1335
|
+
{
|
|
1336
|
+
"description": "Generates all color variations of a given main color\n",
|
|
1337
|
+
"context": {
|
|
1338
|
+
"type": "function",
|
|
1339
|
+
"name": "k-generate-colors",
|
|
1340
|
+
"code": "\n $_variations: (\n #{$name}-subtle: k-try-tint( $color, 80% ),\n #{$name}-subtle-hover: k-try-tint( $color, 65% ),\n #{$name}-subtle-active: k-try-tint( $color, 50% ),\n #{$name}: $color,\n #{$name}-hover: k-try-shade( $color, 0.5 ),\n #{$name}-active: k-try-shade( $color, 1.5 ),\n #{$name}-emphasis: k-try-tint( $color, 4.5 ),\n #{$name}-on-subtle: k-try-shade( $color, 8 ),\n on-#{$name}: k-contrast-legacy( $color ),\n #{$name}-on-surface: $color,\n );\n \n @return $_variations;\n",
|
|
1341
|
+
"line": {
|
|
1342
|
+
"start": 142,
|
|
1343
|
+
"end": 157
|
|
1344
|
+
}
|
|
1345
|
+
}
|
|
1346
|
+
},
|
|
1347
|
+
{
|
|
1348
|
+
"description": "Generates all color variations of a given main color\n",
|
|
1349
|
+
"context": {
|
|
1350
|
+
"type": "function",
|
|
1351
|
+
"name": "k-generate-colors",
|
|
1352
|
+
"code": "\n $_variations: (\n #{$name}-subtle: k-try-tint( $color, 80% ),\n #{$name}-subtle-hover: k-try-tint( $color, 65% ),\n #{$name}-subtle-active: k-try-tint( $color, 50% ),\n #{$name}: $color,\n #{$name}-hover: k-try-shade( $color, 0.5 ),\n #{$name}-active: k-try-shade( $color, 1.5 ),\n #{$name}-emphasis: k-try-tint( $color, 4.5 ),\n #{$name}-on-subtle: k-try-shade( $color, 8 ),\n on-#{$name}: k-contrast-legacy( $color ),\n #{$name}-on-surface: $color,\n );\n \n @return $_variations;\n",
|
|
1353
|
+
"line": {
|
|
1354
|
+
"start": 142,
|
|
1355
|
+
"end": 157
|
|
1356
|
+
}
|
|
1357
|
+
}
|
|
1358
|
+
},
|
|
1359
|
+
{
|
|
1360
|
+
"description": "Generates all color variations of a given main color\n",
|
|
1361
|
+
"context": {
|
|
1362
|
+
"type": "function",
|
|
1363
|
+
"name": "k-generate-colors",
|
|
1364
|
+
"code": "\n $_variations: (\n #{$name}-subtle: k-try-tint( $color, 80% ),\n #{$name}-subtle-hover: k-try-tint( $color, 65% ),\n #{$name}-subtle-active: k-try-tint( $color, 50% ),\n #{$name}: $color,\n #{$name}-hover: k-try-shade( $color, 0.5 ),\n #{$name}-active: k-try-shade( $color, 1.5 ),\n #{$name}-emphasis: k-try-tint( $color, 4.5 ),\n #{$name}-on-subtle: k-try-shade( $color, 8 ),\n on-#{$name}: k-contrast-legacy( $color ),\n #{$name}-on-surface: $color,\n );\n \n @return $_variations;\n",
|
|
1365
|
+
"line": {
|
|
1366
|
+
"start": 142,
|
|
1367
|
+
"end": 157
|
|
1368
|
+
}
|
|
1369
|
+
}
|
|
1370
|
+
},
|
|
1371
|
+
{
|
|
1372
|
+
"description": "Generates all color variations of a given main color\n",
|
|
1373
|
+
"context": {
|
|
1374
|
+
"type": "function",
|
|
1375
|
+
"name": "k-generate-colors",
|
|
1376
|
+
"code": "\n $_variations: (\n #{$name}-subtle: k-try-tint( $color, 80% ),\n #{$name}-subtle-hover: k-try-tint( $color, 65% ),\n #{$name}-subtle-active: k-try-tint( $color, 50% ),\n #{$name}: $color,\n #{$name}-hover: k-try-shade( $color, 0.5 ),\n #{$name}-active: k-try-shade( $color, 1.5 ),\n #{$name}-emphasis: k-try-tint( $color, 4.5 ),\n #{$name}-on-subtle: k-try-shade( $color, 8 ),\n on-#{$name}: k-contrast-legacy( $color ),\n #{$name}-on-surface: $color,\n );\n \n @return $_variations;\n",
|
|
1377
|
+
"line": {
|
|
1378
|
+
"start": 142,
|
|
1379
|
+
"end": 157
|
|
1380
|
+
}
|
|
1381
|
+
}
|
|
1382
|
+
}
|
|
1383
|
+
]
|
|
1271
1384
|
},
|
|
1272
1385
|
{
|
|
1273
1386
|
"description": "Darkens the color in light themes and lightens it in dark themes\n",
|
|
@@ -1434,6 +1547,76 @@
|
|
|
1434
1547
|
"name": "_color-manipulation.import.scss"
|
|
1435
1548
|
}
|
|
1436
1549
|
},
|
|
1550
|
+
{
|
|
1551
|
+
"description": "Generates all color variations of a given main color\n",
|
|
1552
|
+
"commentRange": {
|
|
1553
|
+
"start": 136,
|
|
1554
|
+
"end": 141
|
|
1555
|
+
},
|
|
1556
|
+
"context": {
|
|
1557
|
+
"type": "function",
|
|
1558
|
+
"name": "k-generate-colors",
|
|
1559
|
+
"code": "\n $_variations: (\n #{$name}-subtle: k-try-tint( $color, 80% ),\n #{$name}-subtle-hover: k-try-tint( $color, 65% ),\n #{$name}-subtle-active: k-try-tint( $color, 50% ),\n #{$name}: $color,\n #{$name}-hover: k-try-shade( $color, 0.5 ),\n #{$name}-active: k-try-shade( $color, 1.5 ),\n #{$name}-emphasis: k-try-tint( $color, 4.5 ),\n #{$name}-on-subtle: k-try-shade( $color, 8 ),\n on-#{$name}: k-contrast-legacy( $color ),\n #{$name}-on-surface: $color,\n );\n \n @return $_variations;\n",
|
|
1560
|
+
"line": {
|
|
1561
|
+
"start": 142,
|
|
1562
|
+
"end": 157
|
|
1563
|
+
}
|
|
1564
|
+
},
|
|
1565
|
+
"parameter": [
|
|
1566
|
+
{
|
|
1567
|
+
"type": "String",
|
|
1568
|
+
"name": "name",
|
|
1569
|
+
"description": "The name of the main color"
|
|
1570
|
+
},
|
|
1571
|
+
{
|
|
1572
|
+
"type": "Color",
|
|
1573
|
+
"name": "level",
|
|
1574
|
+
"description": "The color value to be assigned to the main color"
|
|
1575
|
+
}
|
|
1576
|
+
],
|
|
1577
|
+
"return": {
|
|
1578
|
+
"type": "Map",
|
|
1579
|
+
"description": "A map with the generated keys and values\n"
|
|
1580
|
+
},
|
|
1581
|
+
"group": [
|
|
1582
|
+
"color-system"
|
|
1583
|
+
],
|
|
1584
|
+
"access": "public",
|
|
1585
|
+
"require": [
|
|
1586
|
+
{
|
|
1587
|
+
"type": "function",
|
|
1588
|
+
"name": "k-try-tint"
|
|
1589
|
+
},
|
|
1590
|
+
{
|
|
1591
|
+
"type": "function",
|
|
1592
|
+
"name": "k-try-tint"
|
|
1593
|
+
},
|
|
1594
|
+
{
|
|
1595
|
+
"type": "function",
|
|
1596
|
+
"name": "k-try-tint"
|
|
1597
|
+
},
|
|
1598
|
+
{
|
|
1599
|
+
"type": "function",
|
|
1600
|
+
"name": "k-try-shade"
|
|
1601
|
+
},
|
|
1602
|
+
{
|
|
1603
|
+
"type": "function",
|
|
1604
|
+
"name": "k-try-shade"
|
|
1605
|
+
},
|
|
1606
|
+
{
|
|
1607
|
+
"type": "function",
|
|
1608
|
+
"name": "k-try-tint"
|
|
1609
|
+
},
|
|
1610
|
+
{
|
|
1611
|
+
"type": "function",
|
|
1612
|
+
"name": "k-try-shade"
|
|
1613
|
+
}
|
|
1614
|
+
],
|
|
1615
|
+
"file": {
|
|
1616
|
+
"path": "functions/_color-manipulation.import.scss",
|
|
1617
|
+
"name": "_color-manipulation.import.scss"
|
|
1618
|
+
}
|
|
1619
|
+
},
|
|
1437
1620
|
{
|
|
1438
1621
|
"description": "The global default Elevation map.\n",
|
|
1439
1622
|
"commentRange": {
|