@progress/kendo-theme-bootstrap 7.1.0-dev.8 → 7.1.0-dev.9
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 +54 -21
- package/dist/all.scss +1528 -686
- package/dist/meta/sassdoc-data.json +632 -636
- package/dist/meta/sassdoc-raw-data.json +308 -310
- package/dist/meta/variables.json +411 -371
- package/lib/swatches/bootstrap-3-dark.json +1 -1
- package/lib/swatches/bootstrap-3.json +1 -1
- package/lib/swatches/bootstrap-4-dark.json +1 -1
- package/lib/swatches/bootstrap-4.json +1 -1
- package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
- package/lib/swatches/bootstrap-main-dark.json +1 -1
- package/lib/swatches/bootstrap-main.json +1 -1
- package/lib/swatches/bootstrap-nordic.json +1 -1
- package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
- package/lib/swatches/bootstrap-turquoise.json +1 -1
- package/lib/swatches/bootstrap-urban.json +1 -1
- package/lib/swatches/bootstrap-vintage.json +1 -1
- package/package.json +5 -5
- package/scss/_bootstrap-overrides.scss +0 -22
- package/scss/_variables.scss +0 -203
- package/scss/adaptive/_variables.scss +1 -1
- package/scss/all.scss +0 -1
- package/scss/appbar/_variables.scss +2 -2
- package/scss/breadcrumb/_variables.scss +1 -1
- package/scss/button/_variables.scss +13 -13
- package/scss/calendar/_variables.scss +1 -1
- package/scss/chat/_variables.scss +1 -1
- package/scss/checkbox/_variables.scss +4 -4
- package/scss/chip/_theme.scss +5 -4
- package/scss/chip/_variables.scss +1 -1
- package/scss/core/_index.scss +6 -0
- package/scss/core/color-system/_palettes.scss +171 -0
- package/scss/core/color-system/_swatch-legacy.scss +66 -0
- package/scss/core/color-system/_swatch.scss +391 -0
- package/scss/dataviz/_variables.scss +42 -42
- package/scss/dock-manager/_variables.scss +1 -1
- package/scss/drawer/_variables.scss +1 -1
- package/scss/dropzone/_variables.scss +2 -2
- package/scss/editor/_variables.scss +1 -1
- package/scss/fab/_theme.scss +21 -21
- package/scss/filemanager/_variables.scss +2 -2
- package/scss/filter/_variables.scss +1 -1
- package/scss/gantt/_variables.scss +13 -13
- package/scss/grid/_theme.scss +54 -6
- package/scss/grid/_variables.scss +12 -9
- package/scss/input/_variables.scss +4 -4
- package/scss/list/_variables.scss +1 -1
- package/scss/listview/_variables.scss +2 -2
- package/scss/map/_variables.scss +1 -1
- package/scss/mediaplayer/_variables.scss +1 -1
- package/scss/menu/_variables.scss +6 -6
- package/scss/notification/_variables.scss +3 -3
- package/scss/pager/_variables.scss +1 -1
- package/scss/panelbar/_variables.scss +4 -4
- package/scss/pivotgrid/_variables.scss +5 -5
- package/scss/scheduler/_variables.scss +3 -3
- package/scss/signature/_variables.scss +1 -1
- package/scss/skeleton/_variables.scss +1 -1
- package/scss/slider/_variables.scss +8 -8
- package/scss/splitter/_variables.scss +1 -1
- package/scss/spreadsheet/_variables.scss +4 -4
- package/scss/stepper/_variables.scss +7 -7
- package/scss/switch/_variables.scss +6 -6
- package/scss/table/_variables.scss +3 -3
- package/scss/taskboard/_variables.scss +8 -8
- package/scss/timeline/_variables.scss +4 -4
- package/scss/toolbar/_variables.scss +1 -1
- package/scss/tooltip/_variables.scss +4 -4
- package/scss/treeview/_variables.scss +1 -1
- package/scss/upload/_variables.scss +1 -1
package/dist/all.scss
CHANGED
|
@@ -5,9 +5,8 @@
|
|
|
5
5
|
// #region @import "./core/_index.scss"; -> scss/core/_index.scss
|
|
6
6
|
$wcag-min-contrast-ratio: 4.5 !default;
|
|
7
7
|
|
|
8
|
-
//
|
|
9
|
-
// #region @import "
|
|
10
|
-
// #region @import "./core/functions/index.import.scss"; -> scss/core/functions/index.import.scss
|
|
8
|
+
// Color System
|
|
9
|
+
// #region @import "./color-system/_swatch.scss"; -> scss/core/color-system/_swatch.scss
|
|
11
10
|
// #region @import "@progress/kendo-theme-core/scss/functions/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/functions/index.import.scss
|
|
12
11
|
// #region @import "./_color.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/functions/_color.import.scss
|
|
13
12
|
/// Returns the alpha channel of a color.
|
|
@@ -712,6 +711,28 @@ $kendo-color-level-step: 8% !default;
|
|
|
712
711
|
@return k-color-mix( rgba( $color1, 1 ), rgba( $color2, 1 ), $weight );
|
|
713
712
|
}
|
|
714
713
|
|
|
714
|
+
/// Generates all color variations of a given main color
|
|
715
|
+
/// @param {String} $name - The name of the main color
|
|
716
|
+
/// @param {Color} $level - The color value to be assigned to the main color
|
|
717
|
+
/// @return {Map} - A map with the generated keys and values
|
|
718
|
+
///
|
|
719
|
+
/// @group color-system
|
|
720
|
+
@function k-generate-colors( $name, $color ) {
|
|
721
|
+
$_variations: (
|
|
722
|
+
#{$name}-subtle: k-try-tint( $color, 80% ),
|
|
723
|
+
#{$name}-subtle-hover: k-try-tint( $color, 65% ),
|
|
724
|
+
#{$name}-subtle-active: k-try-tint( $color, 50% ),
|
|
725
|
+
#{$name}: $color,
|
|
726
|
+
#{$name}-hover: k-try-shade( $color, 0.5 ),
|
|
727
|
+
#{$name}-active: k-try-shade( $color, 1.5 ),
|
|
728
|
+
#{$name}-emphasis: k-try-tint( $color, 4.5 ),
|
|
729
|
+
#{$name}-on-subtle: k-try-shade( $color, 8 ),
|
|
730
|
+
on-#{$name}: k-contrast-legacy( $color ),
|
|
731
|
+
#{$name}-on-surface: $color,
|
|
732
|
+
);
|
|
733
|
+
|
|
734
|
+
@return $_variations;
|
|
735
|
+
}
|
|
715
736
|
// #endregion
|
|
716
737
|
// #region @import "./_custom-properties.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/functions/_custom-properties.import.scss
|
|
717
738
|
@function k-var( $prefix: kendo-, $var: null, $fallback: null ) {
|
|
@@ -1728,31 +1749,56 @@ $svg-escaped-characters: (
|
|
|
1728
1749
|
// #endregion
|
|
1729
1750
|
|
|
1730
1751
|
// #endregion
|
|
1752
|
+
// #region @import "@progress/kendo-theme-core/scss/color-system/_constants.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/color-system/_constants.scss
|
|
1753
|
+
// Color constants
|
|
1731
1754
|
|
|
1732
|
-
|
|
1733
|
-
|
|
1734
|
-
|
|
1755
|
+
/// The color white.
|
|
1756
|
+
/// Note: you cannot change this value.
|
|
1757
|
+
/// @type Color
|
|
1758
|
+
/// @group color-system
|
|
1759
|
+
$kendo-color-white: #ffffff; // stylelint-disable-line scss/dollar-variable-default
|
|
1735
1760
|
|
|
1736
|
-
|
|
1737
|
-
|
|
1738
|
-
|
|
1739
|
-
|
|
1740
|
-
$
|
|
1741
|
-
$gray-600: #6c757d !default;
|
|
1742
|
-
$gray-700: #495057 !default;
|
|
1743
|
-
$gray-800: #343a40 !default;
|
|
1744
|
-
$gray-900: #212529 !default;
|
|
1761
|
+
/// The color black.
|
|
1762
|
+
/// Note: you cannot change this value.
|
|
1763
|
+
/// @type Color
|
|
1764
|
+
/// @group color-system
|
|
1765
|
+
$kendo-color-black: #000000; // stylelint-disable-line scss/dollar-variable-default
|
|
1745
1766
|
|
|
1746
|
-
|
|
1767
|
+
/// The color transparent.
|
|
1768
|
+
/// Note: you cannot change this value.
|
|
1769
|
+
/// @type Color
|
|
1770
|
+
/// @group color-system
|
|
1771
|
+
$kendo-color-rgba-transparent: rgba(0, 0, 0, 0); // stylelint-disable-line scss/dollar-variable-default
|
|
1747
1772
|
|
|
1748
|
-
|
|
1749
|
-
|
|
1750
|
-
|
|
1773
|
+
/// A gradient that goes from transparent to black.
|
|
1774
|
+
/// Note: you cannot change this value.
|
|
1775
|
+
/// @type Gradient
|
|
1776
|
+
/// @group color-system
|
|
1777
|
+
$kendo-gradient-transparent-to-black: rgba(black, 0), black; // stylelint-disable-line scss/dollar-variable-default
|
|
1751
1778
|
|
|
1752
|
-
|
|
1753
|
-
|
|
1754
|
-
|
|
1755
|
-
|
|
1779
|
+
/// A gradient that goes from transparent to white.
|
|
1780
|
+
/// Note: you cannot change this value.
|
|
1781
|
+
/// @type Gradient
|
|
1782
|
+
/// @group color-system
|
|
1783
|
+
$kendo-gradient-transparent-to-white: rgba(white, 0), white; // stylelint-disable-line scss/dollar-variable-default
|
|
1784
|
+
|
|
1785
|
+
/// A gradient that goes from black to transparent.
|
|
1786
|
+
/// Note: you cannot change this value.
|
|
1787
|
+
/// @type Gradient
|
|
1788
|
+
/// @group color-system
|
|
1789
|
+
$kendo-gradient-black-to-transparent: black, rgba(black, 0); // stylelint-disable-line scss/dollar-variable-default
|
|
1790
|
+
|
|
1791
|
+
/// A gradient that goes from white to transparent.
|
|
1792
|
+
/// Note: you cannot change this value.
|
|
1793
|
+
/// @type Gradient
|
|
1794
|
+
/// @group color-system
|
|
1795
|
+
$kendo-gradient-white-to-transparent: white, rgba(white, 0); // stylelint-disable-line scss/dollar-variable-default
|
|
1796
|
+
|
|
1797
|
+
/// A gradient that cycles through the colors of the rainbow.
|
|
1798
|
+
/// Note: you cannot change this value.
|
|
1799
|
+
/// @type Gradient
|
|
1800
|
+
/// @group color-system
|
|
1801
|
+
$kendo-gradient-rainbow: #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000; // stylelint-disable-line scss/dollar-variable-default
|
|
1756
1802
|
|
|
1757
1803
|
// #endregion
|
|
1758
1804
|
// #region @import "bootstrap/scss/_functions.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/bootstrap/scss/_functions.scss
|
|
@@ -3697,121 +3743,382 @@ $nested-kbd-font-weight: null !default; // Deprecated in v5.2.0, remo
|
|
|
3697
3743
|
$pre-color: null !default;
|
|
3698
3744
|
|
|
3699
3745
|
// #endregion
|
|
3746
|
+
// #region @import "./_palettes.scss"; -> scss/core/color-system/_palettes.scss
|
|
3747
|
+
$_default-palette-gray: (
|
|
3748
|
+
white: #ffffff,
|
|
3749
|
+
1: #f8f9fa,
|
|
3750
|
+
2: #e9ecef,
|
|
3751
|
+
3: #dee2e6,
|
|
3752
|
+
4: #ced4da,
|
|
3753
|
+
5: #bdc4cb,
|
|
3754
|
+
6: #adb5bd,
|
|
3755
|
+
7: #8d959d,
|
|
3756
|
+
8: #6c757d,
|
|
3757
|
+
9: #606970,
|
|
3758
|
+
10: #555c64,
|
|
3759
|
+
11: #495057,
|
|
3760
|
+
12: #343a40,
|
|
3761
|
+
13: #2c3035,
|
|
3762
|
+
14: #212529,
|
|
3763
|
+
15: #121417,
|
|
3764
|
+
black: #000000,
|
|
3765
|
+
);
|
|
3700
3766
|
|
|
3701
|
-
|
|
3702
|
-
|
|
3703
|
-
|
|
3704
|
-
|
|
3705
|
-
|
|
3767
|
+
$_default-palette-blue: (
|
|
3768
|
+
1: #ecf4ff,
|
|
3769
|
+
2: #cfe2ff,
|
|
3770
|
+
3: #b6d4fe,
|
|
3771
|
+
4: #9ec5fe,
|
|
3772
|
+
5: #86b6fe,
|
|
3773
|
+
6: #6ea8fe,
|
|
3774
|
+
7: #4992fd,
|
|
3775
|
+
8: #207afd,
|
|
3776
|
+
9: #0d6efd,
|
|
3777
|
+
10: #0b5ed7,
|
|
3778
|
+
11: #0a58ca,
|
|
3779
|
+
12: #0a53be,
|
|
3780
|
+
13: #084298,
|
|
3781
|
+
14: #052c65,
|
|
3782
|
+
15: #031633,
|
|
3783
|
+
);
|
|
3706
3784
|
|
|
3707
|
-
|
|
3708
|
-
|
|
3709
|
-
|
|
3710
|
-
|
|
3711
|
-
|
|
3785
|
+
$_default-palette-yellow: (
|
|
3786
|
+
1: #fff9e6,
|
|
3787
|
+
2: #fff3cd,
|
|
3788
|
+
3: #ffecb5,
|
|
3789
|
+
4: #ffe69c,
|
|
3790
|
+
5: #ffe083,
|
|
3791
|
+
6: #ffda6a,
|
|
3792
|
+
7: #ffcd39,
|
|
3793
|
+
8: #ffc107,
|
|
3794
|
+
9: #cc9a06,
|
|
3795
|
+
10: #b38705,
|
|
3796
|
+
11: #997404,
|
|
3797
|
+
12: #806104,
|
|
3798
|
+
13: #664d03,
|
|
3799
|
+
14: #523e02,
|
|
3800
|
+
15: #332701,
|
|
3801
|
+
);
|
|
3712
3802
|
|
|
3713
|
-
|
|
3714
|
-
|
|
3715
|
-
|
|
3716
|
-
|
|
3717
|
-
|
|
3718
|
-
|
|
3719
|
-
|
|
3803
|
+
$_default-palette-red: (
|
|
3804
|
+
1: #fcebec,
|
|
3805
|
+
2: #fae1e3,
|
|
3806
|
+
3: #f8d7da,
|
|
3807
|
+
4: #f5c2c7,
|
|
3808
|
+
5: #f1aeb5,
|
|
3809
|
+
6: #ea868f,
|
|
3810
|
+
7: #e35d6a,
|
|
3811
|
+
8: #dc3545,
|
|
3812
|
+
9: #b02a37,
|
|
3813
|
+
10: #9a2530,
|
|
3814
|
+
11: #842029,
|
|
3815
|
+
12: #6e1b23,
|
|
3816
|
+
13: #58151c,
|
|
3817
|
+
14: #421015,
|
|
3818
|
+
15: #21080a,
|
|
3819
|
+
);
|
|
3720
3820
|
|
|
3721
|
-
$
|
|
3722
|
-
|
|
3723
|
-
|
|
3821
|
+
$_default-palette-cyan: (
|
|
3822
|
+
1: #e7fafe,
|
|
3823
|
+
2: #cff4fc,
|
|
3824
|
+
3: #aaecfa,
|
|
3825
|
+
4: #9eeaf9,
|
|
3826
|
+
5: #86e5f8,
|
|
3827
|
+
6: #6edff6,
|
|
3828
|
+
7: #3dd5f3,
|
|
3829
|
+
8: #0dcaf0,
|
|
3830
|
+
9: #0aa2c0,
|
|
3831
|
+
10: #098da8,
|
|
3832
|
+
11: #087990,
|
|
3833
|
+
12: #076578,
|
|
3834
|
+
13: #055160,
|
|
3835
|
+
14: #04414d,
|
|
3836
|
+
15: #032830,
|
|
3837
|
+
);
|
|
3724
3838
|
|
|
3725
|
-
$
|
|
3839
|
+
$_default-palette-green: (
|
|
3840
|
+
1: #e8f3ee,
|
|
3841
|
+
2: #d1e7dd,
|
|
3842
|
+
3: #badbcc,
|
|
3843
|
+
4: #a3cfbb,
|
|
3844
|
+
5: #8cc3aa,
|
|
3845
|
+
6: #75b798,
|
|
3846
|
+
7: #479f76,
|
|
3847
|
+
8: #198754,
|
|
3848
|
+
9: #146c43,
|
|
3849
|
+
10: #125f3b,
|
|
3850
|
+
11: #0f5132,
|
|
3851
|
+
12: #0d442a,
|
|
3852
|
+
13: #0a3622,
|
|
3853
|
+
14: #08291a,
|
|
3854
|
+
15: #051b11,
|
|
3855
|
+
);
|
|
3726
3856
|
|
|
3857
|
+
$_default-palette-indigo: (
|
|
3858
|
+
1: #f0e7fe,
|
|
3859
|
+
2: #e2d9f3,
|
|
3860
|
+
3: #d3c5ec,
|
|
3861
|
+
4: #c5b3e6,
|
|
3862
|
+
5: #b9a3e1,
|
|
3863
|
+
6: #a98eda,
|
|
3864
|
+
7: #8c68cd,
|
|
3865
|
+
8: #6f42c1,
|
|
3866
|
+
9: #59359a,
|
|
3867
|
+
10: #4e2f89,
|
|
3868
|
+
11: #432874,
|
|
3869
|
+
12: #36215f,
|
|
3870
|
+
13: #2c1a4d,
|
|
3871
|
+
14: #21143b,
|
|
3872
|
+
15: #160d27,
|
|
3873
|
+
);
|
|
3727
3874
|
|
|
3728
|
-
|
|
3729
|
-
|
|
3730
|
-
|
|
3731
|
-
|
|
3732
|
-
|
|
3733
|
-
|
|
3734
|
-
|
|
3735
|
-
|
|
3736
|
-
|
|
3737
|
-
|
|
3738
|
-
|
|
3739
|
-
|
|
3740
|
-
|
|
3741
|
-
|
|
3742
|
-
|
|
3743
|
-
|
|
3744
|
-
|
|
3745
|
-
7: 1.75rem,
|
|
3746
|
-
7.5: 1.875rem,
|
|
3747
|
-
8: 2rem,
|
|
3748
|
-
9: 2.25rem,
|
|
3749
|
-
10: 2.5rem,
|
|
3750
|
-
11: 2.75rem,
|
|
3751
|
-
12: 3rem,
|
|
3752
|
-
13: 3.25rem,
|
|
3753
|
-
14: 3.5rem,
|
|
3754
|
-
15: 3.75rem,
|
|
3755
|
-
16: 4rem,
|
|
3756
|
-
17: 4.25rem,
|
|
3757
|
-
18: 4.5rem,
|
|
3758
|
-
19: 4.75rem,
|
|
3759
|
-
20: 5rem,
|
|
3760
|
-
21: 5.25rem,
|
|
3761
|
-
22: 5.5rem,
|
|
3762
|
-
23: 5.75rem,
|
|
3763
|
-
24: 6rem
|
|
3764
|
-
) !default;
|
|
3875
|
+
$_default-palette-teal: (
|
|
3876
|
+
1: #ebfaf6,
|
|
3877
|
+
2: #e8dbfd,
|
|
3878
|
+
3: #d2f4ea,
|
|
3879
|
+
4: #c1f0e2,
|
|
3880
|
+
5: #a6e9d5,
|
|
3881
|
+
6: #79dfc1,
|
|
3882
|
+
7: #4dd4ac,
|
|
3883
|
+
8: #20c997,
|
|
3884
|
+
9: #1aa179,
|
|
3885
|
+
10: #178c69,
|
|
3886
|
+
11: #13795b,
|
|
3887
|
+
12: #10654c,
|
|
3888
|
+
13: #0d503c,
|
|
3889
|
+
14: #0a3e2e,
|
|
3890
|
+
15: #06281e,
|
|
3891
|
+
);
|
|
3765
3892
|
|
|
3893
|
+
// stylelint-disable scss/no-global-function-names
|
|
3894
|
+
$kendo-palette-gray: $_default-palette-gray !default;
|
|
3895
|
+
$kendo-palette-gray: map-merge($_default-palette-gray, $kendo-palette-gray);
|
|
3766
3896
|
|
|
3767
|
-
|
|
3768
|
-
$kendo-
|
|
3897
|
+
$kendo-palette-blue: $_default-palette-blue !default;
|
|
3898
|
+
$kendo-palette-blue: map-merge($_default-palette-blue, $kendo-palette-blue);
|
|
3769
3899
|
|
|
3770
|
-
$kendo-
|
|
3771
|
-
$kendo-
|
|
3772
|
-
$kendo-icon-size-md: $kendo-icon-size !default;
|
|
3773
|
-
$kendo-icon-size-lg: calc( #{$kendo-icon-size} * 1.25 ) !default;
|
|
3774
|
-
$kendo-icon-size-xl: calc( #{$kendo-icon-size} * 1.5 ) !default;
|
|
3775
|
-
$kendo-icon-size-xxl: calc( #{$kendo-icon-size} * 2 ) !default;
|
|
3776
|
-
$kendo-icon-size-xxxl: calc( #{$kendo-icon-size} * 3 ) !default;
|
|
3900
|
+
$kendo-palette-yellow: $_default-palette-yellow !default;
|
|
3901
|
+
$kendo-palette-yellow: map-merge($_default-palette-yellow, $kendo-palette-yellow);
|
|
3777
3902
|
|
|
3778
|
-
$kendo-
|
|
3779
|
-
$kendo-
|
|
3903
|
+
$kendo-palette-red: $_default-palette-red !default;
|
|
3904
|
+
$kendo-palette-red: map-merge($_default-palette-red, $kendo-palette-red);
|
|
3780
3905
|
|
|
3781
|
-
|
|
3782
|
-
$kendo-
|
|
3783
|
-
$kendo-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
3784
|
-
$kendo-padding-sm-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
3785
|
-
$kendo-padding-sm-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
3786
|
-
$kendo-padding-md-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
3787
|
-
$kendo-padding-md-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
3788
|
-
$kendo-padding-lg-x: k-map-get( $kendo-spacing, 6 ) !default;
|
|
3789
|
-
$kendo-padding-lg-y: k-map-get( $kendo-spacing, 3 ) !default;
|
|
3906
|
+
$kendo-palette-cyan: $_default-palette-cyan !default;
|
|
3907
|
+
$kendo-palette-cyan: map-merge($_default-palette-cyan, $kendo-palette-cyan);
|
|
3790
3908
|
|
|
3791
|
-
|
|
3792
|
-
$kendo-
|
|
3793
|
-
$kendo-border-radius-sm: $border-radius-sm !default;
|
|
3794
|
-
$kendo-border-radius-md: $kendo-border-radius !default;
|
|
3795
|
-
$kendo-border-radius-lg: $border-radius-lg !default;
|
|
3909
|
+
$kendo-palette-green: $_default-palette-green !default;
|
|
3910
|
+
$kendo-palette-green: map-merge($_default-palette-green, $kendo-palette-green);
|
|
3796
3911
|
|
|
3797
|
-
$kendo-
|
|
3798
|
-
|
|
3799
|
-
0: 0,
|
|
3800
|
-
sm: $kendo-border-radius-sm,
|
|
3801
|
-
md: $kendo-border-radius-md,
|
|
3802
|
-
lg: $kendo-border-radius-lg,
|
|
3803
|
-
full: 9999px
|
|
3804
|
-
) !default;
|
|
3912
|
+
$kendo-palette-indigo: $_default-palette-indigo !default;
|
|
3913
|
+
$kendo-palette-indigo: map-merge($_default-palette-indigo, $kendo-palette-indigo);
|
|
3805
3914
|
|
|
3915
|
+
$kendo-palette-teal: $_default-palette-teal !default;
|
|
3916
|
+
$kendo-palette-teal: map-merge($_default-palette-teal, $kendo-palette-teal);
|
|
3917
|
+
// stylelint-enable scss/no-global-function-names
|
|
3918
|
+
// #endregion
|
|
3806
3919
|
|
|
3807
|
-
|
|
3808
|
-
$kendo-
|
|
3809
|
-
$kendo-zindex-loading: 100 !default;
|
|
3920
|
+
// Config
|
|
3921
|
+
$kendo-enable-color-system: false !default;
|
|
3810
3922
|
|
|
3923
|
+
// Colors
|
|
3924
|
+
$_default-colors: (
|
|
3925
|
+
// Misc
|
|
3926
|
+
app-surface: k-map-get( $kendo-palette-gray, white ),
|
|
3927
|
+
on-app-surface: k-map-get( $kendo-palette-gray, 14 ),
|
|
3928
|
+
subtle: k-map-get( $kendo-palette-gray, 9 ),
|
|
3929
|
+
surface: k-map-get( $kendo-palette-gray, 1 ),
|
|
3930
|
+
surface-alt: k-map-get( $kendo-palette-gray, white ),
|
|
3931
|
+
border: k-map-get( $kendo-palette-gray, 3 ),
|
|
3932
|
+
border-alt: k-map-get( $kendo-palette-gray, 4 ),
|
|
3933
|
+
// Base
|
|
3934
|
+
base-subtle: k-map-get( $kendo-palette-gray, 2 ),
|
|
3935
|
+
base-subtle-hover: k-map-get( $kendo-palette-gray, 3 ),
|
|
3936
|
+
base-subtle-active: k-map-get( $kendo-palette-gray, 4 ),
|
|
3937
|
+
base: k-map-get( $kendo-palette-gray, 3 ),
|
|
3938
|
+
base-hover: k-map-get( $kendo-palette-gray, 4 ),
|
|
3939
|
+
base-active: k-map-get( $kendo-palette-gray, 5 ),
|
|
3940
|
+
base-emphasis: k-map-get( $kendo-palette-gray, 6 ),
|
|
3941
|
+
base-on-subtle: k-map-get( $kendo-palette-gray, 14 ),
|
|
3942
|
+
on-base: k-map-get( $kendo-palette-gray, 14 ),
|
|
3943
|
+
base-on-surface: k-map-get( $kendo-palette-gray, 14 ),
|
|
3944
|
+
// Primary
|
|
3945
|
+
primary-subtle: k-map-get( $kendo-palette-blue, 2 ),
|
|
3946
|
+
primary-subtle-hover: k-map-get( $kendo-palette-blue, 3 ),
|
|
3947
|
+
primary-subtle-active: k-map-get( $kendo-palette-blue, 4 ),
|
|
3948
|
+
primary: k-map-get( $kendo-palette-blue, 9 ),
|
|
3949
|
+
primary-hover: k-map-get( $kendo-palette-blue, 10 ),
|
|
3950
|
+
primary-active: k-map-get( $kendo-palette-blue, 11 ),
|
|
3951
|
+
primary-emphasis: k-map-get( $kendo-palette-blue, 6 ),
|
|
3952
|
+
primary-on-subtle: k-map-get( $kendo-palette-blue, 14 ),
|
|
3953
|
+
on-primary: k-map-get( $kendo-palette-gray, white ),
|
|
3954
|
+
primary-on-surface: k-map-get( $kendo-palette-blue, 9 ),
|
|
3955
|
+
// Secondary
|
|
3956
|
+
secondary-subtle: k-map-get( $kendo-palette-gray, 3 ),
|
|
3957
|
+
secondary-subtle-hover: k-map-get( $kendo-palette-gray, 4 ),
|
|
3958
|
+
secondary-subtle-active: k-map-get( $kendo-palette-gray, 5 ),
|
|
3959
|
+
secondary: k-map-get( $kendo-palette-gray, 8 ),
|
|
3960
|
+
secondary-hover: k-map-get( $kendo-palette-gray, 9 ),
|
|
3961
|
+
secondary-active: k-map-get( $kendo-palette-gray, 10 ),
|
|
3962
|
+
secondary-emphasis: k-map-get( $kendo-palette-gray, 7 ),
|
|
3963
|
+
secondary-on-subtle: k-map-get( $kendo-palette-gray, 14 ),
|
|
3964
|
+
on-secondary: k-map-get( $kendo-palette-gray, white ),
|
|
3965
|
+
secondary-on-surface: k-map-get( $kendo-palette-gray, 14 ),
|
|
3966
|
+
// Tertiary
|
|
3967
|
+
tertiary-subtle: k-map-get( $kendo-palette-indigo, 2 ),
|
|
3968
|
+
tertiary-subtle-hover: k-map-get( $kendo-palette-indigo, 3 ),
|
|
3969
|
+
tertiary-subtle-active: k-map-get( $kendo-palette-indigo, 4 ),
|
|
3970
|
+
tertiary: k-map-get( $kendo-palette-indigo, 8 ),
|
|
3971
|
+
tertiary-hover: k-map-get( $kendo-palette-indigo, 9 ),
|
|
3972
|
+
tertiary-active: k-map-get( $kendo-palette-indigo, 10 ),
|
|
3973
|
+
tertiary-emphasis: k-map-get( $kendo-palette-indigo, 6 ),
|
|
3974
|
+
tertiary-on-subtle: k-map-get( $kendo-palette-indigo, 14 ),
|
|
3975
|
+
on-tertiary: k-map-get( $kendo-palette-gray, white ),
|
|
3976
|
+
tertiary-on-surface: k-map-get( $kendo-palette-indigo, 8 ),
|
|
3977
|
+
// Info
|
|
3978
|
+
info-subtle: k-map-get( $kendo-palette-cyan, 2 ),
|
|
3979
|
+
info-subtle-hover: k-map-get( $kendo-palette-cyan, 3 ),
|
|
3980
|
+
info-subtle-active: k-map-get( $kendo-palette-cyan, 5 ),
|
|
3981
|
+
info: k-map-get( $kendo-palette-cyan, 8 ),
|
|
3982
|
+
info-hover: k-map-get( $kendo-palette-cyan, 9 ),
|
|
3983
|
+
info-active: k-map-get( $kendo-palette-cyan, 10 ),
|
|
3984
|
+
info-emphasis: k-map-get( $kendo-palette-cyan, 7 ),
|
|
3985
|
+
info-on-subtle: k-map-get( $kendo-palette-cyan, 14 ),
|
|
3986
|
+
on-info: k-map-get( $kendo-palette-gray, white ),
|
|
3987
|
+
info-on-surface: k-map-get( $kendo-palette-cyan, 8 ),
|
|
3988
|
+
// Success
|
|
3989
|
+
success-subtle: k-map-get( $kendo-palette-green, 2 ),
|
|
3990
|
+
success-subtle-hover: k-map-get( $kendo-palette-green, 3 ),
|
|
3991
|
+
success-subtle-active: k-map-get( $kendo-palette-green, 5 ),
|
|
3992
|
+
success: k-map-get( $kendo-palette-green, 9 ),
|
|
3993
|
+
success-hover: k-map-get( $kendo-palette-green, 10 ),
|
|
3994
|
+
success-active: k-map-get( $kendo-palette-green, 11 ),
|
|
3995
|
+
success-emphasis: k-map-get( $kendo-palette-green, 7 ),
|
|
3996
|
+
success-on-subtle: k-map-get( $kendo-palette-green, 14 ),
|
|
3997
|
+
on-success: k-map-get( $kendo-palette-gray, white ),
|
|
3998
|
+
success-on-surface: k-map-get( $kendo-palette-green, 11 ),
|
|
3999
|
+
// Warning
|
|
4000
|
+
warning-subtle: k-map-get( $kendo-palette-yellow, 3 ),
|
|
4001
|
+
warning-subtle-hover: k-map-get( $kendo-palette-yellow, 4 ),
|
|
4002
|
+
warning-subtle-active: k-map-get( $kendo-palette-yellow, 5 ),
|
|
4003
|
+
warning: k-map-get( $kendo-palette-yellow, 8 ),
|
|
4004
|
+
warning-hover: k-map-get( $kendo-palette-yellow, 9 ),
|
|
4005
|
+
warning-active: k-map-get( $kendo-palette-yellow, 10 ),
|
|
4006
|
+
warning-emphasis: k-map-get( $kendo-palette-yellow, 7 ),
|
|
4007
|
+
warning-on-subtle: k-map-get( $kendo-palette-yellow, 14 ),
|
|
4008
|
+
on-warning: k-map-get( $kendo-palette-gray, black ),
|
|
4009
|
+
warning-on-surface: k-map-get( $kendo-palette-yellow, 8 ),
|
|
4010
|
+
// Error
|
|
4011
|
+
error-subtle: k-map-get( $kendo-palette-red, 3 ),
|
|
4012
|
+
error-subtle-hover: k-map-get( $kendo-palette-red, 4 ),
|
|
4013
|
+
error-subtle-active: k-map-get( $kendo-palette-red, 5 ),
|
|
4014
|
+
error: k-map-get( $kendo-palette-red, 8 ),
|
|
4015
|
+
error-hover: k-map-get( $kendo-palette-red, 9 ),
|
|
4016
|
+
error-active: k-map-get( $kendo-palette-red, 10 ),
|
|
4017
|
+
error-emphasis: k-map-get( $kendo-palette-red, 7 ),
|
|
4018
|
+
error-on-subtle: k-map-get( $kendo-palette-red, 14 ),
|
|
4019
|
+
on-error: k-map-get( $kendo-palette-gray, white ),
|
|
4020
|
+
error-on-surface: k-map-get( $kendo-palette-red, 8 ),
|
|
4021
|
+
// Light
|
|
4022
|
+
light-subtle: k-map-get( $kendo-palette-gray, 1 ),
|
|
4023
|
+
light-subtle-hover: k-map-get( $kendo-palette-gray, 2 ),
|
|
4024
|
+
light-subtle-active: k-map-get( $kendo-palette-gray, 3 ),
|
|
4025
|
+
light: k-map-get( $kendo-palette-gray, 1 ),
|
|
4026
|
+
light-hover: k-map-get( $kendo-palette-gray, 2 ),
|
|
4027
|
+
light-active: k-map-get( $kendo-palette-gray, 3 ),
|
|
4028
|
+
light-emphasis: k-map-get( $kendo-palette-gray, 5 ),
|
|
4029
|
+
light-on-subtle: k-map-get( $kendo-palette-gray, 12 ),
|
|
4030
|
+
on-light: k-map-get( $kendo-palette-gray, black ),
|
|
4031
|
+
light-on-surface: k-map-get( $kendo-palette-gray, 4 ),
|
|
4032
|
+
// Dark
|
|
4033
|
+
dark-subtle: k-map-get( $kendo-palette-gray, 8 ),
|
|
4034
|
+
dark-subtle-hover: k-map-get( $kendo-palette-gray, 9 ),
|
|
4035
|
+
dark-subtle-active: k-map-get( $kendo-palette-gray, 10 ),
|
|
4036
|
+
dark: k-map-get( $kendo-palette-gray, 14 ),
|
|
4037
|
+
dark-hover: k-map-get( $kendo-palette-gray, 13 ),
|
|
4038
|
+
dark-active: k-map-get( $kendo-palette-gray, 12 ),
|
|
4039
|
+
dark-emphasis: k-map-get( $kendo-palette-gray, 12 ),
|
|
4040
|
+
dark-on-subtle: k-map-get( $kendo-palette-gray, white ),
|
|
4041
|
+
on-dark: k-map-get( $kendo-palette-gray, white ),
|
|
4042
|
+
dark-on-surface: k-map-get( $kendo-palette-gray, 15 ),
|
|
4043
|
+
// Inverse
|
|
4044
|
+
inverse-subtle: k-map-get( $kendo-palette-gray, 8 ),
|
|
4045
|
+
inverse-subtle-hover: k-map-get( $kendo-palette-gray, 9 ),
|
|
4046
|
+
inverse-subtle-active: k-map-get( $kendo-palette-gray, 10 ),
|
|
4047
|
+
inverse: k-map-get( $kendo-palette-gray, 14 ),
|
|
4048
|
+
inverse-hover: k-map-get( $kendo-palette-gray, 13 ),
|
|
4049
|
+
inverse-active: k-map-get( $kendo-palette-gray, 12 ),
|
|
4050
|
+
inverse-emphasis: k-map-get( $kendo-palette-gray, 12 ),
|
|
4051
|
+
inverse-on-subtle: k-map-get( $kendo-palette-gray, white ),
|
|
4052
|
+
on-inverse: k-map-get( $kendo-palette-gray, white ),
|
|
4053
|
+
inverse-on-surface: k-map-get( $kendo-palette-gray, 15 ),
|
|
4054
|
+
// Series A
|
|
4055
|
+
series-a: k-map-get( $kendo-palette-blue, 9 ),
|
|
4056
|
+
series-a-bold: k-map-get( $kendo-palette-blue, 12 ),
|
|
4057
|
+
series-a-bolder: k-map-get( $kendo-palette-blue, 14 ),
|
|
4058
|
+
series-a-subtle: k-map-get( $kendo-palette-blue, 5 ),
|
|
4059
|
+
series-a-subtler: k-map-get( $kendo-palette-blue, 7 ),
|
|
4060
|
+
// Series B
|
|
4061
|
+
series-b: k-map-get( $kendo-palette-indigo, 8 ),
|
|
4062
|
+
series-b-bold: k-map-get( $kendo-palette-indigo, 10 ),
|
|
4063
|
+
series-b-bolder: k-map-get( $kendo-palette-indigo, 12 ),
|
|
4064
|
+
series-b-subtle: k-map-get( $kendo-palette-indigo, 5 ),
|
|
4065
|
+
series-b-subtler: k-map-get( $kendo-palette-indigo, 7 ),
|
|
4066
|
+
// Series C
|
|
4067
|
+
series-c: k-map-get( $kendo-palette-teal, 8 ),
|
|
4068
|
+
series-c-bold: k-map-get( $kendo-palette-teal, 10 ),
|
|
4069
|
+
series-c-bolder: k-map-get( $kendo-palette-teal, 12 ),
|
|
4070
|
+
series-c-subtle: k-map-get( $kendo-palette-teal, 5 ),
|
|
4071
|
+
series-c-subtler: k-map-get( $kendo-palette-teal, 7 ),
|
|
4072
|
+
// Series D
|
|
4073
|
+
series-d: k-map-get( $kendo-palette-green, 8 ),
|
|
4074
|
+
series-d-bold: k-map-get( $kendo-palette-green, 10 ),
|
|
4075
|
+
series-d-bolder: k-map-get( $kendo-palette-green, 12 ),
|
|
4076
|
+
series-d-subtle: k-map-get( $kendo-palette-green, 5 ),
|
|
4077
|
+
series-d-subtler: k-map-get( $kendo-palette-green, 7 ),
|
|
4078
|
+
// Series Е
|
|
4079
|
+
series-e: k-map-get( $kendo-palette-red, 8 ),
|
|
4080
|
+
series-e-bold: k-map-get( $kendo-palette-red, 10 ),
|
|
4081
|
+
series-e-bolder: k-map-get( $kendo-palette-red, 12 ),
|
|
4082
|
+
series-e-subtle: k-map-get( $kendo-palette-red, 5 ),
|
|
4083
|
+
series-e-subtler: k-map-get( $kendo-palette-red, 7 ),
|
|
4084
|
+
// Series F
|
|
4085
|
+
series-f: k-map-get( $kendo-palette-yellow, 8 ),
|
|
4086
|
+
series-f-bold: k-map-get( $kendo-palette-yellow, 10 ),
|
|
4087
|
+
series-f-bolder: k-map-get( $kendo-palette-yellow, 12 ),
|
|
4088
|
+
series-f-subtle: k-map-get( $kendo-palette-yellow, 5 ),
|
|
4089
|
+
series-f-subtler: k-map-get( $kendo-palette-yellow, 7 ),
|
|
4090
|
+
) !default;
|
|
4091
|
+
|
|
4092
|
+
/// The global default Colors map.
|
|
4093
|
+
/// @group color-system
|
|
4094
|
+
$kendo-colors: $_default-colors !default;
|
|
4095
|
+
|
|
4096
|
+
// Legacy
|
|
3811
4097
|
|
|
3812
|
-
// Color settings
|
|
3813
4098
|
$kendo-is-dark-theme: false !default;
|
|
3814
4099
|
|
|
4100
|
+
$gray-100: #f8f9fa !default;
|
|
4101
|
+
$gray-200: #e9ecef !default;
|
|
4102
|
+
$gray-300: #dee2e6 !default;
|
|
4103
|
+
$gray-400: #ced4da !default;
|
|
4104
|
+
$gray-500: #adb5bd !default;
|
|
4105
|
+
$gray-600: #6c757d !default;
|
|
4106
|
+
$gray-700: #495057 !default;
|
|
4107
|
+
$gray-800: #343a40 !default;
|
|
4108
|
+
$gray-900: #212529 !default;
|
|
4109
|
+
|
|
4110
|
+
$kendo-body-bg: #ffffff !default;
|
|
4111
|
+
|
|
4112
|
+
$kendo-component-bg: $kendo-body-bg !default;
|
|
4113
|
+
$kendo-component-text: k-contrast-color( $kendo-component-bg, $gray-900, $gray-100 ) !default;
|
|
4114
|
+
$kendo-component-border: if( k-is-light( $kendo-component-bg ), $gray-300, $gray-700 ) !default;
|
|
4115
|
+
|
|
4116
|
+
$input-bg: $kendo-component-bg !default;
|
|
4117
|
+
$input-color: k-contrast-color( $input-bg, $gray-900, $gray-300 ) !default;
|
|
4118
|
+
$input-border-color: if( k-is-light( $input-bg ), $gray-400, $gray-600 ) !default;
|
|
4119
|
+
$input-placeholder-color: k-contrast-color( $input-bg, $gray-600, $gray-400 ) !default;
|
|
4120
|
+
|
|
4121
|
+
|
|
3815
4122
|
// Theme colors
|
|
3816
4123
|
/// The color that focuses the user attention.
|
|
3817
4124
|
/// Used for primary buttons and for elements of primary importance across the theme.
|
|
@@ -3910,57 +4217,6 @@ $kendo-theme-colors: (
|
|
|
3910
4217
|
) !default;
|
|
3911
4218
|
|
|
3912
4219
|
|
|
3913
|
-
// Typography
|
|
3914
|
-
|
|
3915
|
-
/// Base font size across all components.
|
|
3916
|
-
/// @group typography
|
|
3917
|
-
$kendo-font-size: $font-size-base !default;
|
|
3918
|
-
$kendo-font-size-xs: ( $kendo-font-size * .75 ) !default;
|
|
3919
|
-
$kendo-font-size-sm: $font-size-sm !default;
|
|
3920
|
-
$kendo-font-size-md: $kendo-font-size !default;
|
|
3921
|
-
$kendo-font-size-lg: $font-size-lg !default;
|
|
3922
|
-
$kendo-font-size-xl: ( $kendo-font-size-md * 1.5 ) !default;
|
|
3923
|
-
|
|
3924
|
-
$kendo-font-sizes: (
|
|
3925
|
-
xs: $kendo-font-size-xs,
|
|
3926
|
-
sm: $kendo-font-size-sm,
|
|
3927
|
-
md: $kendo-font-size-md,
|
|
3928
|
-
lg: $kendo-font-size-lg,
|
|
3929
|
-
xl: $kendo-font-size-xl
|
|
3930
|
-
) !default;
|
|
3931
|
-
|
|
3932
|
-
/// Font family for text.
|
|
3933
|
-
/// @group typography
|
|
3934
|
-
$kendo-font-family-sans-serif: $font-family-sans-serif !default;
|
|
3935
|
-
|
|
3936
|
-
/// Font family for monospaced text. Used for styling the code.
|
|
3937
|
-
/// @group typography
|
|
3938
|
-
$kendo-font-family-monospace: $font-family-monospace !default;
|
|
3939
|
-
|
|
3940
|
-
/// Font family across all components.
|
|
3941
|
-
/// @group typography
|
|
3942
|
-
$kendo-font-family: $kendo-font-family-sans-serif !default;
|
|
3943
|
-
|
|
3944
|
-
/// Line height used along with $kendo-font-size.
|
|
3945
|
-
/// @group typography
|
|
3946
|
-
$kendo-line-height: $line-height-base !default;
|
|
3947
|
-
$kendo-line-height-xs: 1 !default;
|
|
3948
|
-
$kendo-line-height-sm: $line-height-sm !default;
|
|
3949
|
-
$kendo-line-height-md: $kendo-line-height !default;
|
|
3950
|
-
$kendo-line-height-lg: $line-height-lg !default;
|
|
3951
|
-
$kendo-line-height-em: calc( #{$kendo-line-height} * 1em ) !default;
|
|
3952
|
-
|
|
3953
|
-
// Font weight
|
|
3954
|
-
$kendo-font-weight-light: $font-weight-light !default;
|
|
3955
|
-
$kendo-font-weight-normal: $font-weight-normal !default;
|
|
3956
|
-
$kendo-font-weight-medium: 500 !default; // TODO: use from bootstrap when we update
|
|
3957
|
-
$kendo-font-weight-semibold: 600 !default; // TODO: use from bootstrap when we update
|
|
3958
|
-
$kendo-font-weight-bold: $font-weight-bold !default;
|
|
3959
|
-
|
|
3960
|
-
// Letter Spacing
|
|
3961
|
-
$kendo-letter-spacing: null !default;
|
|
3962
|
-
|
|
3963
|
-
|
|
3964
4220
|
// Generic styles
|
|
3965
4221
|
|
|
3966
4222
|
// Root styles
|
|
@@ -4027,6 +4283,186 @@ $kendo-selected-hover-text: $kendo-selected-text !default;
|
|
|
4027
4283
|
$kendo-selected-hover-border: $kendo-base-border !default;
|
|
4028
4284
|
$kendo-selected-hover-gradient: null !default;
|
|
4029
4285
|
|
|
4286
|
+
/// Text color of disabled items.
|
|
4287
|
+
$kendo-disabled-text: if( $kendo-is-dark-theme, $gray-600, $gray-500) !default;
|
|
4288
|
+
|
|
4289
|
+
// Header
|
|
4290
|
+
$kendo-component-header-bg: $kendo-base-bg !default;
|
|
4291
|
+
$kendo-component-header-text: $kendo-component-text !default;
|
|
4292
|
+
$kendo-component-header-border: $kendo-component-border !default;
|
|
4293
|
+
$kendo-component-header-gradient: null !default;
|
|
4294
|
+
|
|
4295
|
+
// Validator
|
|
4296
|
+
$kendo-invalid-bg: null !default;
|
|
4297
|
+
$kendo-invalid-text: $kendo-color-error !default;
|
|
4298
|
+
$kendo-invalid-border: $kendo-color-error !default;
|
|
4299
|
+
$kendo-invalid-shadow: 0 0 0 .25rem rgba( $kendo-invalid-border, .25 ) !default;
|
|
4300
|
+
|
|
4301
|
+
$kendo-valid-bg: null !default;
|
|
4302
|
+
$kendo-valid-text: $kendo-color-success !default;
|
|
4303
|
+
$kendo-valid-border: $kendo-color-success !default;
|
|
4304
|
+
$kendo-valid-shadow: 0 0 0 .25rem rgba( $kendo-valid-border, .25 ) !default;
|
|
4305
|
+
|
|
4306
|
+
// #endregion
|
|
4307
|
+
|
|
4308
|
+
// Variables
|
|
4309
|
+
// #region @import "../_variables.scss"; -> scss/_variables.scss
|
|
4310
|
+
// #region @import "./core/functions/index.import.scss"; -> scss/core/functions/index.import.scss
|
|
4311
|
+
// #region @import "@progress/kendo-theme-core/scss/functions/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/functions/index.import.scss
|
|
4312
|
+
// File already imported_once. Skipping output.
|
|
4313
|
+
// #endregion
|
|
4314
|
+
|
|
4315
|
+
// #endregion
|
|
4316
|
+
|
|
4317
|
+
// Options
|
|
4318
|
+
$kendo-enable-rounded: true !default;
|
|
4319
|
+
$kendo-enable-shadows: true !default;
|
|
4320
|
+
$kendo-enable-gradients: true !default;
|
|
4321
|
+
$kendo-enable-transitions: true !default;
|
|
4322
|
+
$kendo-enable-focus-contrast: false !default;
|
|
4323
|
+
$kendo-enable-typography: false !default;
|
|
4324
|
+
|
|
4325
|
+
$kendo-use-input-button-width: false !default;
|
|
4326
|
+
$kendo-use-input-spinner-width: false !default;
|
|
4327
|
+
$kendo-use-input-spinner-icon-offset: false !default;
|
|
4328
|
+
|
|
4329
|
+
$kendo-auto-bootstrap: true !default;
|
|
4330
|
+
|
|
4331
|
+
|
|
4332
|
+
// Spacing
|
|
4333
|
+
$kendo-spacing: (
|
|
4334
|
+
0: 0,
|
|
4335
|
+
1px: 1px,
|
|
4336
|
+
0.5: .125rem,
|
|
4337
|
+
1: .25rem,
|
|
4338
|
+
1.5: .375rem,
|
|
4339
|
+
2: .5rem,
|
|
4340
|
+
2.5: .625rem,
|
|
4341
|
+
3: .75rem,
|
|
4342
|
+
3.5: .875rem,
|
|
4343
|
+
4: 1rem,
|
|
4344
|
+
4.5: 1.125rem,
|
|
4345
|
+
5: 1.25rem,
|
|
4346
|
+
5.5: 1.375rem,
|
|
4347
|
+
6: 1.5rem,
|
|
4348
|
+
6.5: 1.625rem,
|
|
4349
|
+
7: 1.75rem,
|
|
4350
|
+
7.5: 1.875rem,
|
|
4351
|
+
8: 2rem,
|
|
4352
|
+
9: 2.25rem,
|
|
4353
|
+
10: 2.5rem,
|
|
4354
|
+
11: 2.75rem,
|
|
4355
|
+
12: 3rem,
|
|
4356
|
+
13: 3.25rem,
|
|
4357
|
+
14: 3.5rem,
|
|
4358
|
+
15: 3.75rem,
|
|
4359
|
+
16: 4rem,
|
|
4360
|
+
17: 4.25rem,
|
|
4361
|
+
18: 4.5rem,
|
|
4362
|
+
19: 4.75rem,
|
|
4363
|
+
20: 5rem,
|
|
4364
|
+
21: 5.25rem,
|
|
4365
|
+
22: 5.5rem,
|
|
4366
|
+
23: 5.75rem,
|
|
4367
|
+
24: 6rem
|
|
4368
|
+
) !default;
|
|
4369
|
+
|
|
4370
|
+
|
|
4371
|
+
// Icons
|
|
4372
|
+
$kendo-icon-size: 16px !default;
|
|
4373
|
+
|
|
4374
|
+
$kendo-icon-size-xs: calc( #{$kendo-icon-size} * .75 ) !default;
|
|
4375
|
+
$kendo-icon-size-sm: calc( #{$kendo-icon-size} * .875 ) !default;
|
|
4376
|
+
$kendo-icon-size-md: $kendo-icon-size !default;
|
|
4377
|
+
$kendo-icon-size-lg: calc( #{$kendo-icon-size} * 1.25 ) !default;
|
|
4378
|
+
$kendo-icon-size-xl: calc( #{$kendo-icon-size} * 1.5 ) !default;
|
|
4379
|
+
$kendo-icon-size-xxl: calc( #{$kendo-icon-size} * 2 ) !default;
|
|
4380
|
+
$kendo-icon-size-xxxl: calc( #{$kendo-icon-size} * 3 ) !default;
|
|
4381
|
+
|
|
4382
|
+
$kendo-icon-spacing: k-map-get( $kendo-spacing, 2 ) !default;
|
|
4383
|
+
$kendo-icon-padding: k-map-get( $kendo-spacing, 1 ) !default;
|
|
4384
|
+
|
|
4385
|
+
// Metrics
|
|
4386
|
+
$kendo-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
4387
|
+
$kendo-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
4388
|
+
$kendo-padding-sm-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
4389
|
+
$kendo-padding-sm-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
4390
|
+
$kendo-padding-md-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
4391
|
+
$kendo-padding-md-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
4392
|
+
$kendo-padding-lg-x: k-map-get( $kendo-spacing, 6 ) !default;
|
|
4393
|
+
$kendo-padding-lg-y: k-map-get( $kendo-spacing, 3 ) !default;
|
|
4394
|
+
|
|
4395
|
+
/// Border radius for all components.
|
|
4396
|
+
$kendo-border-radius: $border-radius !default;
|
|
4397
|
+
$kendo-border-radius-sm: $border-radius-sm !default;
|
|
4398
|
+
$kendo-border-radius-md: $kendo-border-radius !default;
|
|
4399
|
+
$kendo-border-radius-lg: $border-radius-lg !default;
|
|
4400
|
+
|
|
4401
|
+
$kendo-border-radii: (
|
|
4402
|
+
DEFAULT: $kendo-border-radius-md,
|
|
4403
|
+
0: 0,
|
|
4404
|
+
sm: $kendo-border-radius-sm,
|
|
4405
|
+
md: $kendo-border-radius-md,
|
|
4406
|
+
lg: $kendo-border-radius-lg,
|
|
4407
|
+
full: 9999px
|
|
4408
|
+
) !default;
|
|
4409
|
+
|
|
4410
|
+
|
|
4411
|
+
$kendo-zindex-popup: 1 !default;
|
|
4412
|
+
$kendo-zindex-window: 2 !default;
|
|
4413
|
+
$kendo-zindex-loading: 100 !default;
|
|
4414
|
+
|
|
4415
|
+
|
|
4416
|
+
// Typography
|
|
4417
|
+
|
|
4418
|
+
/// Base font size across all components.
|
|
4419
|
+
/// @group typography
|
|
4420
|
+
$kendo-font-size: $font-size-base !default;
|
|
4421
|
+
$kendo-font-size-xs: ( $kendo-font-size * .75 ) !default;
|
|
4422
|
+
$kendo-font-size-sm: $font-size-sm !default;
|
|
4423
|
+
$kendo-font-size-md: $kendo-font-size !default;
|
|
4424
|
+
$kendo-font-size-lg: $font-size-lg !default;
|
|
4425
|
+
$kendo-font-size-xl: ( $kendo-font-size-md * 1.5 ) !default;
|
|
4426
|
+
|
|
4427
|
+
$kendo-font-sizes: (
|
|
4428
|
+
xs: $kendo-font-size-xs,
|
|
4429
|
+
sm: $kendo-font-size-sm,
|
|
4430
|
+
md: $kendo-font-size-md,
|
|
4431
|
+
lg: $kendo-font-size-lg,
|
|
4432
|
+
xl: $kendo-font-size-xl
|
|
4433
|
+
) !default;
|
|
4434
|
+
|
|
4435
|
+
/// Font family for text.
|
|
4436
|
+
/// @group typography
|
|
4437
|
+
$kendo-font-family-sans-serif: $font-family-sans-serif !default;
|
|
4438
|
+
|
|
4439
|
+
/// Font family for monospaced text. Used for styling the code.
|
|
4440
|
+
/// @group typography
|
|
4441
|
+
$kendo-font-family-monospace: $font-family-monospace !default;
|
|
4442
|
+
|
|
4443
|
+
/// Font family across all components.
|
|
4444
|
+
/// @group typography
|
|
4445
|
+
$kendo-font-family: $kendo-font-family-sans-serif !default;
|
|
4446
|
+
|
|
4447
|
+
/// Line height used along with $kendo-font-size.
|
|
4448
|
+
/// @group typography
|
|
4449
|
+
$kendo-line-height: $line-height-base !default;
|
|
4450
|
+
$kendo-line-height-xs: 1 !default;
|
|
4451
|
+
$kendo-line-height-sm: $line-height-sm !default;
|
|
4452
|
+
$kendo-line-height-md: $kendo-line-height !default;
|
|
4453
|
+
$kendo-line-height-lg: $line-height-lg !default;
|
|
4454
|
+
$kendo-line-height-em: calc( #{$kendo-line-height} * 1em ) !default;
|
|
4455
|
+
|
|
4456
|
+
// Font weight
|
|
4457
|
+
$kendo-font-weight-light: $font-weight-light !default;
|
|
4458
|
+
$kendo-font-weight-normal: $font-weight-normal !default;
|
|
4459
|
+
$kendo-font-weight-medium: 500 !default; // TODO: use from bootstrap when we update
|
|
4460
|
+
$kendo-font-weight-semibold: 600 !default; // TODO: use from bootstrap when we update
|
|
4461
|
+
$kendo-font-weight-bold: $font-weight-bold !default;
|
|
4462
|
+
|
|
4463
|
+
// Letter Spacing
|
|
4464
|
+
$kendo-letter-spacing: null !default;
|
|
4465
|
+
|
|
4030
4466
|
|
|
4031
4467
|
// TODO: refactor
|
|
4032
4468
|
$kendo-focus-shadow: null !default;
|
|
@@ -4035,7 +4471,6 @@ $kendo-transition: color .2s ease-in-out, background-color .2s ease-in-out, bord
|
|
|
4035
4471
|
|
|
4036
4472
|
|
|
4037
4473
|
// Disabled mixin variables
|
|
4038
|
-
$kendo-disabled-text: if( $kendo-is-dark-theme, $gray-600, $gray-500) !default;
|
|
4039
4474
|
$kendo-disabled-filter: grayscale(.1) !default;
|
|
4040
4475
|
$kendo-disabled-opacity: .65 !default;
|
|
4041
4476
|
|
|
@@ -4049,25 +4484,6 @@ $kendo-disabled-styling: (
|
|
|
4049
4484
|
|
|
4050
4485
|
// TODO: refactor once we extract drag drop as separate module
|
|
4051
4486
|
|
|
4052
|
-
|
|
4053
|
-
// Header
|
|
4054
|
-
$kendo-component-header-bg: $kendo-base-bg !default;
|
|
4055
|
-
$kendo-component-header-text: $kendo-component-text !default;
|
|
4056
|
-
$kendo-component-header-border: $kendo-component-border !default;
|
|
4057
|
-
$kendo-component-header-gradient: null !default;
|
|
4058
|
-
|
|
4059
|
-
|
|
4060
|
-
// Validator
|
|
4061
|
-
$kendo-invalid-bg: null !default;
|
|
4062
|
-
$kendo-invalid-text: $kendo-color-error !default;
|
|
4063
|
-
$kendo-invalid-border: $kendo-color-error !default;
|
|
4064
|
-
$kendo-invalid-shadow: 0 0 0 .25rem rgba( $kendo-invalid-border, .25 ) !default;
|
|
4065
|
-
|
|
4066
|
-
$kendo-valid-bg: null !default;
|
|
4067
|
-
$kendo-valid-text: $kendo-color-success !default;
|
|
4068
|
-
$kendo-valid-border: $kendo-color-success !default;
|
|
4069
|
-
$kendo-valid-shadow: 0 0 0 .25rem rgba( $kendo-valid-border, .25 ) !default;
|
|
4070
|
-
|
|
4071
4487
|
// Loading
|
|
4072
4488
|
$kendo-loading-opacity: .3 !default;
|
|
4073
4489
|
$kendo-zindex-loading: 100 !default;
|
|
@@ -5198,6 +5614,31 @@ $kendo-palettes: (
|
|
|
5198
5614
|
@return var( --#{$prefix}#{$name}, #{$fallback} );
|
|
5199
5615
|
}
|
|
5200
5616
|
|
|
5617
|
+
@function k-get-swatch-color( $name, $color ) {
|
|
5618
|
+
$map: (
|
|
5619
|
+
app-surface: k-color( app-surface ),
|
|
5620
|
+
on-app-surface: k-color( on-app-surface ),
|
|
5621
|
+
subtle: k-color( subtle ),
|
|
5622
|
+
surface: k-color( surface ),
|
|
5623
|
+
surface-alt: k-color( surface-alt ),
|
|
5624
|
+
border: k-color( border ),
|
|
5625
|
+
border-alt: k-color( border-alt ),
|
|
5626
|
+
color-subtle: k-color( #{$color}-subtle ),
|
|
5627
|
+
color-subtle-hover: k-color( #{$color}-subtle-hover ),
|
|
5628
|
+
color-subtle-active: k-color( #{$color}-subtle-active ),
|
|
5629
|
+
color: k-color( #{$color} ),
|
|
5630
|
+
color-hover: k-color( #{$color}-hover ),
|
|
5631
|
+
color-active: k-color( #{$color}-active ),
|
|
5632
|
+
color-emphasis: k-color( #{$color}-emphasis ),
|
|
5633
|
+
color-on-subtle: k-color( #{$color}-on-subtle ),
|
|
5634
|
+
on-color: k-color( on-#{$color} ),
|
|
5635
|
+
color-on-surface: k-color( #{$color}-on-surface ),
|
|
5636
|
+
on-color-disabled: rgba( k-color( on-#{$color}, true ), .46)
|
|
5637
|
+
);
|
|
5638
|
+
|
|
5639
|
+
@return if( k-map-has-key( $map, $name ), k-map-get( $map, $name ), $name );
|
|
5640
|
+
};
|
|
5641
|
+
|
|
5201
5642
|
@function k-generate-theme-variation( $theme-color, $source-palette-name, $mapping ) {
|
|
5202
5643
|
$temp: ( );
|
|
5203
5644
|
|
|
@@ -5209,9 +5650,9 @@ $kendo-palettes: (
|
|
|
5209
5650
|
$border-prop: k-list-nth($indices, 3);
|
|
5210
5651
|
|
|
5211
5652
|
// Take value from the palette only if it is a number
|
|
5212
|
-
$bg: if( k-meta-type-of($bg-prop) == number, k-get-theme-color-var( #{$source-palette-name}-#{$bg-prop} ), $bg-prop );
|
|
5213
|
-
$text: if( k-meta-type-of($text-prop) == number, k-get-theme-color-var( #{$source-palette-name}-#{$text-prop} ), $text-prop );
|
|
5214
|
-
$border: if( k-meta-type-of($border-prop) == number, k-get-theme-color-var( #{$source-palette-name}-#{$border-prop} ), $border-prop );
|
|
5653
|
+
$bg: if($kendo-enable-color-system, k-get-swatch-color( $bg-prop, $source-palette-name ), if( k-meta-type-of($bg-prop) == number, k-get-theme-color-var( #{$source-palette-name}-#{$bg-prop} ), $bg-prop ));
|
|
5654
|
+
$text: if($kendo-enable-color-system, k-get-swatch-color( $text-prop, $source-palette-name ), if( k-meta-type-of($text-prop) == number, k-get-theme-color-var( #{$source-palette-name}-#{$text-prop} ), $text-prop ));
|
|
5655
|
+
$border: if($kendo-enable-color-system, k-get-swatch-color( $border-prop, $source-palette-name ), if( k-meta-type-of($border-prop) == number, k-get-theme-color-var( #{$source-palette-name}-#{$border-prop} ), $border-prop ));
|
|
5215
5656
|
|
|
5216
5657
|
|
|
5217
5658
|
$temp: k-map-deep-merge( $temp, (
|
|
@@ -5223,7 +5664,7 @@ $kendo-palettes: (
|
|
|
5223
5664
|
// Add outline if provided in the map
|
|
5224
5665
|
@if ( k-list-length($indices) > 3 ) {
|
|
5225
5666
|
$outline-prop: k-list-nth($indices, 4);
|
|
5226
|
-
$outline: if( k-meta-type-of($outline-prop) == number, k-get-theme-color-var( #{$source-palette-name}-#{$outline-prop} ), $outline-prop );
|
|
5667
|
+
$outline: if($kendo-enable-color-system, k-get-swatch-color( $outline-prop, $source-palette-name ), if( k-meta-type-of($outline-prop) == number, k-get-theme-color-var( #{$source-palette-name}-#{$outline-prop} ), $outline-prop ));
|
|
5227
5668
|
|
|
5228
5669
|
$temp: k-map-deep-merge( $temp, (
|
|
5229
5670
|
#{$prefix}outline: $outline
|
|
@@ -5250,6 +5691,18 @@ $kendo-palettes: (
|
|
|
5250
5691
|
@return $result;
|
|
5251
5692
|
}
|
|
5252
5693
|
|
|
5694
|
+
@function k-hex-to-rgb( $color ) {
|
|
5695
|
+
@if($color) {
|
|
5696
|
+
$r: k-color-red($color);
|
|
5697
|
+
$g: k-color-green($color);
|
|
5698
|
+
$b: k-color-blue($color);
|
|
5699
|
+
|
|
5700
|
+
@return $r, $g, $b;
|
|
5701
|
+
} @else {
|
|
5702
|
+
@return null;
|
|
5703
|
+
}
|
|
5704
|
+
}
|
|
5705
|
+
|
|
5253
5706
|
// #endregion
|
|
5254
5707
|
// #region @import "./_mixins.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/color-system/_mixins.import.scss
|
|
5255
5708
|
@mixin k-css-vars($map) {
|
|
@@ -5261,204 +5714,294 @@ $kendo-palettes: (
|
|
|
5261
5714
|
}
|
|
5262
5715
|
|
|
5263
5716
|
// #endregion
|
|
5264
|
-
// #region @import "./
|
|
5265
|
-
//
|
|
5266
|
-
|
|
5267
|
-
|
|
5268
|
-
/// Note: you cannot change this value.
|
|
5269
|
-
/// @type Color
|
|
5270
|
-
/// @group color-system
|
|
5271
|
-
$kendo-color-white: #ffffff; // stylelint-disable-line scss/dollar-variable-default
|
|
5272
|
-
|
|
5273
|
-
/// The color black.
|
|
5274
|
-
/// Note: you cannot change this value.
|
|
5275
|
-
/// @type Color
|
|
5276
|
-
/// @group color-system
|
|
5277
|
-
$kendo-color-black: #000000; // stylelint-disable-line scss/dollar-variable-default
|
|
5717
|
+
// #region @import "./_swatch.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/color-system/_swatch.scss
|
|
5718
|
+
// #region @import "./_functions.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/color-system/_functions.import.scss
|
|
5719
|
+
// File already imported_once. Skipping output.
|
|
5720
|
+
// #endregion
|
|
5278
5721
|
|
|
5279
|
-
|
|
5280
|
-
|
|
5281
|
-
/// @type Color
|
|
5282
|
-
/// @group color-system
|
|
5283
|
-
$kendo-color-rgba-transparent: rgba( 0, 0, 0, 0 ); // stylelint-disable-line scss/dollar-variable-default
|
|
5722
|
+
// Config
|
|
5723
|
+
$kendo-enable-color-system: false !default;
|
|
5284
5724
|
|
|
5285
|
-
|
|
5286
|
-
|
|
5287
|
-
|
|
5288
|
-
|
|
5289
|
-
|
|
5725
|
+
// Colors
|
|
5726
|
+
$_default-colors: (
|
|
5727
|
+
// Misc
|
|
5728
|
+
app-surface: null,
|
|
5729
|
+
on-app-surface: null,
|
|
5730
|
+
subtle: null,
|
|
5731
|
+
surface: null,
|
|
5732
|
+
surface-alt: null,
|
|
5733
|
+
border: null,
|
|
5734
|
+
border-alt: null,
|
|
5735
|
+
// Base
|
|
5736
|
+
base-subtle: null,
|
|
5737
|
+
base-subtle-hover: null,
|
|
5738
|
+
base-subtle-active: null,
|
|
5739
|
+
base: null,
|
|
5740
|
+
base-hover: null,
|
|
5741
|
+
base-active: null,
|
|
5742
|
+
base-emphasis: null,
|
|
5743
|
+
base-on-subtle: null,
|
|
5744
|
+
on-base: null,
|
|
5745
|
+
base-on-surface: null,
|
|
5746
|
+
// Primary
|
|
5747
|
+
primary-subtle: null,
|
|
5748
|
+
primary-subtle-hover: null,
|
|
5749
|
+
primary-subtle-active: null,
|
|
5750
|
+
primary: null,
|
|
5751
|
+
primary-hover: null,
|
|
5752
|
+
primary-active: null,
|
|
5753
|
+
primary-emphasis: null,
|
|
5754
|
+
primary-on-subtle: null,
|
|
5755
|
+
on-primary: null,
|
|
5756
|
+
primary-on-surface: null,
|
|
5757
|
+
// Secondary
|
|
5758
|
+
secondary-subtle: null,
|
|
5759
|
+
secondary-subtle-hover: null,
|
|
5760
|
+
secondary-subtle-active: null,
|
|
5761
|
+
secondary: null,
|
|
5762
|
+
secondary-hover: null,
|
|
5763
|
+
secondary-active: null,
|
|
5764
|
+
secondary-emphasis: null,
|
|
5765
|
+
secondary-on-subtle: null,
|
|
5766
|
+
on-secondary: null,
|
|
5767
|
+
secondary-on-surface: null,
|
|
5768
|
+
// Tertiary
|
|
5769
|
+
tertiary-subtle: null,
|
|
5770
|
+
tertiary-subtle-hover: null,
|
|
5771
|
+
tertiary-subtle-active: null,
|
|
5772
|
+
tertiary: null,
|
|
5773
|
+
tertiary-hover: null,
|
|
5774
|
+
tertiary-active: null,
|
|
5775
|
+
tertiary-emphasis: null,
|
|
5776
|
+
tertiary-on-subtle: null,
|
|
5777
|
+
on-tertiary: null,
|
|
5778
|
+
tertiary-on-surface: null,
|
|
5779
|
+
// Info
|
|
5780
|
+
info-subtle: null,
|
|
5781
|
+
info-subtle-hover: null,
|
|
5782
|
+
info-subtle-active: null,
|
|
5783
|
+
info: null,
|
|
5784
|
+
info-hover: null,
|
|
5785
|
+
info-active: null,
|
|
5786
|
+
info-emphasis: null,
|
|
5787
|
+
info-on-subtle: null,
|
|
5788
|
+
on-info: null,
|
|
5789
|
+
info-on-surface: null,
|
|
5790
|
+
// Success
|
|
5791
|
+
success-subtle: null,
|
|
5792
|
+
success-subtle-hover: null,
|
|
5793
|
+
success-subtle-active: null,
|
|
5794
|
+
success: null,
|
|
5795
|
+
success-hover: null,
|
|
5796
|
+
success-active: null,
|
|
5797
|
+
success-emphasis: null,
|
|
5798
|
+
success-on-subtle: null,
|
|
5799
|
+
on-success: null,
|
|
5800
|
+
success-on-surface: null,
|
|
5801
|
+
// Warning
|
|
5802
|
+
warning-subtle: null,
|
|
5803
|
+
warning-subtle-hover: null,
|
|
5804
|
+
warning-subtle-active: null,
|
|
5805
|
+
warning: null,
|
|
5806
|
+
warning-hover: null,
|
|
5807
|
+
warning-active: null,
|
|
5808
|
+
warning-emphasis: null,
|
|
5809
|
+
warning-on-subtle: null,
|
|
5810
|
+
on-warning: null,
|
|
5811
|
+
warning-on-surface: null,
|
|
5812
|
+
// Error
|
|
5813
|
+
error-subtle: null,
|
|
5814
|
+
error-subtle-hover: null,
|
|
5815
|
+
error-subtle-active: null,
|
|
5816
|
+
error: null,
|
|
5817
|
+
error-hover: null,
|
|
5818
|
+
error-active: null,
|
|
5819
|
+
error-emphasis: null,
|
|
5820
|
+
error-on-subtle: null,
|
|
5821
|
+
on-error: null,
|
|
5822
|
+
error-on-surface: null,
|
|
5823
|
+
// Light
|
|
5824
|
+
light-subtle: null,
|
|
5825
|
+
light-subtle-hover: null,
|
|
5826
|
+
light-subtle-active: null,
|
|
5827
|
+
light: null,
|
|
5828
|
+
light-hover: null,
|
|
5829
|
+
light-active: null,
|
|
5830
|
+
light-emphasis: null,
|
|
5831
|
+
light-on-subtle: null,
|
|
5832
|
+
on-light: null,
|
|
5833
|
+
light-on-surface: null,
|
|
5834
|
+
// Dark
|
|
5835
|
+
dark-subtle: null,
|
|
5836
|
+
dark-subtle-hover: null,
|
|
5837
|
+
dark-subtle-active: null,
|
|
5838
|
+
dark: null,
|
|
5839
|
+
dark-hover: null,
|
|
5840
|
+
dark-active: null,
|
|
5841
|
+
dark-emphasis: null,
|
|
5842
|
+
dark-on-subtle: null,
|
|
5843
|
+
on-dark: null,
|
|
5844
|
+
dark-on-surface: null,
|
|
5845
|
+
// Inverse
|
|
5846
|
+
inverse-subtle: null,
|
|
5847
|
+
inverse-subtle-hover: null,
|
|
5848
|
+
inverse-subtle-active: null,
|
|
5849
|
+
inverse: null,
|
|
5850
|
+
inverse-hover: null,
|
|
5851
|
+
inverse-active: null,
|
|
5852
|
+
inverse-emphasis: null,
|
|
5853
|
+
inverse-on-subtle: null,
|
|
5854
|
+
on-inverse: null,
|
|
5855
|
+
inverse-on-surface: null,
|
|
5856
|
+
// Series A
|
|
5857
|
+
series-a: null,
|
|
5858
|
+
series-a-bold: null,
|
|
5859
|
+
series-a-bolder: null,
|
|
5860
|
+
series-a-subtle: null,
|
|
5861
|
+
series-a-subtler: null,
|
|
5862
|
+
// Series B
|
|
5863
|
+
series-b: null,
|
|
5864
|
+
series-b-bold: null,
|
|
5865
|
+
series-b-bolder: null,
|
|
5866
|
+
series-b-subtle: null,
|
|
5867
|
+
series-b-subtler: null,
|
|
5868
|
+
// Series C
|
|
5869
|
+
series-c: null,
|
|
5870
|
+
series-c-bold: null,
|
|
5871
|
+
series-c-bolder: null,
|
|
5872
|
+
series-c-subtle: null,
|
|
5873
|
+
series-c-subtler: null,
|
|
5874
|
+
// Series D
|
|
5875
|
+
series-d: null,
|
|
5876
|
+
series-d-bold: null,
|
|
5877
|
+
series-d-bolder: null,
|
|
5878
|
+
series-d-subtle: null,
|
|
5879
|
+
series-d-subtler: null,
|
|
5880
|
+
// Series Е
|
|
5881
|
+
series-e: null,
|
|
5882
|
+
series-e-bold: null,
|
|
5883
|
+
series-e-bolder: null,
|
|
5884
|
+
series-e-subtle: null,
|
|
5885
|
+
series-e-subtler: null,
|
|
5886
|
+
// Series F
|
|
5887
|
+
series-f: null,
|
|
5888
|
+
series-f-bold: null,
|
|
5889
|
+
series-f-bolder: null,
|
|
5890
|
+
series-f-subtle: null,
|
|
5891
|
+
series-f-subtler: null,
|
|
5892
|
+
) !default;
|
|
5290
5893
|
|
|
5291
|
-
///
|
|
5292
|
-
/// Note: you cannot change this value.
|
|
5293
|
-
/// @type Gradient
|
|
5894
|
+
/// The global default Colors map.
|
|
5294
5895
|
/// @group color-system
|
|
5295
|
-
$kendo-
|
|
5896
|
+
$kendo-colors: $_default-colors !default;
|
|
5897
|
+
$kendo-colors: k-map-merge($_default-colors, $kendo-colors);
|
|
5296
5898
|
|
|
5297
|
-
|
|
5298
|
-
|
|
5299
|
-
/// @type Gradient
|
|
5300
|
-
/// @group color-system
|
|
5301
|
-
$kendo-gradient-black-to-transparent: black, rgba( black, 0 ); // stylelint-disable-line scss/dollar-variable-default
|
|
5899
|
+
@function k-color($key, $rgb: false) {
|
|
5900
|
+
$_color: k-map-get($kendo-colors, $key);
|
|
5302
5901
|
|
|
5303
|
-
|
|
5304
|
-
|
|
5305
|
-
|
|
5306
|
-
|
|
5307
|
-
|
|
5902
|
+
@if ($_color) {
|
|
5903
|
+
@if ($rgb) {
|
|
5904
|
+
@return var(--kendo-color-#{$key}-rgb, k-hex-to-rgb($_color));
|
|
5905
|
+
} @else {
|
|
5906
|
+
@return var(--kendo-color-#{$key}, $_color);
|
|
5907
|
+
}
|
|
5908
|
+
} @else {
|
|
5909
|
+
@error "Color Variable \`#{$key}\` does not exists in the color collection.";
|
|
5910
|
+
}
|
|
5911
|
+
}
|
|
5308
5912
|
|
|
5309
|
-
|
|
5310
|
-
|
|
5311
|
-
|
|
5312
|
-
|
|
5313
|
-
|
|
5913
|
+
@mixin color-system--styles() {
|
|
5914
|
+
:root {
|
|
5915
|
+
@each $key, $value in $kendo-colors {
|
|
5916
|
+
@if($value) {
|
|
5917
|
+
--kendo-color-#{$key}: #{$value};
|
|
5918
|
+
--kendo-color-#{$key}-rgb: #{k-hex-to-rgb($value)};
|
|
5919
|
+
}
|
|
5920
|
+
}
|
|
5921
|
+
}
|
|
5922
|
+
}
|
|
5314
5923
|
|
|
5924
|
+
// #endregion
|
|
5925
|
+
// #region @import "./_constants.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/color-system/_constants.scss
|
|
5926
|
+
// File already imported_once. Skipping output.
|
|
5927
|
+
// #endregion
|
|
5928
|
+
// #region @import "./_swatch-legacy.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/color-system/_swatch-legacy.scss
|
|
5929
|
+
$kendo-is-dark-theme: false !default;
|
|
5315
5930
|
|
|
5316
5931
|
// Root styles
|
|
5317
|
-
$kendo-body-bg:
|
|
5318
|
-
$kendo-body-text:
|
|
5932
|
+
$kendo-body-bg: null !default;
|
|
5933
|
+
$kendo-body-text: null !default;
|
|
5319
5934
|
|
|
5320
5935
|
// Component styles
|
|
5321
|
-
$kendo-component-bg:
|
|
5322
|
-
$kendo-component-text:
|
|
5323
|
-
$kendo-component-border:
|
|
5936
|
+
$kendo-component-bg: null !default;
|
|
5937
|
+
$kendo-component-text: null !default;
|
|
5938
|
+
$kendo-component-border: null !default;
|
|
5324
5939
|
|
|
5325
5940
|
// States styles
|
|
5326
|
-
$kendo-hover-bg:
|
|
5327
|
-
$kendo-hover-text:
|
|
5328
|
-
$kendo-hover-border:
|
|
5941
|
+
$kendo-hover-bg: null !default;
|
|
5942
|
+
$kendo-hover-text: null !default;
|
|
5943
|
+
$kendo-hover-border: null !default;
|
|
5329
5944
|
|
|
5330
|
-
$kendo-selected-bg:
|
|
5331
|
-
$kendo-selected-text:
|
|
5332
|
-
$kendo-selected-border:
|
|
5945
|
+
$kendo-selected-bg: null !default;
|
|
5946
|
+
$kendo-selected-text: null !default;
|
|
5947
|
+
$kendo-selected-border: null !default;
|
|
5333
5948
|
|
|
5334
|
-
$kendo-selected-hover-bg:
|
|
5335
|
-
$kendo-selected-hover-text:
|
|
5336
|
-
$kendo-selected-hover-border:
|
|
5949
|
+
$kendo-selected-hover-bg: null !default;
|
|
5950
|
+
$kendo-selected-hover-text: null !default;
|
|
5951
|
+
$kendo-selected-hover-border: null !default;
|
|
5337
5952
|
|
|
5338
|
-
$kendo-focus-outline:
|
|
5953
|
+
$kendo-focus-outline: null !default;
|
|
5339
5954
|
|
|
5340
|
-
$kendo-subtle-text:
|
|
5955
|
+
$kendo-subtle-text: null !default;
|
|
5341
5956
|
|
|
5342
5957
|
// Link
|
|
5343
|
-
$kendo-link-text:
|
|
5344
|
-
$kendo-link-hover-text:
|
|
5958
|
+
$kendo-link-text: null !default;
|
|
5959
|
+
$kendo-link-hover-text: null !default;
|
|
5345
5960
|
|
|
5346
5961
|
// Validator
|
|
5347
|
-
$kendo-invalid-bg:
|
|
5348
|
-
$kendo-invalid-text:
|
|
5349
|
-
$kendo-invalid-border:
|
|
5962
|
+
$kendo-invalid-bg: null !default;
|
|
5963
|
+
$kendo-invalid-text: null !default;
|
|
5964
|
+
$kendo-invalid-border: null !default;
|
|
5350
5965
|
$kendo-invalid-shadow: null !default;
|
|
5351
5966
|
|
|
5352
|
-
$kendo-valid-bg: initial !default;
|
|
5353
|
-
$kendo-valid-text: k-get-theme-color-var( success-190 ) !default;
|
|
5354
|
-
$kendo-valid-border: k-get-theme-color-var( success-190 ) !default;
|
|
5355
|
-
$kendo-valid-shadow: null !default;
|
|
5356
|
-
|
|
5357
5967
|
// Disabled Styling
|
|
5358
|
-
$kendo-disabled-bg:
|
|
5359
|
-
$kendo-disabled-text:
|
|
5360
|
-
$kendo-disabled-border:
|
|
5968
|
+
$kendo-disabled-bg: null !default;
|
|
5969
|
+
$kendo-disabled-text: null !default;
|
|
5970
|
+
$kendo-disabled-border: null !default;
|
|
5361
5971
|
|
|
5362
5972
|
// Loading
|
|
5363
|
-
$kendo-loading-bg:
|
|
5364
|
-
$kendo-loading-text:
|
|
5365
|
-
|
|
5366
|
-
|
|
5367
|
-
// Theme colors
|
|
5368
|
-
$kendo-theme-colors: (
|
|
5369
|
-
primary: (
|
|
5370
|
-
text: k-get-theme-color-var( primary-130 ),
|
|
5371
|
-
bg: k-get-theme-color-var( primary-20 ),
|
|
5372
|
-
border: k-get-theme-color-var( primary-20 )
|
|
5373
|
-
),
|
|
5374
|
-
info: (
|
|
5375
|
-
text: k-get-theme-color-var( info-190 ),
|
|
5376
|
-
bg: k-get-theme-color-var( info-20 ),
|
|
5377
|
-
border: k-get-theme-color-var( info-20 )
|
|
5378
|
-
),
|
|
5379
|
-
success: (
|
|
5380
|
-
text: k-get-theme-color-var( success-190 ),
|
|
5381
|
-
bg: k-get-theme-color-var( success-20 ),
|
|
5382
|
-
border: k-get-theme-color-var( success-20 )
|
|
5383
|
-
),
|
|
5384
|
-
warning: (
|
|
5385
|
-
text: k-get-theme-color-var( neutral-160 ),
|
|
5386
|
-
bg: k-get-theme-color-var( warning-20 ),
|
|
5387
|
-
border: k-get-theme-color-var( warning-20 )
|
|
5388
|
-
),
|
|
5389
|
-
error: (
|
|
5390
|
-
text: k-get-theme-color-var( error-190 ),
|
|
5391
|
-
bg: k-get-theme-color-var( error-20 ),
|
|
5392
|
-
border: k-get-theme-color-var( error-20 )
|
|
5393
|
-
)
|
|
5394
|
-
) !default;
|
|
5973
|
+
$kendo-loading-bg: null !default;
|
|
5974
|
+
$kendo-loading-text: null !default;
|
|
5395
5975
|
|
|
5976
|
+
$kendo-palettes: () !default;
|
|
5977
|
+
$kendo-theme-colors: () !default;
|
|
5396
5978
|
|
|
5397
5979
|
@mixin color-system-styles() {
|
|
5398
5980
|
:root {
|
|
5399
|
-
@include k-css-vars(
|
|
5400
|
-
@include k-css-vars(
|
|
5401
|
-
|
|
5402
|
-
--kendo-body-bg: #{$kendo-body-bg};
|
|
5403
|
-
--kendo-body-text: #{$kendo-body-text};
|
|
5404
|
-
|
|
5405
|
-
--kendo-component-bg: #{$kendo-component-bg};
|
|
5406
|
-
--kendo-component-text: #{$kendo-component-text};
|
|
5407
|
-
--kendo-component-border: #{$kendo-component-border};
|
|
5408
|
-
|
|
5409
|
-
--kendo-link-text: #{$kendo-link-text};
|
|
5410
|
-
--kendo-link-hover-text: #{$kendo-link-hover-text};
|
|
5411
|
-
|
|
5412
|
-
--kendo-disabled-bg: #{$kendo-disabled-bg};
|
|
5413
|
-
--kendo-disabled-text: #{$kendo-disabled-text};
|
|
5414
|
-
--kendo-disabled-border: #{$kendo-disabled-border};
|
|
5415
|
-
|
|
5416
|
-
--kendo-hover-bg: #{$kendo-hover-bg};
|
|
5417
|
-
--kendo-hover-text: #{$kendo-hover-text};
|
|
5418
|
-
--kendo-hover-border: #{$kendo-hover-border};
|
|
5419
|
-
|
|
5420
|
-
--kendo-selected-bg: #{$kendo-selected-bg};
|
|
5421
|
-
--kendo-selected-text: #{$kendo-selected-text};
|
|
5422
|
-
--kendo-selected-border: #{$kendo-selected-border};
|
|
5423
|
-
|
|
5424
|
-
--kendo-selected-hover-bg: #{$kendo-selected-hover-bg};
|
|
5425
|
-
--kendo-selected-hover-text: #{$kendo-selected-hover-text};
|
|
5426
|
-
--kendo-selected-hover-border: #{$kendo-selected-hover-border};
|
|
5981
|
+
@include k-css-vars($kendo-palettes);
|
|
5982
|
+
@include k-css-vars($kendo-theme-colors);
|
|
5427
5983
|
|
|
5428
|
-
|
|
5984
|
+
// Text colors
|
|
5985
|
+
@each $theme-color, $color-props in $kendo-theme-colors {
|
|
5986
|
+
$_color: k-map-get($color-props, text);
|
|
5429
5987
|
|
|
5430
|
-
|
|
5431
|
-
|
|
5432
|
-
|
|
5433
|
-
|
|
5434
|
-
|
|
5435
|
-
|
|
5436
|
-
|
|
5437
|
-
|
|
5438
|
-
--kendo-border-radius-md: #{$kendo-border-radius-md};
|
|
5439
|
-
--kendo-border-radius-lg: #{$kendo-border-radius-lg};
|
|
5440
|
-
}
|
|
5441
|
-
|
|
5442
|
-
// Text colors
|
|
5443
|
-
@each $theme-color, $color-props in $kendo-theme-colors {
|
|
5444
|
-
$_color: k-map-get( $color-props, text );
|
|
5445
|
-
|
|
5446
|
-
.k-text-#{$theme-color},
|
|
5447
|
-
.k-color-#{$theme-color} {
|
|
5448
|
-
color: var( --kendo-text-#{$theme-color}, #{$_color} );
|
|
5449
|
-
}
|
|
5450
|
-
.\!k-text-#{$theme-color},
|
|
5451
|
-
.\!k-color-#{$theme-color} {
|
|
5452
|
-
color: var( --kendo-text-#{$theme-color}, #{$_color} ) !important; // stylelint-disable-line declaration-no-important
|
|
5453
|
-
}
|
|
5988
|
+
.k-text-#{$theme-color},
|
|
5989
|
+
.k-color-#{$theme-color} {
|
|
5990
|
+
color: var(--kendo-text-#{$theme-color}, #{$_color});
|
|
5991
|
+
}
|
|
5992
|
+
.\!k-text-#{$theme-color},
|
|
5993
|
+
.\!k-color-#{$theme-color} {
|
|
5994
|
+
color: var(--kendo-text-#{$theme-color}, #{$_color}) !important; // stylelint-disable-line declaration-no-important
|
|
5995
|
+
}
|
|
5454
5996
|
|
|
5455
|
-
|
|
5456
|
-
|
|
5457
|
-
|
|
5458
|
-
|
|
5459
|
-
|
|
5997
|
+
.k-bg-#{$theme-color} {
|
|
5998
|
+
background-color: var(--kendo-bg-#{$theme-color}, #{$_color});
|
|
5999
|
+
}
|
|
6000
|
+
.\!k-bg-#{$theme-color} {
|
|
6001
|
+
background-color: var(--kendo-bg-#{$theme-color}, #{$_color}) !important; // stylelint-disable-line declaration-no-important
|
|
6002
|
+
}
|
|
5460
6003
|
}
|
|
5461
|
-
}
|
|
6004
|
+
}
|
|
5462
6005
|
}
|
|
5463
6006
|
|
|
5464
6007
|
// #endregion
|
|
@@ -6861,9 +7404,17 @@ $_imported: () !default;
|
|
|
6861
7404
|
}
|
|
6862
7405
|
}
|
|
6863
7406
|
// #endregion
|
|
7407
|
+
// #region @import "./_colors.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/styles/_colors.scss
|
|
7408
|
+
@mixin kendo-core--styles--colors() {
|
|
7409
|
+
@if ($kendo-enable-color-system) {
|
|
7410
|
+
@include color-system--styles();
|
|
7411
|
+
}
|
|
7412
|
+
}
|
|
6864
7413
|
|
|
7414
|
+
// #endregion
|
|
6865
7415
|
|
|
6866
7416
|
@mixin kendo-core--styles() {
|
|
7417
|
+
@include kendo-core--styles--colors();
|
|
6867
7418
|
@include kendo-core--styles--accessibility();
|
|
6868
7419
|
@include kendo-core--styles--asp-fallback();
|
|
6869
7420
|
@include kendo-core--styles--layout();
|
|
@@ -7033,6 +7584,77 @@ $kendo-zindex-loading: 100 !default;
|
|
|
7033
7584
|
|
|
7034
7585
|
// #endregion
|
|
7035
7586
|
|
|
7587
|
+
// Backward compatibility
|
|
7588
|
+
// #region @import "./color-system/_swatch-legacy.scss"; -> scss/core/color-system/_swatch-legacy.scss
|
|
7589
|
+
@if ($kendo-enable-color-system) {
|
|
7590
|
+
$input-bg: k-color( app-surface );
|
|
7591
|
+
$input-color: k-color( on-app-surface );
|
|
7592
|
+
$input-border-color: k-color( border-alt );
|
|
7593
|
+
$input-placeholder-color: k-color( subtle );
|
|
7594
|
+
$kendo-color-primary: k-color( primary );
|
|
7595
|
+
$kendo-color-primary-contrast: k-color( on-primary );
|
|
7596
|
+
$kendo-color-secondary: k-color( secondary );
|
|
7597
|
+
$kendo-color-tertiary: k-color( tertiary );
|
|
7598
|
+
$kendo-color-info: k-color( info );
|
|
7599
|
+
$kendo-color-success: k-color( success );
|
|
7600
|
+
$kendo-color-warning: k-color( warning );
|
|
7601
|
+
$kendo-color-error: k-color( error );
|
|
7602
|
+
$kendo-color-dark: k-color( dark );
|
|
7603
|
+
$kendo-color-light: k-color( light );
|
|
7604
|
+
$kendo-color-inverse: $kendo-color-dark;
|
|
7605
|
+
$kendo-body-bg: k-color( app-surface );
|
|
7606
|
+
$kendo-body-text: k-color( on-app-surface );
|
|
7607
|
+
$kendo-subtle-text: k-color( subtle );
|
|
7608
|
+
$kendo-app-bg: k-color( surface );
|
|
7609
|
+
$kendo-app-text: $kendo-body-text;
|
|
7610
|
+
$kendo-app-border: k-color( border );
|
|
7611
|
+
$kendo-link-text: $kendo-color-primary;
|
|
7612
|
+
$kendo-link-hover-text: k-color( primary-hover );
|
|
7613
|
+
$kendo-component-bg: $kendo-body-bg;
|
|
7614
|
+
$kendo-component-text: $kendo-body-text;
|
|
7615
|
+
$kendo-component-border: $kendo-app-border;
|
|
7616
|
+
$kendo-base-bg: k-color( surface );
|
|
7617
|
+
$kendo-base-text: $kendo-body-text;
|
|
7618
|
+
$kendo-base-border: $kendo-app-border;
|
|
7619
|
+
$kendo-base-gradient: null;
|
|
7620
|
+
$kendo-hover-bg: k-color( base-subtle-hover );
|
|
7621
|
+
$kendo-hover-text: $kendo-base-text;
|
|
7622
|
+
$kendo-hover-border: $kendo-base-border;
|
|
7623
|
+
$kendo-hover-gradient: null;
|
|
7624
|
+
$kendo-selected-bg: $kendo-color-primary;
|
|
7625
|
+
$kendo-selected-text: $kendo-color-primary-contrast;
|
|
7626
|
+
$kendo-selected-border: k-color( primary );
|
|
7627
|
+
$kendo-selected-gradient: $kendo-base-gradient;
|
|
7628
|
+
$kendo-selected-hover-bg: k-color( primary-hover );
|
|
7629
|
+
$kendo-selected-hover-text: $kendo-selected-text;
|
|
7630
|
+
$kendo-selected-hover-border: $kendo-base-border;
|
|
7631
|
+
$kendo-selected-hover-gradient: $kendo-base-gradient;
|
|
7632
|
+
$kendo-disabled-text: k-color( on-app-surface );
|
|
7633
|
+
$kendo-component-header-bg: $kendo-base-bg;
|
|
7634
|
+
$kendo-component-header-text: $kendo-component-text;
|
|
7635
|
+
$kendo-component-header-border: $kendo-component-border;
|
|
7636
|
+
$kendo-component-header-gradient: null;
|
|
7637
|
+
$kendo-invalid-bg: null;
|
|
7638
|
+
$kendo-invalid-text: $kendo-color-error;
|
|
7639
|
+
$kendo-invalid-border: $kendo-color-error;
|
|
7640
|
+
$kendo-invalid-shadow: 0 0 0 .25rem rgba( k-color( error, true ), .25 );
|
|
7641
|
+
|
|
7642
|
+
$kendo-theme-colors: (
|
|
7643
|
+
"primary": $kendo-color-primary,
|
|
7644
|
+
"secondary": $kendo-color-secondary,
|
|
7645
|
+
"tertiary": $kendo-color-tertiary,
|
|
7646
|
+
"info": $kendo-color-info,
|
|
7647
|
+
"success": $kendo-color-success,
|
|
7648
|
+
"warning": $kendo-color-warning,
|
|
7649
|
+
"error": $kendo-color-error,
|
|
7650
|
+
"dark": $kendo-color-dark,
|
|
7651
|
+
"light": $kendo-color-light,
|
|
7652
|
+
"inverse": $kendo-color-inverse,
|
|
7653
|
+
);
|
|
7654
|
+
}
|
|
7655
|
+
|
|
7656
|
+
// #endregion
|
|
7657
|
+
|
|
7036
7658
|
// Expose
|
|
7037
7659
|
@include exports("kendo-core-styles") {
|
|
7038
7660
|
@include kendo-core--styles();
|
|
@@ -16838,11 +17460,19 @@ $kendo-message-box-link-text-decoration: underline !default;
|
|
|
16838
17460
|
|
|
16839
17461
|
@each $color-name, $color in $kendo-theme-colors {
|
|
16840
17462
|
.k-messagebox-#{$color-name} {
|
|
16841
|
-
@
|
|
16842
|
-
|
|
16843
|
-
|
|
16844
|
-
|
|
16845
|
-
|
|
17463
|
+
@if $color-name == "inverse" {
|
|
17464
|
+
@include fill(
|
|
17465
|
+
if($kendo-enable-color-system, k-color( dark-on-subtle ), k-color-level( $color, $kendo-message-box-text-level )),
|
|
17466
|
+
if($kendo-enable-color-system, k-color( dark-subtle ), k-color-level( $color, $kendo-message-box-bg-level )),
|
|
17467
|
+
if($kendo-enable-color-system, k-color( dark-hover ), k-color-level( $color, $kendo-message-box-border-level ))
|
|
17468
|
+
);
|
|
17469
|
+
} @else {
|
|
17470
|
+
@include fill(
|
|
17471
|
+
if($kendo-enable-color-system, k-color( #{$color-name}-on-subtle ), k-color-level( $color, $kendo-message-box-text-level )),
|
|
17472
|
+
if($kendo-enable-color-system, k-color( #{$color-name}-subtle ), k-color-level( $color, $kendo-message-box-bg-level )),
|
|
17473
|
+
if($kendo-enable-color-system, k-color( #{$color-name}-emphasis ), k-color-level( $color, $kendo-message-box-border-level ))
|
|
17474
|
+
);
|
|
17475
|
+
}
|
|
16846
17476
|
}
|
|
16847
17477
|
}
|
|
16848
17478
|
|
|
@@ -17394,7 +18024,7 @@ $kendo-list-item-focus-bg: null !default;
|
|
|
17394
18024
|
$kendo-list-item-focus-text: null !default;
|
|
17395
18025
|
/// The box shadow of the focused List items.
|
|
17396
18026
|
/// @group list
|
|
17397
|
-
$kendo-list-item-focus-shadow: inset 0 0 0 3px rgba( $kendo-list-text, .15 ) !default;
|
|
18027
|
+
$kendo-list-item-focus-shadow: inset 0 0 0 3px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .15 ), rgba( $kendo-list-text, .15 )) !default;
|
|
17398
18028
|
|
|
17399
18029
|
/// The background color of the selected List items.
|
|
17400
18030
|
/// @group list
|
|
@@ -17490,7 +18120,7 @@ $kendo-checkbox-bg: $kendo-component-bg !default;
|
|
|
17490
18120
|
$kendo-checkbox-text: null !default;
|
|
17491
18121
|
/// The border color of CheckBox.
|
|
17492
18122
|
/// @group checkbox
|
|
17493
|
-
$kendo-checkbox-border: if( k-is-light( $kendo-checkbox-bg ), $gray-400, $gray-600 ) !default;
|
|
18123
|
+
$kendo-checkbox-border: if($kendo-enable-color-system, k-color( border-alt ), if( k-is-light( $kendo-checkbox-bg ), $gray-400, $gray-600 )) !default;
|
|
17494
18124
|
|
|
17495
18125
|
/// The background color of the hovered CheckBox.
|
|
17496
18126
|
/// @group checkbox
|
|
@@ -17507,7 +18137,7 @@ $kendo-checkbox-hover-border: null !default;
|
|
|
17507
18137
|
$kendo-checkbox-checked-bg: $kendo-color-primary !default;
|
|
17508
18138
|
/// The color of the checked CheckBox.
|
|
17509
18139
|
/// @group checkbox
|
|
17510
|
-
$kendo-checkbox-checked-text: k-contrast-color( $kendo-checkbox-checked-bg ) !default;
|
|
18140
|
+
$kendo-checkbox-checked-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-checkbox-checked-bg )) !default;
|
|
17511
18141
|
/// The border color of the checked CheckBox.
|
|
17512
18142
|
/// @group checkbox
|
|
17513
18143
|
$kendo-checkbox-checked-border: $kendo-checkbox-checked-bg !default;
|
|
@@ -17524,10 +18154,10 @@ $kendo-checkbox-indeterminate-border: $kendo-checkbox-checked-border !default;
|
|
|
17524
18154
|
|
|
17525
18155
|
/// The border color of the focused CheckBox.
|
|
17526
18156
|
/// @group checkbox
|
|
17527
|
-
$kendo-checkbox-focus-border: k-try-tint( $kendo-color-primary, 50% ) !default;
|
|
18157
|
+
$kendo-checkbox-focus-border: if($kendo-enable-color-system, k-color( primary-emphasis ), k-try-tint( $kendo-color-primary, 50% )) !default;
|
|
17528
18158
|
/// The box shadow of the focused CheckBox.
|
|
17529
18159
|
/// @group checkbox
|
|
17530
|
-
$kendo-checkbox-focus-shadow: 0 0 0 .25rem rgba( $kendo-color-primary, .25 ) !default;
|
|
18160
|
+
$kendo-checkbox-focus-shadow: 0 0 0 .25rem if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-color-primary, .25 )) !default;
|
|
17531
18161
|
/// The border color of the focused and checked CheckBox.
|
|
17532
18162
|
/// @group checkbox
|
|
17533
18163
|
$kendo-checkbox-focus-checked-border: $kendo-checkbox-checked-border !default;
|
|
@@ -18346,7 +18976,7 @@ $kendo-checkbox-ripple-opacity: .25 !default;
|
|
|
18346
18976
|
&.k-selected:hover,
|
|
18347
18977
|
&.k-selected.k-hover {
|
|
18348
18978
|
color: $kendo-list-item-selected-text;
|
|
18349
|
-
background-color: k-color-shade( $kendo-list-item-selected-bg );
|
|
18979
|
+
background-color: if($kendo-enable-color-system, k-color( primary-hover ), k-color-shade( $kendo-list-item-selected-bg ));
|
|
18350
18980
|
}
|
|
18351
18981
|
}
|
|
18352
18982
|
|
|
@@ -19303,7 +19933,7 @@ $kendo-table-group-row-border: $kendo-table-header-border !default;
|
|
|
19303
19933
|
|
|
19304
19934
|
/// Background color of alternating rows in table.
|
|
19305
19935
|
/// @group table
|
|
19306
|
-
$kendo-table-alt-row-bg: rgba( k-contrast-color( $kendo-table-bg ), .04 ) !default;
|
|
19936
|
+
$kendo-table-alt-row-bg: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .05 ), rgba( k-contrast-color( $kendo-table-bg ), .04 )) !default;
|
|
19307
19937
|
/// Text color of alternating rows in table.
|
|
19308
19938
|
/// @group table
|
|
19309
19939
|
$kendo-table-alt-row-text: null !default;
|
|
@@ -19314,7 +19944,7 @@ $kendo-table-alt-row-border: null !default;
|
|
|
19314
19944
|
|
|
19315
19945
|
/// Background color of hovered rows in table.
|
|
19316
19946
|
/// @group table
|
|
19317
|
-
$kendo-table-hover-bg: rgba( k-contrast-color( $kendo-table-bg ), .08 ) !default;
|
|
19947
|
+
$kendo-table-hover-bg: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .09 ), rgba( k-contrast-color( $kendo-table-bg ), .08 )) !default;
|
|
19318
19948
|
/// Text color of hovered rows in table.
|
|
19319
19949
|
/// @group table
|
|
19320
19950
|
$kendo-table-hover-text: null !default;
|
|
@@ -19339,7 +19969,7 @@ $kendo-table-focus-shadow: inset 0 0 0 2px rgba( $kendo-color-black, .08) !defau
|
|
|
19339
19969
|
|
|
19340
19970
|
/// Background color of selected rows in table.
|
|
19341
19971
|
/// @group table
|
|
19342
|
-
$kendo-table-selected-bg: rgba( $kendo-selected-bg, .25 ) !default;
|
|
19972
|
+
$kendo-table-selected-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 )) !default;
|
|
19343
19973
|
/// Text color of selected rows in table.
|
|
19344
19974
|
/// @group table
|
|
19345
19975
|
$kendo-table-selected-text: $kendo-table-text !default;
|
|
@@ -20043,7 +20673,7 @@ $kendo-avatar-theme-colors: $kendo-theme-colors !default;
|
|
|
20043
20673
|
@each $name, $color in $kendo-avatar-theme-colors {
|
|
20044
20674
|
.k-avatar-solid-#{$name} {
|
|
20045
20675
|
border-color: $color;
|
|
20046
|
-
color: k-contrast-legacy( $color );
|
|
20676
|
+
color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color ));
|
|
20047
20677
|
background-color: $color;
|
|
20048
20678
|
}
|
|
20049
20679
|
}
|
|
@@ -20396,7 +21026,7 @@ $kendo-badge-sizes: (
|
|
|
20396
21026
|
@each $name, $color in $kendo-theme-colors {
|
|
20397
21027
|
.k-badge-solid-#{$name} {
|
|
20398
21028
|
border-color: $color;
|
|
20399
|
-
color: k-contrast-legacy( $color );
|
|
21029
|
+
color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color ));
|
|
20400
21030
|
background-color: $color;
|
|
20401
21031
|
}
|
|
20402
21032
|
}
|
|
@@ -20585,15 +21215,15 @@ $kendo-button-sizes: (
|
|
|
20585
21215
|
/// @group button
|
|
20586
21216
|
$kendo-button-theme-colors: k-map-merge(
|
|
20587
21217
|
$kendo-theme-colors,
|
|
20588
|
-
( "base": #e4e7eb )
|
|
21218
|
+
( "base": if($kendo-enable-color-system, k-color( base ), #e4e7eb) )
|
|
20589
21219
|
) !default;
|
|
20590
21220
|
|
|
20591
21221
|
/// The base background of the Button.
|
|
20592
21222
|
/// @group button
|
|
20593
|
-
$kendo-button-bg: #e4e7eb !default;
|
|
21223
|
+
$kendo-button-bg: if($kendo-enable-color-system, k-color( base ), #e4e7eb) !default;
|
|
20594
21224
|
/// The base text color of the Button.
|
|
20595
21225
|
/// @group button
|
|
20596
|
-
$kendo-button-text: k-contrast-color( $kendo-button-bg, $gray-900 ) !default;
|
|
21226
|
+
$kendo-button-text: if($kendo-enable-color-system, k-color( on-base ), k-contrast-color( $kendo-button-bg, $gray-900 )) !default;
|
|
20597
21227
|
/// The base border color of the Button.
|
|
20598
21228
|
/// @group button
|
|
20599
21229
|
$kendo-button-border: $kendo-button-bg !default;
|
|
@@ -20606,13 +21236,13 @@ $kendo-button-shadow: null !default;
|
|
|
20606
21236
|
|
|
20607
21237
|
/// The base background of the hovered Button.
|
|
20608
21238
|
/// @group button
|
|
20609
|
-
$kendo-button-hover-bg: k-color-darken( $kendo-button-bg, 7.5% ) !default;
|
|
21239
|
+
$kendo-button-hover-bg: if($kendo-enable-color-system, k-color( base-hover ), k-color-darken( $kendo-button-bg, 7.5% )) !default;
|
|
20610
21240
|
/// The base text color of the hovered Button.
|
|
20611
21241
|
/// @group button
|
|
20612
21242
|
$kendo-button-hover-text: null !default;
|
|
20613
21243
|
/// The base border color of the hovered Button.
|
|
20614
21244
|
/// @group button
|
|
20615
|
-
$kendo-button-hover-border: k-color-darken( $kendo-button-bg, 10% ) !default;
|
|
21245
|
+
$kendo-button-hover-border: if($kendo-enable-color-system, k-color( base-hover ), k-color-darken( $kendo-button-bg, 10% )) !default;
|
|
20616
21246
|
/// The base background gradient of the hovered Button.
|
|
20617
21247
|
/// @group button
|
|
20618
21248
|
$kendo-button-hover-gradient: null !default;
|
|
@@ -20622,13 +21252,13 @@ $kendo-button-hover-shadow: null !default;
|
|
|
20622
21252
|
|
|
20623
21253
|
/// The base background color of the active Button.
|
|
20624
21254
|
/// @group button
|
|
20625
|
-
$kendo-button-active-bg: k-color-darken( $kendo-button-bg, 10% ) !default;
|
|
21255
|
+
$kendo-button-active-bg: if($kendo-enable-color-system, k-color( base-active ), k-color-darken( $kendo-button-bg, 10% )) !default;
|
|
20626
21256
|
/// The base text color of the active Button.
|
|
20627
21257
|
/// @group button
|
|
20628
21258
|
$kendo-button-active-text: null !default;
|
|
20629
21259
|
/// The base border color of the active Button.
|
|
20630
21260
|
/// @group button
|
|
20631
|
-
$kendo-button-active-border: k-color-darken( $kendo-button-bg, 12.5% ) !default;
|
|
21261
|
+
$kendo-button-active-border: if($kendo-enable-color-system, k-color( base-active ), k-color-darken( $kendo-button-bg, 12.5% )) !default;
|
|
20632
21262
|
/// The base background gradient of the active Button.
|
|
20633
21263
|
/// @group button
|
|
20634
21264
|
$kendo-button-active-gradient: null !default;
|
|
@@ -20638,13 +21268,13 @@ $kendo-button-active-shadow: null !default;
|
|
|
20638
21268
|
|
|
20639
21269
|
/// The base background color of the selected Button.
|
|
20640
21270
|
/// @group button
|
|
20641
|
-
$kendo-button-selected-bg: k-color-darken( $kendo-color-primary, 10% ) !default;
|
|
21271
|
+
$kendo-button-selected-bg: if($kendo-enable-color-system, k-color( primary-active ), k-color-darken( $kendo-color-primary, 10% )) !default;
|
|
20642
21272
|
/// The text color of the selected Button.
|
|
20643
21273
|
/// @group button
|
|
20644
|
-
$kendo-button-selected-text: k-contrast-color( $kendo-button-selected-bg ) !default;
|
|
21274
|
+
$kendo-button-selected-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-button-selected-bg )) !default;
|
|
20645
21275
|
/// The border color of the selected Button.
|
|
20646
21276
|
/// @group button
|
|
20647
|
-
$kendo-button-selected-border: k-color-darken( $kendo-color-primary, 12.5% ) !default;
|
|
21277
|
+
$kendo-button-selected-border: if($kendo-enable-color-system, k-color( primary-active ), k-color-darken( $kendo-color-primary, 12.5% )) !default;
|
|
20648
21278
|
/// The background gradient of the selected Button.
|
|
20649
21279
|
/// @group button
|
|
20650
21280
|
$kendo-button-selected-gradient: $kendo-button-active-gradient !default;
|
|
@@ -20654,19 +21284,19 @@ $kendo-button-selected-shadow: $kendo-button-active-shadow !default;
|
|
|
20654
21284
|
|
|
20655
21285
|
/// The base background of the focused Button.
|
|
20656
21286
|
/// @group button
|
|
20657
|
-
$kendo-button-focus-bg: k-color-darken( $kendo-button-bg, 10% ) !default;
|
|
21287
|
+
$kendo-button-focus-bg: if($kendo-enable-color-system, k-color( base-active ), k-color-darken( $kendo-button-bg, 10% )) !default;
|
|
20658
21288
|
/// The base text color of the focused Button.
|
|
20659
21289
|
/// @group button
|
|
20660
21290
|
$kendo-button-focus-text: null !default;
|
|
20661
21291
|
/// The base border color of the focused Button.
|
|
20662
21292
|
/// @group button
|
|
20663
|
-
$kendo-button-focus-border: k-color-darken( $kendo-button-bg, 12.5% ) !default;
|
|
21293
|
+
$kendo-button-focus-border: if($kendo-enable-color-system, k-color( base-active ), k-color-darken( $kendo-button-bg, 12.5% )) !default;
|
|
20664
21294
|
/// The base background gradient of the focused Button.
|
|
20665
21295
|
/// @group button
|
|
20666
21296
|
$kendo-button-focus-gradient: null !default;
|
|
20667
21297
|
/// The base shadow of the focused Button.
|
|
20668
21298
|
/// @group button
|
|
20669
|
-
$kendo-button-focus-shadow: 0 0 0 .25rem rgba( $kendo-button-border, .5 ) !default;
|
|
21299
|
+
$kendo-button-focus-shadow: 0 0 0 .25rem if($kendo-enable-color-system, rgba( k-color( border, true ), .5), rgba( $kendo-button-border, .5 )) !default;
|
|
20670
21300
|
|
|
20671
21301
|
/// The base background of the disabled Button.
|
|
20672
21302
|
/// @group button
|
|
@@ -20897,7 +21527,7 @@ $kendo-chip-outline-shadow: 0 0 0 2px rgba( $kendo-chip-base-bg, .16 ) !default;
|
|
|
20897
21527
|
$kendo-chip-outline-hover-bg: $kendo-chip-outline-text !default;
|
|
20898
21528
|
/// The base text color of the hovered outline Chip.
|
|
20899
21529
|
/// @group chip
|
|
20900
|
-
$kendo-chip-outline-hover-text: k-contrast-color( $kendo-chip-outline-hover-bg ) !default;
|
|
21530
|
+
$kendo-chip-outline-hover-text: if($kendo-enable-color-system, k-color( base-subtle ), k-contrast-color( $kendo-chip-outline-hover-bg )) !default;
|
|
20901
21531
|
|
|
20902
21532
|
/// The base background color of the selected outline Chip.
|
|
20903
21533
|
/// @group chip
|
|
@@ -21126,24 +21756,24 @@ $kendo-chip-list-sizes: (
|
|
|
21126
21756
|
}
|
|
21127
21757
|
} @else {
|
|
21128
21758
|
@include fill(
|
|
21129
|
-
k-try-shade( $color, 65% ),
|
|
21130
|
-
k-try-tint( $color, 80% ),
|
|
21131
|
-
k-try-tint( $color, 25% ),
|
|
21759
|
+
if($kendo-enable-color-system, k-color( #{$name}-on-subtle ), k-try-shade( $color, 65% )),
|
|
21760
|
+
if($kendo-enable-color-system, k-color( #{$name}-subtle ), k-try-tint( $color, 80% )),
|
|
21761
|
+
if($kendo-enable-color-system, k-color( #{$name}-emphasis ), k-try-tint( $color, 25% )),
|
|
21132
21762
|
$kendo-chip-solid-gradient
|
|
21133
21763
|
);
|
|
21134
21764
|
|
|
21135
21765
|
&:focus,
|
|
21136
21766
|
&.k-focus {
|
|
21137
|
-
@include focus-indicator( 0 0 0 2px rgba( $color, .16 ) );
|
|
21767
|
+
@include focus-indicator( 0 0 0 2px if($kendo-enable-color-system, rgba( k-color( $name, true ), .16 ), rgba( $color, .16 )) );
|
|
21138
21768
|
}
|
|
21139
21769
|
|
|
21140
21770
|
&:hover,
|
|
21141
21771
|
&.k-hover {
|
|
21142
|
-
@include fill( $bg: k-try-tint($color, 65% ) );
|
|
21772
|
+
@include fill( $bg: if($kendo-enable-color-system, k-color( #{$name}-subtle-hover ), k-try-tint($color, 65% )) );
|
|
21143
21773
|
}
|
|
21144
21774
|
|
|
21145
21775
|
&.k-selected {
|
|
21146
|
-
@include fill( $bg: k-try-tint( $color, 50% ) );
|
|
21776
|
+
@include fill( $bg: if($kendo-enable-color-system, k-color( #{$name}-subtle-active ), k-try-tint( $color, 50% )) );
|
|
21147
21777
|
}
|
|
21148
21778
|
}
|
|
21149
21779
|
}
|
|
@@ -21181,54 +21811,56 @@ $kendo-chip-list-sizes: (
|
|
|
21181
21811
|
}
|
|
21182
21812
|
} @else if ($name == "warning") {
|
|
21183
21813
|
@include fill(
|
|
21184
|
-
if( $kendo-is-dark-theme, k-color-tint($color, 25%), $kendo-chip-outline-text),
|
|
21185
|
-
if( $kendo-is-dark-theme, $kendo-color-black, $kendo-color-white ),
|
|
21186
|
-
if( $kendo-is-dark-theme, k-color-tint($color, 25%), $color)
|
|
21814
|
+
if($kendo-enable-color-system, $kendo-chip-outline-text, if( $kendo-is-dark-theme, k-color-tint($color, 25%), $kendo-chip-outline-text)),
|
|
21815
|
+
if($kendo-enable-color-system, k-color( app-surface ), if( $kendo-is-dark-theme, $kendo-color-black, $kendo-color-white )),
|
|
21816
|
+
if($kendo-enable-color-system, $color, if( $kendo-is-dark-theme, k-color-tint($color, 25%), $color))
|
|
21187
21817
|
);
|
|
21188
21818
|
|
|
21189
21819
|
&:focus,
|
|
21190
21820
|
&.k-focus {
|
|
21191
|
-
@include focus-indicator( 0 0 0 2px if( $kendo-is-dark-theme, rgba( k-color-tint( $color, 50% ), .32 ), rgba( $color, .16 )) );
|
|
21821
|
+
@include focus-indicator( 0 0 0 2px if($kendo-enable-color-system, rgba( k-color( $name, true ), .16 ), if( $kendo-is-dark-theme, rgba( k-color-tint( $color, 50% ), .32 ), rgba( $color, .16 ))) );
|
|
21192
21822
|
}
|
|
21193
21823
|
|
|
21194
21824
|
&:hover,
|
|
21195
21825
|
&.k-hover {
|
|
21196
21826
|
@include fill(
|
|
21197
|
-
$color: if( $kendo-is-dark-theme, k-contrast-legacy( $color ), k-try-shade( $color, 80% ) )
|
|
21198
|
-
$bg: if( $kendo-is-dark-theme, k-color-tint($color, 25%), $color)
|
|
21827
|
+
$color: if($kendo-enable-color-system, k-color( on-#{$name} ), if( $kendo-is-dark-theme, k-contrast-legacy( $color ), k-try-shade( $color, 80% ) )),
|
|
21828
|
+
$bg: if($kendo-enable-color-system, $color, if( $kendo-is-dark-theme, k-color-tint($color, 25%), $color))
|
|
21199
21829
|
);
|
|
21200
21830
|
}
|
|
21201
21831
|
|
|
21202
21832
|
&.k-selected {
|
|
21203
21833
|
@include fill(
|
|
21204
|
-
$color: if( $kendo-is-dark-theme, k-contrast-legacy( $color ), k-try-shade( $color, 80% ) )
|
|
21205
|
-
$bg: if( $kendo-is-dark-theme, k-color-tint($color, 25%), $color)
|
|
21834
|
+
$color: if($kendo-enable-color-system, k-color( on-#{$name} ), if( $kendo-is-dark-theme, k-contrast-legacy( $color ), k-try-shade( $color, 80% ) )),
|
|
21835
|
+
$bg: if($kendo-enable-color-system, $color, if( $kendo-is-dark-theme, k-color-tint($color, 25%), $color))
|
|
21206
21836
|
);
|
|
21207
21837
|
}
|
|
21208
21838
|
} @else {
|
|
21209
21839
|
@include fill(
|
|
21210
|
-
k-try-shade( $color, 25% ),
|
|
21211
|
-
if( $kendo-is-dark-theme, $kendo-color-black, $kendo-color-white ),
|
|
21212
|
-
k-try-shade( $color, 25% )
|
|
21840
|
+
if($kendo-enable-color-system, k-color( #{$name}-on-surface ), k-try-shade( $color, 25% )),
|
|
21841
|
+
if($kendo-enable-color-system, k-color( app-surface ), if( $kendo-is-dark-theme, $kendo-color-black, $kendo-color-white )),
|
|
21842
|
+
if($kendo-enable-color-system, k-color( #{$name}-on-surface ), k-try-shade( $color, 25% ))
|
|
21213
21843
|
);
|
|
21214
21844
|
|
|
21215
21845
|
&:focus,
|
|
21216
21846
|
&.k-focus {
|
|
21217
|
-
@include focus-indicator( 0 0 0 2px if( $kendo-is-dark-theme, rgba( k-color-tint( $color, 50% ), .32 ), rgba( $color, .16 )) );
|
|
21847
|
+
@include focus-indicator( 0 0 0 2px if($kendo-enable-color-system, rgba( k-color( $name, true ), .16 ), if( $kendo-is-dark-theme, rgba( k-color-tint( $color, 50% ), .32 ), rgba( $color, .16 ))) );
|
|
21218
21848
|
}
|
|
21219
21849
|
|
|
21220
21850
|
&:hover,
|
|
21221
21851
|
&.k-hover {
|
|
21222
21852
|
@include fill(
|
|
21223
|
-
$color
|
|
21224
|
-
$
|
|
21853
|
+
if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( k-try-shade( $color, 25% ) )),
|
|
21854
|
+
if($kendo-enable-color-system, k-color( #{$name}-hover ), k-try-shade( $color, 25% )),
|
|
21855
|
+
if($kendo-enable-color-system, k-color( #{$name}-hover ), k-try-shade( $color, 25% ))
|
|
21225
21856
|
);
|
|
21226
21857
|
}
|
|
21227
21858
|
|
|
21228
21859
|
&.k-selected {
|
|
21229
21860
|
@include fill(
|
|
21230
|
-
$color
|
|
21231
|
-
$
|
|
21861
|
+
if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( k-try-shade( $color, 25% ) )),
|
|
21862
|
+
if($kendo-enable-color-system, k-color( #{$name}-active ), k-try-shade( $color, 25% )),
|
|
21863
|
+
if($kendo-enable-color-system, k-color( #{$name}-active ), k-try-shade( $color, 25% ))
|
|
21232
21864
|
);
|
|
21233
21865
|
}
|
|
21234
21866
|
}
|
|
@@ -21253,16 +21885,17 @@ $kendo-chip-list-sizes: (
|
|
|
21253
21885
|
|
|
21254
21886
|
@if ($name == "info") {
|
|
21255
21887
|
@include fill (
|
|
21256
|
-
$color: if( $kendo-is-dark-theme, k-color-tint($color, 25%), $kendo-chip-outline-text),
|
|
21257
|
-
$border: if( $kendo-is-dark-theme, k-color-tint($color, 25%), $color)
|
|
21888
|
+
$color: if($kendo-enable-color-system, $kendo-chip-outline-text, if( $kendo-is-dark-theme, k-color-tint($color, 25%), $kendo-chip-outline-text)),
|
|
21889
|
+
$border: if($kendo-enable-color-system, $color, if( $kendo-is-dark-theme, k-color-tint($color, 25%), $color))
|
|
21258
21890
|
);
|
|
21259
21891
|
|
|
21260
21892
|
&:hover,
|
|
21261
21893
|
&.k-hover,
|
|
21262
21894
|
&.k-selected {
|
|
21263
21895
|
@include fill(
|
|
21264
|
-
$color
|
|
21265
|
-
$
|
|
21896
|
+
if($kendo-enable-color-system, $kendo-chip-outline-text, if( $kendo-is-dark-theme, k-contrast-color($color), $kendo-chip-outline-text)),
|
|
21897
|
+
$color,
|
|
21898
|
+
$color
|
|
21266
21899
|
);
|
|
21267
21900
|
}
|
|
21268
21901
|
|
|
@@ -22275,7 +22908,7 @@ $kendo-skeleton-circle-border-radius: 9999px !default;
|
|
|
22275
22908
|
|
|
22276
22909
|
/// The background color of the Skeleton item.
|
|
22277
22910
|
/// @group skeleton
|
|
22278
|
-
$kendo-skeleton-item-bg: rgba( $kendo-color-inverse, .2 ) !default;
|
|
22911
|
+
$kendo-skeleton-item-bg: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .2 ), rgba( $kendo-color-inverse, .2 )) !default;
|
|
22279
22912
|
/// The background color of the Skeleton wave animation.
|
|
22280
22913
|
/// @group skeleton
|
|
22281
22914
|
$kendo-skeleton-wave-bg: rgba( black, .04 ) !default;
|
|
@@ -22966,17 +23599,17 @@ $_kendo-module-meta: (
|
|
|
22966
23599
|
|
|
22967
23600
|
@each $name, $color in $kendo-button-theme-colors {
|
|
22968
23601
|
@if ($name != "base") {
|
|
22969
|
-
$_button-text: k-contrast-legacy( $color );
|
|
22970
|
-
$_button-bg: if( $kendo-solid-button-shade-bg-amount, k-meta-call( $_shade-fn, $color, $kendo-solid-button-shade-bg-amount ), null );
|
|
22971
|
-
$_button-border: if( $kendo-solid-button-shade-border-amount, k-meta-call( $_shade-fn, $color, $kendo-solid-button-shade-border-amount ), null );
|
|
23602
|
+
$_button-text: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color ));
|
|
23603
|
+
$_button-bg: if($kendo-enable-color-system, k-color( $name ), if( $kendo-solid-button-shade-bg-amount, k-meta-call( $_shade-fn, $color, $kendo-solid-button-shade-bg-amount ), null ));
|
|
23604
|
+
$_button-border: if($kendo-enable-color-system, k-color( $name ), if( $kendo-solid-button-shade-border-amount, k-meta-call( $_shade-fn, $color, $kendo-solid-button-shade-border-amount ), null ));
|
|
22972
23605
|
|
|
22973
23606
|
$_button-hover-text: null;
|
|
22974
|
-
$_button-hover-bg: if( $kendo-solid-button-hover-shade-bg-amount, k-meta-call( $_shade-fn, $color, $kendo-solid-button-hover-shade-bg-amount ), null );
|
|
22975
|
-
$_button-hover-border: if( $kendo-solid-button-hover-shade-border-amount, k-meta-call( $_shade-fn, $color, $kendo-solid-button-hover-shade-border-amount ), null );
|
|
23607
|
+
$_button-hover-bg: if($kendo-enable-color-system, k-color( #{$name}-hover ), if( $kendo-solid-button-hover-shade-bg-amount, k-meta-call( $_shade-fn, $color, $kendo-solid-button-hover-shade-bg-amount ), null ));
|
|
23608
|
+
$_button-hover-border: if($kendo-enable-color-system, k-color( #{$name}-hover ), if( $kendo-solid-button-hover-shade-border-amount, k-meta-call( $_shade-fn, $color, $kendo-solid-button-hover-shade-border-amount ), null ));
|
|
22976
23609
|
|
|
22977
23610
|
$_button-active-text: null;
|
|
22978
|
-
$_button-active-bg: if( $kendo-solid-button-active-shade-bg-amount, k-meta-call( $_shade-fn, $color, $kendo-solid-button-active-shade-bg-amount ), null );
|
|
22979
|
-
$_button-active-border: if( $kendo-solid-button-active-shade-border-amount, k-meta-call( $_shade-fn, $color, $kendo-solid-button-active-shade-border-amount ), null );
|
|
23611
|
+
$_button-active-bg: if($kendo-enable-color-system, k-color( #{$name}-active ), if( $kendo-solid-button-active-shade-bg-amount, k-meta-call( $_shade-fn, $color, $kendo-solid-button-active-shade-bg-amount ), null ));
|
|
23612
|
+
$_button-active-border: if($kendo-enable-color-system, k-color( #{$name}-active ), if( $kendo-solid-button-active-shade-border-amount, k-meta-call( $_shade-fn, $color, $kendo-solid-button-active-shade-border-amount ), null ));
|
|
22980
23613
|
|
|
22981
23614
|
.k-button-solid-#{$name} {
|
|
22982
23615
|
@include fill(
|
|
@@ -23000,7 +23633,7 @@ $_kendo-module-meta: (
|
|
|
23000
23633
|
&:focus,
|
|
23001
23634
|
&.k-focus {
|
|
23002
23635
|
@if ( $kendo-solid-button-shadow ) {
|
|
23003
|
-
@include focus-indicator( 0 0 $kendo-solid-button-shadow-blur $kendo-solid-button-shadow-spread rgba( $_button-border, $kendo-solid-button-shadow-opacity ), true, true );
|
|
23636
|
+
@include focus-indicator( 0 0 $kendo-solid-button-shadow-blur $kendo-solid-button-shadow-spread if($kendo-enable-color-system, rgba( k-color( $name, true ), $kendo-solid-button-shadow-opacity ), rgba( $_button-border, $kendo-solid-button-shadow-opacity )), true, true );
|
|
23004
23637
|
}
|
|
23005
23638
|
}
|
|
23006
23639
|
|
|
@@ -23044,44 +23677,72 @@ $_kendo-module-meta: (
|
|
|
23044
23677
|
.k-button-outline-#{$name} {
|
|
23045
23678
|
@include box-shadow( none );
|
|
23046
23679
|
border-color: currentColor;
|
|
23047
|
-
color: $color;
|
|
23680
|
+
color: if($kendo-enable-color-system, k-color( #{$name}-on-surface ), $color);
|
|
23048
23681
|
background-color: transparent;
|
|
23049
23682
|
|
|
23050
23683
|
// Hover state
|
|
23051
23684
|
&:hover,
|
|
23052
23685
|
&.k-hover {
|
|
23053
|
-
@
|
|
23054
|
-
|
|
23055
|
-
|
|
23056
|
-
|
|
23057
|
-
|
|
23686
|
+
@if $name == "base" {
|
|
23687
|
+
@include fill(
|
|
23688
|
+
if($kendo-enable-color-system, $kendo-base-bg, k-contrast-legacy( $color )),
|
|
23689
|
+
$color,
|
|
23690
|
+
$color
|
|
23691
|
+
);
|
|
23692
|
+
} @else {
|
|
23693
|
+
@include fill(
|
|
23694
|
+
if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color )),
|
|
23695
|
+
$color,
|
|
23696
|
+
$color
|
|
23697
|
+
);
|
|
23698
|
+
}
|
|
23058
23699
|
}
|
|
23059
23700
|
|
|
23060
23701
|
// Focus state
|
|
23061
23702
|
&:focus,
|
|
23062
23703
|
&.k-focus {
|
|
23063
23704
|
@if $kendo-outline-button-shadow {
|
|
23064
|
-
@
|
|
23705
|
+
@if $name == "base" {
|
|
23706
|
+
@include focus-indicator( 0 0 $kendo-outline-button-shadow-blur $kendo-outline-button-shadow-spread if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), $kendo-outline-button-shadow-opacity ), rgba( $color, $kendo-outline-button-shadow-opacity )), true, true );
|
|
23707
|
+
} @else {
|
|
23708
|
+
@include focus-indicator( 0 0 $kendo-outline-button-shadow-blur $kendo-outline-button-shadow-spread if($kendo-enable-color-system, rgba( k-color( $name, true ), $kendo-outline-button-shadow-opacity ), rgba( $color, $kendo-outline-button-shadow-opacity )), true, true );
|
|
23709
|
+
}
|
|
23065
23710
|
}
|
|
23066
23711
|
}
|
|
23067
23712
|
|
|
23068
23713
|
// Active state
|
|
23069
23714
|
&:active,
|
|
23070
23715
|
&.k-active {
|
|
23071
|
-
@
|
|
23072
|
-
|
|
23073
|
-
|
|
23074
|
-
|
|
23075
|
-
|
|
23716
|
+
@if $name == "base" {
|
|
23717
|
+
@include fill(
|
|
23718
|
+
if($kendo-enable-color-system, $kendo-base-bg, k-contrast-legacy( $color )),
|
|
23719
|
+
$color,
|
|
23720
|
+
$color
|
|
23721
|
+
);
|
|
23722
|
+
} @else {
|
|
23723
|
+
@include fill(
|
|
23724
|
+
if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color )),
|
|
23725
|
+
$color,
|
|
23726
|
+
$color
|
|
23727
|
+
);
|
|
23728
|
+
}
|
|
23076
23729
|
}
|
|
23077
23730
|
|
|
23078
23731
|
// Selected
|
|
23079
23732
|
&.k-selected {
|
|
23080
|
-
@
|
|
23081
|
-
|
|
23082
|
-
|
|
23083
|
-
|
|
23084
|
-
|
|
23733
|
+
@if $name == "base" {
|
|
23734
|
+
@include fill(
|
|
23735
|
+
if($kendo-enable-color-system, $kendo-base-bg, k-contrast-legacy( $color )),
|
|
23736
|
+
$color,
|
|
23737
|
+
$color
|
|
23738
|
+
);
|
|
23739
|
+
} @else {
|
|
23740
|
+
@include fill(
|
|
23741
|
+
if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color )),
|
|
23742
|
+
$color,
|
|
23743
|
+
$color
|
|
23744
|
+
);
|
|
23745
|
+
}
|
|
23085
23746
|
}
|
|
23086
23747
|
|
|
23087
23748
|
// Disabled state
|
|
@@ -23115,26 +23776,42 @@ $_kendo-module-meta: (
|
|
|
23115
23776
|
// Hover
|
|
23116
23777
|
&:hover,
|
|
23117
23778
|
&.k-hover {
|
|
23118
|
-
|
|
23779
|
+
@if $name == "base" {
|
|
23780
|
+
color: if($kendo-enable-color-system, $kendo-base-text, k-try-shade( $color, 2 ));
|
|
23781
|
+
} @else {
|
|
23782
|
+
color: if($kendo-enable-color-system, k-color( #{$name}-hover ), k-try-shade( $color, 2 ));
|
|
23783
|
+
}
|
|
23119
23784
|
}
|
|
23120
23785
|
|
|
23121
23786
|
// Focus
|
|
23122
23787
|
&:focus,
|
|
23123
23788
|
&.k-focus {
|
|
23124
23789
|
@if ( $kendo-link-button-shadow ) {
|
|
23125
|
-
@
|
|
23790
|
+
@if $name == "base" {
|
|
23791
|
+
@include focus-indicator( 0 0 $kendo-link-button-shadow-blur $kendo-link-button-shadow-spread if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), $kendo-link-button-shadow-opacity ), rgba( $color, $kendo-link-button-shadow-opacity )), true, true );
|
|
23792
|
+
} @else {
|
|
23793
|
+
@include focus-indicator( 0 0 $kendo-link-button-shadow-blur $kendo-link-button-shadow-spread if($kendo-enable-color-system, rgba( k-color( $name, true ), $kendo-link-button-shadow-opacity ), rgba( $color, $kendo-link-button-shadow-opacity )), true, true );
|
|
23794
|
+
}
|
|
23126
23795
|
}
|
|
23127
23796
|
}
|
|
23128
23797
|
|
|
23129
23798
|
// Active
|
|
23130
23799
|
&:active,
|
|
23131
23800
|
&.k-active {
|
|
23132
|
-
|
|
23801
|
+
@if $name == "base" {
|
|
23802
|
+
color: if($kendo-enable-color-system, $kendo-base-text, k-try-shade( $color, 2 ));
|
|
23803
|
+
} @else {
|
|
23804
|
+
color: if($kendo-enable-color-system, k-color( #{$name}-active ), k-try-shade( $color, 2 ));
|
|
23805
|
+
}
|
|
23133
23806
|
}
|
|
23134
23807
|
|
|
23135
23808
|
// Selected
|
|
23136
23809
|
&.k-selected {
|
|
23137
|
-
|
|
23810
|
+
@if $name == "base" {
|
|
23811
|
+
color: if($kendo-enable-color-system, $kendo-base-text, k-try-shade( $color, 2 ));
|
|
23812
|
+
} @else {
|
|
23813
|
+
color: if($kendo-enable-color-system, k-color( #{$name}-active ), k-try-shade( $color, 2 ));
|
|
23814
|
+
}
|
|
23138
23815
|
}
|
|
23139
23816
|
|
|
23140
23817
|
// Disabled state
|
|
@@ -23180,7 +23857,6 @@ $_kendo-module-meta: (
|
|
|
23180
23857
|
@mixin kendo-button--theme() {
|
|
23181
23858
|
@include kendo-button--theme-base();
|
|
23182
23859
|
}
|
|
23183
|
-
|
|
23184
23860
|
// #endregion
|
|
23185
23861
|
|
|
23186
23862
|
|
|
@@ -23272,31 +23948,31 @@ $kendo-menu-item-spacing: 0 !default;
|
|
|
23272
23948
|
$kendo-menu-item-icon-spacing: $kendo-icon-spacing !default;
|
|
23273
23949
|
|
|
23274
23950
|
$kendo-menu-item-bg: null !default;
|
|
23275
|
-
$kendo-menu-item-text: rgba( $kendo-menu-text, .5 ) !default;
|
|
23951
|
+
$kendo-menu-item-text: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .5 ), rgba( $kendo-menu-text, .5 )) !default;
|
|
23276
23952
|
$kendo-menu-item-border: null !default;
|
|
23277
23953
|
$kendo-menu-item-gradient: null !default;
|
|
23278
23954
|
|
|
23279
23955
|
$kendo-menu-item-hover-bg: null !default;
|
|
23280
|
-
$kendo-menu-item-hover-text: rgba( $kendo-menu-text, .7 ) !default;
|
|
23956
|
+
$kendo-menu-item-hover-text: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .7 ), rgba( $kendo-menu-text, .7 )) !default;
|
|
23281
23957
|
$kendo-menu-item-hover-border: null !default;
|
|
23282
23958
|
$kendo-menu-item-hover-gradient: null !default;
|
|
23283
23959
|
|
|
23284
23960
|
$kendo-menu-item-expanded-bg: null !default;
|
|
23285
|
-
$kendo-menu-item-expanded-text: rgba( $kendo-menu-text, .9 ) !default;
|
|
23961
|
+
$kendo-menu-item-expanded-text: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .9 ), rgba( $kendo-menu-text, .9 )) !default;
|
|
23286
23962
|
$kendo-menu-item-expanded-border: null !default;
|
|
23287
23963
|
$kendo-menu-item-expanded-gradient: null !default;
|
|
23288
23964
|
|
|
23289
|
-
$kendo-menu-item-focus-shadow: inset 0 0 0 3px rgba( $kendo-menu-text, .15 ) !default;
|
|
23965
|
+
$kendo-menu-item-focus-shadow: inset 0 0 0 3px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .15 ), rgba( $kendo-menu-text, .15 )) !default;
|
|
23290
23966
|
|
|
23291
23967
|
$kendo-menu-separator-spacing: k-map-get( $kendo-spacing, 1 ) !default;
|
|
23292
23968
|
|
|
23293
23969
|
$kendo-menu-scroll-button-bg: $kendo-menu-bg !default;
|
|
23294
|
-
$kendo-menu-scroll-button-text: rgba( $kendo-menu-text, .5 ) !default;
|
|
23970
|
+
$kendo-menu-scroll-button-text: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .5 ), rgba( $kendo-menu-text, .5 )) !default;
|
|
23295
23971
|
$kendo-menu-scroll-button-border: $kendo-menu-border !default;
|
|
23296
23972
|
$kendo-menu-scroll-button-gradient: null !default;
|
|
23297
23973
|
|
|
23298
23974
|
$kendo-menu-scroll-button-hover-bg: null !default;
|
|
23299
|
-
$kendo-menu-scroll-button-hover-text: rgba( $kendo-menu-text, .7 ) !default;
|
|
23975
|
+
$kendo-menu-scroll-button-hover-text: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .7 ), rgba( $kendo-menu-text, .7 )) !default;
|
|
23300
23976
|
$kendo-menu-scroll-button-hover-border: null !default;
|
|
23301
23977
|
$kendo-menu-scroll-button-hover-gradient: null !default;
|
|
23302
23978
|
|
|
@@ -24059,7 +24735,7 @@ $kendo-toolbar-input-width: 10em !default;
|
|
|
24059
24735
|
|
|
24060
24736
|
/// The box shadow of the focused Toolbar item.
|
|
24061
24737
|
/// @group toolbar
|
|
24062
|
-
$kendo-toolbar-item-shadow: 0 0 0 .25rem rgba( $kendo-color-primary, .25 ) !default;
|
|
24738
|
+
$kendo-toolbar-item-shadow: 0 0 0 .25rem if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-color-primary, .25 )) !default;
|
|
24063
24739
|
|
|
24064
24740
|
/// Border width of the flat Toolbar.
|
|
24065
24741
|
/// @group toolbar
|
|
@@ -24829,7 +25505,7 @@ $kendo-input-outline-bg: null !default;
|
|
|
24829
25505
|
$kendo-input-outline-text: $kendo-base-text !default;
|
|
24830
25506
|
/// The border color of the outline Input components.
|
|
24831
25507
|
/// @group input
|
|
24832
|
-
$kendo-input-outline-border: rgba( $kendo-base-text, .5 ) !default;
|
|
25508
|
+
$kendo-input-outline-border: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .5 ), rgba( $kendo-base-text, .5 )) !default;
|
|
24833
25509
|
|
|
24834
25510
|
/// The background color of the outline hovered Input components.
|
|
24835
25511
|
/// @group input
|
|
@@ -25027,14 +25703,14 @@ $kendo-picker-outline-bg: null !default;
|
|
|
25027
25703
|
$kendo-picker-outline-text: $kendo-button-text !default;
|
|
25028
25704
|
/// The border color of the outline Picker components.
|
|
25029
25705
|
/// @group picker
|
|
25030
|
-
$kendo-picker-outline-border: rgba( $kendo-picker-outline-text, .5 ) !default;
|
|
25706
|
+
$kendo-picker-outline-border: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .5 ), rgba( $kendo-picker-outline-text, .5 )) !default;
|
|
25031
25707
|
|
|
25032
25708
|
/// The background color of the outline hovered Picker components.
|
|
25033
25709
|
/// @group picker
|
|
25034
25710
|
$kendo-picker-outline-hover-bg: $kendo-picker-outline-text !default;
|
|
25035
25711
|
/// The text color of the outline hovered Picker components.
|
|
25036
25712
|
/// @group picker
|
|
25037
|
-
$kendo-picker-outline-hover-text: k-contrast-color( $kendo-picker-outline-hover-bg ) !default;
|
|
25713
|
+
$kendo-picker-outline-hover-text: if($kendo-enable-color-system, k-color( base-subtle ), k-contrast-color( $kendo-picker-outline-hover-bg )) !default;
|
|
25038
25714
|
/// The border color of the outline hovered Picker components.
|
|
25039
25715
|
/// @group picker
|
|
25040
25716
|
$kendo-picker-outline-hover-border: $kendo-picker-outline-hover-bg !default;
|
|
@@ -25074,7 +25750,7 @@ $kendo-picker-flat-border: $kendo-button-border !default;
|
|
|
25074
25750
|
|
|
25075
25751
|
/// The background color of the flat hovered Picker components.
|
|
25076
25752
|
/// @group picker
|
|
25077
|
-
$kendo-picker-flat-hover-bg: rgba( $kendo-button-text, .08 ) !default;
|
|
25753
|
+
$kendo-picker-flat-hover-bg: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .08 ), rgba( $kendo-button-text, .08 )) !default;
|
|
25078
25754
|
/// The text color of the flat hovered Picker components.
|
|
25079
25755
|
/// @group picker
|
|
25080
25756
|
$kendo-picker-flat-hover-text: null !default;
|
|
@@ -25146,10 +25822,10 @@ $kendo-tooltip-callout-size: $tooltip-arrow-height !default;
|
|
|
25146
25822
|
|
|
25147
25823
|
/// The default background of the Tooltip.
|
|
25148
25824
|
/// @group tooltip
|
|
25149
|
-
$kendo-tooltip-bg: if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ) !default;
|
|
25825
|
+
$kendo-tooltip-bg: if($kendo-enable-color-system, k-color( on-app-surface ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )) !default;
|
|
25150
25826
|
/// The default text color of the Tooltip.
|
|
25151
25827
|
/// @group tooltip
|
|
25152
|
-
$kendo-tooltip-text: k-contrast-color( $kendo-tooltip-bg ) !default;
|
|
25828
|
+
$kendo-tooltip-text: if($kendo-enable-color-system, k-color( app-surface ), k-contrast-color( $kendo-tooltip-bg )) !default;
|
|
25153
25829
|
/// The default border color of the Tooltip.
|
|
25154
25830
|
/// @group tooltip
|
|
25155
25831
|
$kendo-tooltip-border: $kendo-tooltip-bg !default;
|
|
@@ -25163,7 +25839,7 @@ $kendo-tooltip-shadow: k-elevation(2) !default;
|
|
|
25163
25839
|
|
|
25164
25840
|
@each $name, $color in $colors {
|
|
25165
25841
|
$_theme: k-map-merge(( $name: (
|
|
25166
|
-
color: k-contrast-legacy( $color ),
|
|
25842
|
+
color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color )),
|
|
25167
25843
|
background-color: $color,
|
|
25168
25844
|
border: $color,
|
|
25169
25845
|
)), $_theme );
|
|
@@ -25178,6 +25854,7 @@ $kendo-tooltip-theme-colors: $kendo-theme-colors !default;
|
|
|
25178
25854
|
/// The generated theme colors map for the Tooltip.
|
|
25179
25855
|
/// @group tooltip
|
|
25180
25856
|
$kendo-tooltip-theme: tooltip-theme( $kendo-tooltip-theme-colors ) !default;
|
|
25857
|
+
|
|
25181
25858
|
// #endregion
|
|
25182
25859
|
// #region @import "../typography/_variables.scss"; -> scss/typography/_variables.scss
|
|
25183
25860
|
// File already imported_once. Skipping output.
|
|
@@ -28960,7 +29637,7 @@ $kendo-circular-progressbar-scale-stroke: $kendo-progressbar-bg !default;
|
|
|
28960
29637
|
|
|
28961
29638
|
.k-progressbar-indeterminate {
|
|
28962
29639
|
@include fill( $kendo-progressbar-indeterminate-text, $kendo-progressbar-indeterminate-bg, $kendo-progressbar-indeterminate-border );
|
|
28963
|
-
@include striped-gradient( k-color-shade($kendo-progressbar-indeterminate-bg) );
|
|
29640
|
+
@include striped-gradient( if($kendo-enable-color-system, rgba( k-color( base-emphasis, true ), .55 ), k-color-shade($kendo-progressbar-indeterminate-bg)) );
|
|
28964
29641
|
background-size: $kendo-progressbar-height $kendo-progressbar-height;
|
|
28965
29642
|
animation: kendo-progressbar-indeterminate-animation $kendo-progressbar-animation-timing;
|
|
28966
29643
|
}
|
|
@@ -29657,21 +30334,21 @@ $kendo-slider-draghandle-active-scale: 1 !default;
|
|
|
29657
30334
|
$kendo-slider-draghandle-active-size: null !default;
|
|
29658
30335
|
|
|
29659
30336
|
$kendo-slider-draghandle-bg: $kendo-color-primary !default;
|
|
29660
|
-
$kendo-slider-draghandle-text: k-contrast-color( $kendo-color-primary ) !default;
|
|
30337
|
+
$kendo-slider-draghandle-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-color-primary )) !default;
|
|
29661
30338
|
$kendo-slider-draghandle-border: $kendo-color-primary !default;
|
|
29662
30339
|
$kendo-slider-draghandle-gradient: null !default;
|
|
29663
30340
|
|
|
29664
|
-
$kendo-slider-draghandle-hover-bg: k-try-darken( $kendo-color-primary, 7.5% ) !default;
|
|
29665
|
-
$kendo-slider-draghandle-hover-text: k-contrast-color( $kendo-color-primary ) !default;
|
|
29666
|
-
$kendo-slider-draghandle-hover-border: k-try-darken( $kendo-color-primary, 10% ) !default;
|
|
30341
|
+
$kendo-slider-draghandle-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-darken( $kendo-color-primary, 7.5% )) !default;
|
|
30342
|
+
$kendo-slider-draghandle-hover-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-color-primary )) !default;
|
|
30343
|
+
$kendo-slider-draghandle-hover-border: if($kendo-enable-color-system, k-color( primary-hover ), k-try-darken( $kendo-color-primary, 10% )) !default;
|
|
29667
30344
|
$kendo-slider-draghandle-hover-gradient: null !default;
|
|
29668
30345
|
|
|
29669
|
-
$kendo-slider-draghandle-pressed-bg: k-try-darken( $kendo-color-primary, 10% ) !default;
|
|
29670
|
-
$kendo-slider-draghandle-pressed-text: k-contrast-color( $kendo-color-primary ) !default;
|
|
29671
|
-
$kendo-slider-draghandle-pressed-border: k-try-darken( $kendo-color-primary, 12.5% ) !default;
|
|
30346
|
+
$kendo-slider-draghandle-pressed-bg: if($kendo-enable-color-system, k-color( primary-active ), k-try-darken( $kendo-color-primary, 10% )) !default;
|
|
30347
|
+
$kendo-slider-draghandle-pressed-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-color-primary )) !default;
|
|
30348
|
+
$kendo-slider-draghandle-pressed-border: if($kendo-enable-color-system, k-color( primary-active ), k-try-darken( $kendo-color-primary, 12.5% )) !default;
|
|
29672
30349
|
$kendo-slider-draghandle-pressed-gradient: null !default;
|
|
29673
30350
|
|
|
29674
|
-
$kendo-slider-draghandle-focus-shadow: 0 0 0 3px rgba( $kendo-color-primary, .5 ) !default;
|
|
30351
|
+
$kendo-slider-draghandle-focus-shadow: 0 0 0 3px if($kendo-enable-color-system, rgba( k-color( primary, true ), .5 ), rgba( $kendo-color-primary, .5 )) !default;
|
|
29675
30352
|
|
|
29676
30353
|
$kendo-slider-transition-speed: .3s !default;
|
|
29677
30354
|
$kendo-slider-transition-function: ease-out !default;
|
|
@@ -30335,7 +31012,7 @@ $kendo-calendar-cell-selected-hover-border: $kendo-selected-hover-border !defaul
|
|
|
30335
31012
|
$kendo-calendar-cell-selected-hover-gradient: null !default;
|
|
30336
31013
|
|
|
30337
31014
|
$kendo-calendar-cell-focus-shadow: inset $kendo-button-focus-shadow !default;
|
|
30338
|
-
$kendo-calendar-cell-selected-focus-shadow: inset 0 0 0 2px rgba( k-color-darken( $kendo-color-primary, 12.5% ), .5 ) !default;
|
|
31015
|
+
$kendo-calendar-cell-selected-focus-shadow: inset 0 0 0 2px if($kendo-enable-color-system, rgba( k-color( primary-active, true ), .5 ), rgba( k-color-darken( $kendo-color-primary, 12.5% ), .5 )) !default;
|
|
30339
31016
|
|
|
30340
31017
|
|
|
30341
31018
|
// Calendar navigation
|
|
@@ -31086,7 +31763,7 @@ $kendo-calendar-sizes: (
|
|
|
31086
31763
|
.k-calendar { // stylelint-disable-line
|
|
31087
31764
|
|
|
31088
31765
|
$kendo-calendar-range-gap: 1px !default;
|
|
31089
|
-
$kendo-calendar-range-bg: rgba( $kendo-calendar-cell-selected-bg, .25 );
|
|
31766
|
+
$kendo-calendar-range-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-calendar-cell-selected-bg, .25 ));
|
|
31090
31767
|
$kendo-calendar-range-split-size: 5px !default;
|
|
31091
31768
|
|
|
31092
31769
|
.k-range-start,
|
|
@@ -34692,7 +35369,7 @@ $kendo-treeview-item-selected-gradient: null !default;
|
|
|
34692
35369
|
|
|
34693
35370
|
/// The box shadow of focused TreeView items.
|
|
34694
35371
|
/// @group treeview
|
|
34695
|
-
$kendo-treeview-item-focus-shadow: inset 0 0 0 2px rgba( $kendo-treeview-text, .15 ) !default;
|
|
35372
|
+
$kendo-treeview-item-focus-shadow: inset 0 0 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .15 ), rgba( $kendo-treeview-text, .15 )) !default;
|
|
34696
35373
|
|
|
34697
35374
|
/// The background color of the Load More button in the TreeView.
|
|
34698
35375
|
/// @group treeview
|
|
@@ -35748,17 +36425,17 @@ $kendo-switch-off-track-focus-bg: null !default;
|
|
|
35748
36425
|
$kendo-switch-off-track-focus-text: null !default;
|
|
35749
36426
|
/// The border color of the track when the focused Switch is not checked.
|
|
35750
36427
|
/// @group switch
|
|
35751
|
-
$kendo-switch-off-track-focus-border: k-color-mix( $kendo-switch-off-track-bg, $kendo-color-primary ) !default;
|
|
36428
|
+
$kendo-switch-off-track-focus-border: if($kendo-enable-color-system, k-color( primary-emphasis ), k-color-mix( $kendo-switch-off-track-bg, $kendo-color-primary )) !default;
|
|
35752
36429
|
/// The background gradient of the track when the focused Switch is not checked.
|
|
35753
36430
|
/// @group switch
|
|
35754
36431
|
$kendo-switch-off-track-focus-gradient: null !default;
|
|
35755
36432
|
/// The ring around the track when the focused Switch is not checked.
|
|
35756
36433
|
/// @group switch
|
|
35757
|
-
$kendo-switch-off-track-focus-ring: .25rem solid rgba( $kendo-color-primary, .25 ) !default;
|
|
36434
|
+
$kendo-switch-off-track-focus-ring: .25rem solid if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-color-primary, .25 )) !default;
|
|
35758
36435
|
|
|
35759
36436
|
/// The background of the track when the disabled Switch is not checked.
|
|
35760
36437
|
/// @group switch
|
|
35761
|
-
$kendo-switch-off-track-disabled-bg: if( $kendo-is-dark-theme, $gray-800, $gray-200 ) !default;
|
|
36438
|
+
$kendo-switch-off-track-disabled-bg: if($kendo-enable-color-system, k-color( base-subtle ), if( $kendo-is-dark-theme, $gray-800, $gray-200 )) !default;
|
|
35762
36439
|
/// The text color of the track when the disabled Switch is not checked.
|
|
35763
36440
|
/// @group switch
|
|
35764
36441
|
$kendo-switch-off-track-disabled-text: null !default;
|
|
@@ -35836,11 +36513,11 @@ $kendo-switch-on-track-focus-border: null !default;
|
|
|
35836
36513
|
$kendo-switch-on-track-focus-gradient: null !default;
|
|
35837
36514
|
/// The ring around the track when the focused Switch is checked.
|
|
35838
36515
|
/// @group switch
|
|
35839
|
-
$kendo-switch-on-track-focus-ring: .25rem solid rgba( $kendo-switch-on-track-border, .25 ) !default;
|
|
36516
|
+
$kendo-switch-on-track-focus-ring: .25rem solid if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-switch-on-track-border, .25 )) !default;
|
|
35840
36517
|
|
|
35841
36518
|
/// The background of the track when the disabled Switch is checked.
|
|
35842
36519
|
/// @group switch
|
|
35843
|
-
$kendo-switch-on-track-disabled-bg: k-try-tint( $kendo-switch-on-track-bg, 50% ) !default;
|
|
36520
|
+
$kendo-switch-on-track-disabled-bg: if($kendo-enable-color-system, rgba( k-color( primary ), .5 ), k-try-tint( $kendo-switch-on-track-bg, 50% )) !default;
|
|
35844
36521
|
/// The text color of the track when the disabled Switch is checked.
|
|
35845
36522
|
/// @group switch
|
|
35846
36523
|
$kendo-switch-on-track-disabled-text: null !default;
|
|
@@ -35853,7 +36530,7 @@ $kendo-switch-on-track-disabled-gradient: null !default;
|
|
|
35853
36530
|
|
|
35854
36531
|
/// The background of the thumb when the Switch is checked.
|
|
35855
36532
|
/// @group switch
|
|
35856
|
-
$kendo-switch-on-thumb-bg: k-contrast-color( $kendo-switch-on-track-bg ) !default;
|
|
36533
|
+
$kendo-switch-on-thumb-bg: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-switch-on-track-bg )) !default;
|
|
35857
36534
|
/// The text color of the thumb when the Switch is checked.
|
|
35858
36535
|
/// @group switch
|
|
35859
36536
|
$kendo-switch-on-thumb-text: null !default;
|
|
@@ -36117,7 +36794,7 @@ $kendo-switch-on-thumb-hover-gradient: null !default;
|
|
|
36117
36794
|
$kendo-switch-off-track-focus-gradient
|
|
36118
36795
|
);
|
|
36119
36796
|
@if $kendo-enable-focus-contrast {
|
|
36120
|
-
@include box-shadow( 0 0 0 2px if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ) );
|
|
36797
|
+
@include box-shadow( 0 0 0 2px if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )) );
|
|
36121
36798
|
} @else {
|
|
36122
36799
|
outline: $kendo-switch-off-track-focus-ring;
|
|
36123
36800
|
}
|
|
@@ -36197,7 +36874,7 @@ $kendo-switch-on-thumb-hover-gradient: null !default;
|
|
|
36197
36874
|
$kendo-switch-on-track-focus-gradient
|
|
36198
36875
|
);
|
|
36199
36876
|
@if $kendo-enable-focus-contrast {
|
|
36200
|
-
@include box-shadow( 0 0 0 2px if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ) );
|
|
36877
|
+
@include box-shadow( 0 0 0 2px if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )) );
|
|
36201
36878
|
} @else {
|
|
36202
36879
|
outline: $kendo-switch-on-track-focus-ring;
|
|
36203
36880
|
}
|
|
@@ -36344,7 +37021,7 @@ $kendo-dropzone-line-height: $kendo-line-height-md !default;
|
|
|
36344
37021
|
|
|
36345
37022
|
/// The background color of the DropZone.
|
|
36346
37023
|
/// @group dropzone
|
|
36347
|
-
$kendo-dropzone-bg: if( k-is-light( $kendo-component-bg ), $gray-100, $gray-900 ) !default;
|
|
37024
|
+
$kendo-dropzone-bg: if($kendo-enable-color-system, k-color( surface ), if( k-is-light( $kendo-component-bg ), $gray-100, $gray-900 )) !default;
|
|
36348
37025
|
/// The text color of the DropZone.
|
|
36349
37026
|
/// @group dropzone
|
|
36350
37027
|
$kendo-dropzone-text: $kendo-component-text !default;
|
|
@@ -36357,7 +37034,7 @@ $kendo-dropzone-border: $kendo-component-border !default;
|
|
|
36357
37034
|
$kendo-dropzone-icon-spacing: k-map-get( $kendo-spacing, 6 ) !default;
|
|
36358
37035
|
/// The text color of the DropZone icon.
|
|
36359
37036
|
/// @group dropzone
|
|
36360
|
-
$kendo-dropzone-icon-text: k-try-tint( $kendo-dropzone-text, 8 ) !default;
|
|
37037
|
+
$kendo-dropzone-icon-text: if($kendo-enable-color-system, k-color( subtle ), k-try-tint( $kendo-dropzone-text, 8 )) !default;
|
|
36361
37038
|
/// The text color of the hovered DropZone icon.
|
|
36362
37039
|
/// @group dropzone
|
|
36363
37040
|
$kendo-dropzone-icon-hover-text: $kendo-color-primary !default;
|
|
@@ -36561,7 +37238,7 @@ $kendo-upload-dropzone-bg: $kendo-component-header-bg !default;
|
|
|
36561
37238
|
$kendo-upload-dropzone-border: $kendo-upload-border !default;
|
|
36562
37239
|
/// The background color of the hovered Upload dropzone.
|
|
36563
37240
|
/// @group upload
|
|
36564
|
-
$kendo-upload-dropzone-hover-bg: k-try-shade( $kendo-upload-dropzone-bg, .2 ) !default;
|
|
37241
|
+
$kendo-upload-dropzone-hover-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-upload-dropzone-bg, .2 )) !default;
|
|
36565
37242
|
|
|
36566
37243
|
/// The text color of the Upload status message.
|
|
36567
37244
|
/// @group upload
|
|
@@ -37089,14 +37766,14 @@ $kendo-appbar-gap: k-map-get( $kendo-spacing, 2 ) !default;
|
|
|
37089
37766
|
$kendo-appbar-light-bg: $kendo-color-light !default;
|
|
37090
37767
|
/// The text color of the AppBar based on light theme color.
|
|
37091
37768
|
/// @group appbar
|
|
37092
|
-
$kendo-appbar-light-text: k-contrast-color( $kendo-color-light ) !default;
|
|
37769
|
+
$kendo-appbar-light-text: if($kendo-enable-color-system, k-color( on-light ), k-contrast-color( $kendo-color-light )) !default;
|
|
37093
37770
|
|
|
37094
37771
|
/// The background color of the AppBar based on dark theme color.
|
|
37095
37772
|
/// @group appbar
|
|
37096
37773
|
$kendo-appbar-dark-bg: $kendo-color-dark !default;
|
|
37097
37774
|
/// The text color of the AppBar based on dark theme color.
|
|
37098
37775
|
/// @group appbar
|
|
37099
|
-
$kendo-appbar-dark-text: k-contrast-color( $kendo-color-dark ) !default;
|
|
37776
|
+
$kendo-appbar-dark-text: if($kendo-enable-color-system, k-color( on-dark ), k-contrast-color( $kendo-color-dark )) !default;
|
|
37100
37777
|
|
|
37101
37778
|
/// The box shadow of the AppBar.
|
|
37102
37779
|
/// @group appbar
|
|
@@ -37256,7 +37933,7 @@ $kendo-appbar-bottom-box-shadow: k-elevation(4) !default;
|
|
|
37256
37933
|
color: $kendo-appbar-dark-text;
|
|
37257
37934
|
background-color: $kendo-appbar-dark-bg;
|
|
37258
37935
|
} @else {
|
|
37259
|
-
color: k-contrast-legacy( $color );
|
|
37936
|
+
color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color ));
|
|
37260
37937
|
background-color: $color;
|
|
37261
37938
|
}
|
|
37262
37939
|
}
|
|
@@ -37677,7 +38354,7 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37677
38354
|
outline: $kendo-fab-border-width $kendo-fab-outline-style $color;
|
|
37678
38355
|
outline-offset: -$kendo-fab-border-width;
|
|
37679
38356
|
border-color: $color;
|
|
37680
|
-
color: k-contrast-legacy( $color );
|
|
38357
|
+
color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color ));
|
|
37681
38358
|
background-color: $color;
|
|
37682
38359
|
}
|
|
37683
38360
|
}
|
|
@@ -37686,8 +38363,8 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37686
38363
|
@each $name, $color in $kendo-fab-theme-colors {
|
|
37687
38364
|
.k-hover.k-fab-solid-#{$name},
|
|
37688
38365
|
.k-fab-solid-#{$name}:hover {
|
|
37689
|
-
border-color: k-try-shade( $color, .5 );
|
|
37690
|
-
background-color: k-try-shade( $color, .5 );
|
|
38366
|
+
border-color: if($kendo-enable-color-system, k-color( #{$name}-hover ), k-try-shade( $color, .5 ));
|
|
38367
|
+
background-color: if($kendo-enable-color-system, k-color( #{$name}-hover ), k-try-shade( $color, .5 ));
|
|
37691
38368
|
}
|
|
37692
38369
|
}
|
|
37693
38370
|
|
|
@@ -37698,7 +38375,7 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37698
38375
|
@if $kendo-enable-focus-contrast {
|
|
37699
38376
|
@include box-shadow( inset 0 0 0 2px currentColor );
|
|
37700
38377
|
} @else {
|
|
37701
|
-
outline: $kendo-fab-outline-style $kendo-fab-outline-width rgba( $color, .3 );
|
|
38378
|
+
outline: $kendo-fab-outline-style $kendo-fab-outline-width if($kendo-enable-color-system, rgba( k-color( $name, true ), .3 ), rgba( $color, .3 ));
|
|
37702
38379
|
}
|
|
37703
38380
|
}
|
|
37704
38381
|
}
|
|
@@ -37709,8 +38386,8 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37709
38386
|
.k-selected.k-fab-solid-#{$name},
|
|
37710
38387
|
.k-fab-solid-#{$name}:active {
|
|
37711
38388
|
@include box-shadow($kendo-fab-active-shadow);
|
|
37712
|
-
border-color: k-try-shade( $color, 1.5);
|
|
37713
|
-
background-color: k-try-shade( $color, 1.5);
|
|
38389
|
+
border-color: if($kendo-enable-color-system, k-color( #{$name}-active ), k-try-shade( $color, 1.5));
|
|
38390
|
+
background-color: if($kendo-enable-color-system, k-color( #{$name}-active ), k-try-shade( $color, 1.5));
|
|
37714
38391
|
}
|
|
37715
38392
|
}
|
|
37716
38393
|
|
|
@@ -37719,8 +38396,8 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37719
38396
|
.k-disabled.k-fab-solid-#{$name},
|
|
37720
38397
|
.k-fab-solid-#{$name}:disabled {
|
|
37721
38398
|
@include box-shadow($kendo-fab-disabled-shadow);
|
|
37722
|
-
background-color: k-try-tint( $color, 5 );
|
|
37723
|
-
color: k-try-tint( k-contrast-legacy( $color ), 5 );
|
|
38399
|
+
background-color: if($kendo-enable-color-system, rgba( k-color( $name, true ), .6 ), k-try-tint( $color, 5 ));
|
|
38400
|
+
color: if($kendo-enable-color-system, rgba( k-color( on-#{$name}, true ), .6 ), k-try-tint( k-contrast-legacy( $color ), 5 ));
|
|
37724
38401
|
opacity: 1;
|
|
37725
38402
|
}
|
|
37726
38403
|
}
|
|
@@ -37749,8 +38426,8 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37749
38426
|
// Hover state
|
|
37750
38427
|
.k-fab-item.k-hover .k-fab-item-icon,
|
|
37751
38428
|
.k-fab-item:hover .k-fab-item-icon {
|
|
37752
|
-
border-color: k-try-shade( $kendo-fab-item-icon-border, .5 );
|
|
37753
|
-
background-color: k-try-shade( $kendo-fab-item-icon-bg, .5 );
|
|
38429
|
+
border-color: if($kendo-enable-color-system, k-color( border ), k-try-shade( $kendo-fab-item-icon-border, .5 ));
|
|
38430
|
+
background-color: if($kendo-enable-color-system, k-color( base-hover ), k-try-shade( $kendo-fab-item-icon-bg, .5 ));
|
|
37754
38431
|
}
|
|
37755
38432
|
|
|
37756
38433
|
// Focus state
|
|
@@ -37759,7 +38436,7 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37759
38436
|
.k-fab-item.k-focus .k-fab-item-text,
|
|
37760
38437
|
.k-fab-item.k-focus .k-fab-item-icon {
|
|
37761
38438
|
@if $kendo-enable-focus-contrast {
|
|
37762
|
-
@include box-shadow( inset 0 0 0 2px if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ) );
|
|
38439
|
+
@include box-shadow( inset 0 0 0 2px if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )) );
|
|
37763
38440
|
} @else {
|
|
37764
38441
|
outline: $kendo-fab-item-outline-style $kendo-fab-item-outline-width $kendo-fab-item-outline-color;
|
|
37765
38442
|
}
|
|
@@ -37769,8 +38446,8 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37769
38446
|
.k-fab-item.k-active .k-fab-item-icon,
|
|
37770
38447
|
.k-fab-item:active .k-fab-item-icon {
|
|
37771
38448
|
@include box-shadow($kendo-fab-item-active-shadow);
|
|
37772
|
-
border-color: k-try-shade( $kendo-fab-item-icon-border, 1);
|
|
37773
|
-
background-color: k-try-shade( $kendo-fab-item-icon-bg, 1);
|
|
38449
|
+
border-color: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-fab-item-icon-border, 1 ));
|
|
38450
|
+
background-color: if($kendo-enable-color-system, k-color( base-active ), k-try-shade( $kendo-fab-item-icon-bg, 1 ));
|
|
37774
38451
|
}
|
|
37775
38452
|
|
|
37776
38453
|
// Disabled state
|
|
@@ -37781,8 +38458,8 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37781
38458
|
.k-fab-item-text,
|
|
37782
38459
|
.k-fab-item-icon {
|
|
37783
38460
|
@include box-shadow($kendo-fab-item-disabled-shadow);
|
|
37784
|
-
background-color: k-try-tint( $kendo-fab-item-bg, 5 );
|
|
37785
|
-
color: k-try-tint( $kendo-fab-item-text, 5 );
|
|
38461
|
+
background-color: if($kendo-enable-color-system, rgba( k-color( base, true ), .6 ), k-try-tint( $kendo-fab-item-bg, 5 ));
|
|
38462
|
+
color: if($kendo-enable-color-system, rgba( k-color( on-base, true ), .6 ), k-try-tint( $kendo-fab-item-text, 5 ));
|
|
37786
38463
|
}
|
|
37787
38464
|
}
|
|
37788
38465
|
|
|
@@ -37810,7 +38487,7 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37810
38487
|
outline: $kendo-fab-border-width $kendo-fab-outline-style $color;
|
|
37811
38488
|
outline-offset: -$kendo-fab-border-width;
|
|
37812
38489
|
border-color: $color;
|
|
37813
|
-
color: k-contrast-color( $color );
|
|
38490
|
+
color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-color( $color ));
|
|
37814
38491
|
background-color: $color;
|
|
37815
38492
|
}
|
|
37816
38493
|
}
|
|
@@ -37819,9 +38496,9 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37819
38496
|
@each $name, $color in $kendo-fab-theme-colors {
|
|
37820
38497
|
.k-fab-solid-#{$name}:hover,
|
|
37821
38498
|
.k-fab-solid-#{$name}.k-hover {
|
|
37822
|
-
border-color: k-color-darken( $color, 10% );
|
|
37823
|
-
color: k-contrast-color( k-color-darken( $color, 7.5% ) );
|
|
37824
|
-
background-color: k-color-darken( $color, 7.5% );
|
|
38499
|
+
border-color: if($kendo-enable-color-system, k-color( #{$name}-hover ), k-color-darken( $color, 10% ));
|
|
38500
|
+
color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-color( k-color-darken( $color, 7.5% ) ));
|
|
38501
|
+
background-color: if($kendo-enable-color-system, k-color( #{$name}-hover ), k-color-darken( $color, 7.5% ));
|
|
37825
38502
|
}
|
|
37826
38503
|
}
|
|
37827
38504
|
|
|
@@ -37829,7 +38506,7 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37829
38506
|
@each $name, $color in $kendo-fab-theme-colors {
|
|
37830
38507
|
.k-fab-solid-#{$name}:focus,
|
|
37831
38508
|
.k-fab-solid-#{$name}.k-focus {
|
|
37832
|
-
outline: $kendo-fab-outline-width $kendo-fab-outline-style rgba( $color, .5 );
|
|
38509
|
+
outline: $kendo-fab-outline-width $kendo-fab-outline-style if($kendo-enable-color-system, rgba( k-color( $name, true ), .5 ), rgba( $color, .5 ));
|
|
37833
38510
|
}
|
|
37834
38511
|
}
|
|
37835
38512
|
|
|
@@ -37839,9 +38516,9 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37839
38516
|
.k-fab-solid-#{$name}.k-active,
|
|
37840
38517
|
.k-fab-solid-#{$name}.k-selected {
|
|
37841
38518
|
@include box-shadow( $kendo-fab-active-shadow );
|
|
37842
|
-
border-color: k-color-darken( $color, 12.5% );
|
|
37843
|
-
color: k-contrast-color( k-color-darken( $color, 10% ) );
|
|
37844
|
-
background-color: k-color-darken( $color, 10% );
|
|
38519
|
+
border-color: if($kendo-enable-color-system, k-color( #{$name}-active ), k-color-darken( $color, 12.5% ));
|
|
38520
|
+
color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-color( k-color-darken( $color, 10% ) ));
|
|
38521
|
+
background-color: if($kendo-enable-color-system, k-color( #{$name}-active ), k-color-darken( $color, 10% ));
|
|
37845
38522
|
}
|
|
37846
38523
|
}
|
|
37847
38524
|
|
|
@@ -37850,8 +38527,8 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37850
38527
|
.k-fab-solid-#{$name}:disabled,
|
|
37851
38528
|
.k-fab-solid-#{$name}.k-disabled {
|
|
37852
38529
|
@include box-shadow( $kendo-fab-disabled-shadow );
|
|
37853
|
-
background-color: k-try-tint( $color, 4.5 );
|
|
37854
|
-
color: k-try-tint( k-contrast-color( $color ), 5 );
|
|
38530
|
+
background-color: if($kendo-enable-color-system, rgba( k-color( $name, true ), .65 ), k-try-tint( $color, 4.5 ));
|
|
38531
|
+
color: if($kendo-enable-color-system, rgba( k-color( on-#{$name}, true ), .65 ), k-try-tint( k-contrast-color( $color ), 5 ));
|
|
37855
38532
|
opacity: 1;
|
|
37856
38533
|
}
|
|
37857
38534
|
}
|
|
@@ -37880,11 +38557,11 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37880
38557
|
.k-fab-item:hover .k-fab-item-icon,
|
|
37881
38558
|
.k-fab-item.k-hover .k-fab-item-icon {
|
|
37882
38559
|
@include box-shadow( $kendo-fab-item-shadow );
|
|
37883
|
-
outline: $kendo-fab-border-width $kendo-fab-item-outline-style k-try-darken( $kendo-fab-item-icon-border, 10% );
|
|
38560
|
+
outline: $kendo-fab-border-width $kendo-fab-item-outline-style if($kendo-enable-color-system, k-color( base-hover ), k-try-darken( $kendo-fab-item-icon-border, 10% ));
|
|
37884
38561
|
outline-offset: -$kendo-fab-border-width;
|
|
37885
|
-
border-color: k-color-darken( $kendo-fab-item-icon-border, 10% );
|
|
37886
|
-
color: k-contrast-color( k-color-darken( $kendo-fab-item-icon-bg, 7.5% ) );
|
|
37887
|
-
background-color: k-color-darken( $kendo-fab-item-icon-bg, 7.5% );
|
|
38562
|
+
border-color: if($kendo-enable-color-system, k-color( base-hover ), k-color-darken( $kendo-fab-item-icon-border, 10% ));
|
|
38563
|
+
color: if($kendo-enable-color-system, k-color( on-base ), k-contrast-color( k-color-darken( $kendo-fab-item-icon-bg, 7.5% ) ));
|
|
38564
|
+
background-color: if($kendo-enable-color-system, k-color( base-hover ), k-color-darken( $kendo-fab-item-icon-bg, 7.5% ));
|
|
37888
38565
|
}
|
|
37889
38566
|
|
|
37890
38567
|
// Focus state
|
|
@@ -37892,18 +38569,18 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37892
38569
|
.k-fab-item.k-focus .k-fab-item-text,
|
|
37893
38570
|
.k-fab-item:focus .k-fab-item-icon,
|
|
37894
38571
|
.k-fab-item.k-focus .k-fab-item-icon {
|
|
37895
|
-
outline: $kendo-fab-item-outline-width $kendo-fab-item-outline-style rgba( $kendo-fab-item-icon-border, .5 );
|
|
38572
|
+
outline: $kendo-fab-item-outline-width $kendo-fab-item-outline-style if($kendo-enable-color-system, rgba( k-color( base, true ), .5 ), rgba( $kendo-fab-item-icon-border, .5 ));
|
|
37896
38573
|
}
|
|
37897
38574
|
|
|
37898
38575
|
// Active state
|
|
37899
38576
|
.k-fab-item:active .k-fab-item-icon,
|
|
37900
38577
|
.k-fab-item.k-active .k-fab-item-icon {
|
|
37901
38578
|
@include box-shadow( $kendo-fab-item-active-shadow );
|
|
37902
|
-
outline: $kendo-fab-border-width solid k-color-darken( $kendo-fab-item-icon-border, 12.5% );
|
|
38579
|
+
outline: $kendo-fab-border-width solid if($kendo-enable-color-system, k-color( base-active ), k-color-darken( $kendo-fab-item-icon-border, 12.5% ));
|
|
37903
38580
|
outline-offset: -$kendo-fab-border-width;
|
|
37904
|
-
border-color: k-color-darken( $kendo-fab-item-icon-border, 12.5% );
|
|
37905
|
-
color: k-contrast-color( k-color-darken( $kendo-fab-item-icon-bg, 10% ) );
|
|
37906
|
-
background-color: k-color-darken( $kendo-fab-item-icon-bg, 10% );
|
|
38581
|
+
border-color: if($kendo-enable-color-system, k-color( base-active ), k-color-darken( $kendo-fab-item-icon-border, 12.5% ));
|
|
38582
|
+
color: if($kendo-enable-color-system, k-color( on-base ), k-contrast-color( k-color-darken( $kendo-fab-item-icon-bg, 10% ) ));
|
|
38583
|
+
background-color: if($kendo-enable-color-system, k-color( base-active ), k-color-darken( $kendo-fab-item-icon-bg, 10% ));
|
|
37907
38584
|
}
|
|
37908
38585
|
|
|
37909
38586
|
// Disabled state
|
|
@@ -37914,8 +38591,8 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37914
38591
|
.k-fab-item-text,
|
|
37915
38592
|
.k-fab-item-icon {
|
|
37916
38593
|
@include box-shadow( $kendo-fab-item-disabled-shadow );
|
|
37917
|
-
background-color: k-try-tint( $kendo-fab-item-bg, 8 );
|
|
37918
|
-
color: k-try-tint( $kendo-fab-item-text, 8 );
|
|
38594
|
+
background-color: if($kendo-enable-color-system, rgba( k-color( base, true ), .65 ), k-try-tint( $kendo-fab-item-bg, 8 ));
|
|
38595
|
+
color: if($kendo-enable-color-system, rgba( k-color( on-base, true ), .65 ), k-try-tint( $kendo-fab-item-text, 8 ));
|
|
37919
38596
|
}
|
|
37920
38597
|
}
|
|
37921
38598
|
|
|
@@ -38888,7 +39565,7 @@ $_kendo-module-meta: (
|
|
|
38888
39565
|
// Window theme colors
|
|
38889
39566
|
@each $name, $color in $kendo-window-theme-colors {
|
|
38890
39567
|
.k-window-#{$name} .k-window-titlebar {
|
|
38891
|
-
color: k-contrast-legacy( $color );
|
|
39568
|
+
color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color ));
|
|
38892
39569
|
background-color: $color;
|
|
38893
39570
|
}
|
|
38894
39571
|
}
|
|
@@ -39069,7 +39746,7 @@ $kendo-dialog-theme-colors: (
|
|
|
39069
39746
|
// Dialog theme colors
|
|
39070
39747
|
@each $name, $color in $kendo-dialog-theme-colors {
|
|
39071
39748
|
.k-dialog-#{$name} .k-dialog-titlebar {
|
|
39072
|
-
color: k-contrast-legacy( $color );
|
|
39749
|
+
color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color ));
|
|
39073
39750
|
background-color: $color;
|
|
39074
39751
|
}
|
|
39075
39752
|
}
|
|
@@ -39186,7 +39863,7 @@ $kendo-drawer-focus-shadow: inset 0 0 0 2px rgba( black, .15 ) !default;
|
|
|
39186
39863
|
|
|
39187
39864
|
$kendo-drawer-selected-bg: $kendo-selected-bg !default;
|
|
39188
39865
|
$kendo-drawer-selected-text: $kendo-selected-text !default;
|
|
39189
|
-
$kendo-drawer-selected-hover-bg: k-try-shade( $kendo-selected-bg, 1 ) !default;
|
|
39866
|
+
$kendo-drawer-selected-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-selected-bg, 1 )) !default;
|
|
39190
39867
|
$kendo-drawer-selected-hover-text: $kendo-selected-text !default;
|
|
39191
39868
|
|
|
39192
39869
|
// #endregion
|
|
@@ -39630,9 +40307,9 @@ $kendo-notification-icon-spacing: $kendo-icon-spacing !default;
|
|
|
39630
40307
|
|
|
39631
40308
|
@each $name, $color in $colors {
|
|
39632
40309
|
$_theme: k-map-merge(( $name: (
|
|
39633
|
-
color: k-color-shade( $color, 6 ),
|
|
39634
|
-
background-color: k-color-tint( $color, 9 ),
|
|
39635
|
-
border: k-color-tint( $color, 10 ),
|
|
40310
|
+
color: if($kendo-enable-color-system, k-color( #{$name}-on-subtle ), k-color-shade( $color, 6 )),
|
|
40311
|
+
background-color: if($kendo-enable-color-system, k-color( #{$name}-subtle ), k-color-tint( $color, 9 )),
|
|
40312
|
+
border: if($kendo-enable-color-system, k-color( #{$name}-emphasis ), k-color-tint( $color, 10 )),
|
|
39636
40313
|
)), $_theme );
|
|
39637
40314
|
}
|
|
39638
40315
|
|
|
@@ -40236,6 +40913,10 @@ $kendo-card-callout-height: 1.3em !default;
|
|
|
40236
40913
|
gap: $kendo-card-actions-gap;
|
|
40237
40914
|
}
|
|
40238
40915
|
|
|
40916
|
+
.k-card-horizontal .k-actions-horizontal {
|
|
40917
|
+
width: auto;
|
|
40918
|
+
}
|
|
40919
|
+
|
|
40239
40920
|
// List
|
|
40240
40921
|
.k-card-list {
|
|
40241
40922
|
display: flex;
|
|
@@ -40460,9 +41141,9 @@ $kendo-card-callout-height: 1.3em !default;
|
|
|
40460
41141
|
// Card theme colors
|
|
40461
41142
|
@each $name, $color in $kendo-theme-colors {
|
|
40462
41143
|
.k-card-#{$name} {
|
|
40463
|
-
background-color: k-color-tint($color, 10);
|
|
40464
|
-
color: k-color-shade($color, 6);
|
|
40465
|
-
border-color: k-color-tint($color, 9);
|
|
41144
|
+
background-color: if($kendo-enable-color-system, k-color( #{$name}-subtle ), k-color-tint($color, 10));
|
|
41145
|
+
color: if($kendo-enable-color-system, k-color( #{$name}-on-subtle ), k-color-shade($color, 6));
|
|
41146
|
+
border-color: if($kendo-enable-color-system, k-color( #{$name}-emphasis ), k-color-tint($color, 9));
|
|
40466
41147
|
|
|
40467
41148
|
.k-card-subtitle {
|
|
40468
41149
|
color: inherit;
|
|
@@ -41184,17 +41865,17 @@ $kendo-bottom-nav-flat-border: $kendo-component-border !default;
|
|
|
41184
41865
|
@each $name, $color in $kendo-theme-colors {
|
|
41185
41866
|
.k-bottom-nav-solid-#{$name} {
|
|
41186
41867
|
@include fill(
|
|
41187
|
-
$color: k-true-mix( $color, k-contrast-legacy( $color ), 35%),
|
|
41868
|
+
$color: if($kendo-enable-color-system, rgba( k-color( on-#{$name}, true ), .65 ), k-true-mix( $color, k-contrast-legacy( $color ), 35%)),
|
|
41188
41869
|
$bg: $color
|
|
41189
41870
|
);
|
|
41190
41871
|
|
|
41191
41872
|
.k-bottom-nav-item.k-focus,
|
|
41192
41873
|
.k-bottom-nav-item:focus {
|
|
41193
|
-
@include fill( $bg: rgba(k-true-mix( $color, k-contrast-legacy( $color ), 35%), .2));
|
|
41874
|
+
@include fill( $bg: if($kendo-enable-color-system, rgba( k-color( on-#{$name}, true ), .125 ), rgba(k-true-mix( $color, k-contrast-legacy( $color ), 35%), .2)));
|
|
41194
41875
|
}
|
|
41195
41876
|
|
|
41196
41877
|
.k-bottom-nav-item.k-selected {
|
|
41197
|
-
@include fill( $color: k-contrast-legacy( $color ) );
|
|
41878
|
+
@include fill( $color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color )) );
|
|
41198
41879
|
}
|
|
41199
41880
|
}
|
|
41200
41881
|
// TODO: remove when suites update class names
|
|
@@ -41214,12 +41895,12 @@ $kendo-bottom-nav-flat-border: $kendo-component-border !default;
|
|
|
41214
41895
|
|
|
41215
41896
|
.k-bottom-nav-item.k-focus,
|
|
41216
41897
|
.k-bottom-nav-item:focus {
|
|
41217
|
-
@include fill( $bg: rgba($kendo-bottom-nav-flat-text, .05) );
|
|
41898
|
+
@include fill( $bg: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .05), rgba($kendo-bottom-nav-flat-text, .05)) );
|
|
41218
41899
|
}
|
|
41219
41900
|
|
|
41220
41901
|
.k-bottom-nav-item.k-selected {
|
|
41221
41902
|
@if $name == "secondary" or $name == "light" {
|
|
41222
|
-
@include fill( $color: k-try-shade($color, 3) );
|
|
41903
|
+
@include fill( $color: if($kendo-enable-color-system, k-color( #{$name} ), k-try-shade($color, 3)) );
|
|
41223
41904
|
} @else {
|
|
41224
41905
|
@include fill( $color: $color );
|
|
41225
41906
|
}
|
|
@@ -41458,7 +42139,7 @@ $kendo-breadcrumb-link-focus-text: null !default;
|
|
|
41458
42139
|
$kendo-breadcrumb-link-focus-border: null !default;
|
|
41459
42140
|
/// The box shadow of the focused Breadcrumb link.
|
|
41460
42141
|
/// @group breadcrumb
|
|
41461
|
-
$kendo-breadcrumb-link-focus-shadow: inset 0 0 0 3px rgba( $kendo-breadcrumb-text, .25 ) !default;
|
|
42142
|
+
$kendo-breadcrumb-link-focus-shadow: inset 0 0 0 3px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .25 ), rgba( $kendo-breadcrumb-text, .25 )) !default;
|
|
41462
42143
|
|
|
41463
42144
|
/// The background color of the Breadcrumb root link.
|
|
41464
42145
|
/// @group breadcrumb
|
|
@@ -41997,7 +42678,7 @@ $kendo-pager-item-focus-opacity: null !default;
|
|
|
41997
42678
|
$kendo-pager-item-focus-bg: $kendo-pager-item-bg !default;
|
|
41998
42679
|
/// The box shadow of the focused Pager items.
|
|
41999
42680
|
/// @group pager
|
|
42000
|
-
$kendo-pager-item-focus-shadow: 0 0 0 3px rgba($kendo-color-primary, .25) !default;
|
|
42681
|
+
$kendo-pager-item-focus-shadow: 0 0 0 3px if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-color-primary, .25)) !default;
|
|
42001
42682
|
|
|
42002
42683
|
/// The border radius of the Pager numbers.
|
|
42003
42684
|
/// @group pager
|
|
@@ -42374,24 +43055,24 @@ $kendo-stepper-indicator-bg: $kendo-component-bg !default;
|
|
|
42374
43055
|
$kendo-stepper-indicator-text: $kendo-component-text !default;
|
|
42375
43056
|
$kendo-stepper-indicator-border: $kendo-component-border !default;
|
|
42376
43057
|
|
|
42377
|
-
$kendo-stepper-indicator-hover-bg: k-try-shade( $kendo-stepper-indicator-bg ) !default;
|
|
43058
|
+
$kendo-stepper-indicator-hover-bg: if($kendo-enable-color-system, k-color( base-hover ), k-try-shade( $kendo-stepper-indicator-bg )) !default;
|
|
42378
43059
|
$kendo-stepper-indicator-hover-text: null !default;
|
|
42379
43060
|
$kendo-stepper-indicator-hover-border: null !default;
|
|
42380
43061
|
|
|
42381
43062
|
$kendo-stepper-indicator-disabled-bg: null !default;
|
|
42382
|
-
$kendo-stepper-indicator-disabled-text: $kendo-disabled-text !default;
|
|
43063
|
+
$kendo-stepper-indicator-disabled-text: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .65 ), $kendo-disabled-text) !default;
|
|
42383
43064
|
$kendo-stepper-indicator-disabled-border: null !default;
|
|
42384
43065
|
|
|
42385
43066
|
$kendo-stepper-indicator-done-bg: $kendo-color-primary !default;
|
|
42386
|
-
$kendo-stepper-indicator-done-text: k-contrast-color( $kendo-stepper-indicator-done-bg ) !default;
|
|
43067
|
+
$kendo-stepper-indicator-done-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-stepper-indicator-done-bg )) !default;
|
|
42387
43068
|
$kendo-stepper-indicator-done-border: $kendo-stepper-indicator-done-bg !default;
|
|
42388
43069
|
|
|
42389
|
-
$kendo-stepper-indicator-done-hover-bg: k-try-shade( $kendo-stepper-indicator-done-bg ) !default;
|
|
43070
|
+
$kendo-stepper-indicator-done-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-stepper-indicator-done-bg )) !default;
|
|
42390
43071
|
$kendo-stepper-indicator-done-hover-text: null !default;
|
|
42391
43072
|
$kendo-stepper-indicator-done-hover-border: null !default;
|
|
42392
43073
|
|
|
42393
|
-
$kendo-stepper-indicator-done-disabled-bg: k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%) !default;
|
|
42394
|
-
$kendo-stepper-indicator-done-disabled-text: k-contrast-color( $kendo-stepper-indicator-done-bg ) !default;
|
|
43074
|
+
$kendo-stepper-indicator-done-disabled-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .6 ), k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%)) !default;
|
|
43075
|
+
$kendo-stepper-indicator-done-disabled-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-stepper-indicator-done-bg )) !default;
|
|
42395
43076
|
$kendo-stepper-indicator-done-disabled-border: $kendo-stepper-indicator-done-disabled-bg !default;
|
|
42396
43077
|
|
|
42397
43078
|
$kendo-stepper-indicator-current-bg: $kendo-stepper-indicator-done-bg !default;
|
|
@@ -42410,7 +43091,7 @@ $kendo-stepper-label-text: null !default;
|
|
|
42410
43091
|
$kendo-stepper-label-success-text: $kendo-color-success !default;
|
|
42411
43092
|
$kendo-stepper-label-error-text: $kendo-color-error !default;
|
|
42412
43093
|
$kendo-stepper-label-hover-text: null !default;
|
|
42413
|
-
$kendo-stepper-label-disabled-text: $kendo-disabled-text !default;
|
|
43094
|
+
$kendo-stepper-label-disabled-text: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .65 ), $kendo-disabled-text) !default;
|
|
42414
43095
|
|
|
42415
43096
|
$kendo-stepper-optional-label-text: $kendo-subtle-text !default;
|
|
42416
43097
|
$kendo-stepper-optional-label-opacity: null !default;
|
|
@@ -42505,6 +43186,17 @@ $kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0m
|
|
|
42505
43186
|
transition-duration: .4s;
|
|
42506
43187
|
transition-timing-function: ease-in-out;
|
|
42507
43188
|
|
|
43189
|
+
&::before {
|
|
43190
|
+
@include border-radius( $kendo-stepper-indicator-border-radius );
|
|
43191
|
+
content: "";
|
|
43192
|
+
width: 100%;
|
|
43193
|
+
height: 100%;
|
|
43194
|
+
position: absolute;
|
|
43195
|
+
top: 0;
|
|
43196
|
+
left: 0;
|
|
43197
|
+
z-index: -1;
|
|
43198
|
+
}
|
|
43199
|
+
|
|
42508
43200
|
&::after {
|
|
42509
43201
|
@include border-radius( 100% );
|
|
42510
43202
|
content: "";
|
|
@@ -42765,11 +43457,23 @@ $kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0m
|
|
|
42765
43457
|
&.k-disabled,
|
|
42766
43458
|
&:disabled {
|
|
42767
43459
|
.k-step-indicator {
|
|
42768
|
-
@
|
|
42769
|
-
|
|
42770
|
-
|
|
42771
|
-
|
|
42772
|
-
|
|
43460
|
+
@if($kendo-enable-color-system) {
|
|
43461
|
+
@include fill(
|
|
43462
|
+
$kendo-stepper-indicator-disabled-text,
|
|
43463
|
+
k-color( app-surface ),
|
|
43464
|
+
$kendo-stepper-indicator-disabled-border
|
|
43465
|
+
);
|
|
43466
|
+
|
|
43467
|
+
&::before {
|
|
43468
|
+
background-color: $kendo-stepper-indicator-disabled-bg;
|
|
43469
|
+
}
|
|
43470
|
+
} @else {
|
|
43471
|
+
@include fill(
|
|
43472
|
+
$kendo-stepper-indicator-disabled-text,
|
|
43473
|
+
$kendo-stepper-indicator-disabled-bg,
|
|
43474
|
+
$kendo-stepper-indicator-disabled-border
|
|
43475
|
+
);
|
|
43476
|
+
}
|
|
42773
43477
|
}
|
|
42774
43478
|
|
|
42775
43479
|
.k-step-label {
|
|
@@ -42827,11 +43531,23 @@ $kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0m
|
|
|
42827
43531
|
&.k-disabled,
|
|
42828
43532
|
&:disabled {
|
|
42829
43533
|
.k-step-indicator {
|
|
42830
|
-
@
|
|
42831
|
-
|
|
42832
|
-
|
|
42833
|
-
|
|
42834
|
-
|
|
43534
|
+
@if($kendo-enable-color-system) {
|
|
43535
|
+
@include fill(
|
|
43536
|
+
$kendo-stepper-indicator-done-disabled-text,
|
|
43537
|
+
k-color( app-surface ),
|
|
43538
|
+
$kendo-stepper-indicator-done-disabled-border
|
|
43539
|
+
);
|
|
43540
|
+
|
|
43541
|
+
&::before {
|
|
43542
|
+
background-color: $kendo-stepper-indicator-done-disabled-bg;
|
|
43543
|
+
}
|
|
43544
|
+
} @else {
|
|
43545
|
+
@include fill(
|
|
43546
|
+
$kendo-stepper-indicator-done-disabled-text,
|
|
43547
|
+
$kendo-stepper-indicator-done-disabled-bg,
|
|
43548
|
+
$kendo-stepper-indicator-done-disabled-border
|
|
43549
|
+
);
|
|
43550
|
+
}
|
|
42835
43551
|
}
|
|
42836
43552
|
}
|
|
42837
43553
|
}
|
|
@@ -42868,11 +43584,23 @@ $kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0m
|
|
|
42868
43584
|
&.k-disabled,
|
|
42869
43585
|
&:disabled {
|
|
42870
43586
|
.k-step-indicator {
|
|
42871
|
-
@
|
|
42872
|
-
|
|
42873
|
-
|
|
42874
|
-
|
|
42875
|
-
|
|
43587
|
+
@if($kendo-enable-color-system) {
|
|
43588
|
+
@include fill(
|
|
43589
|
+
$kendo-stepper-indicator-current-disabled-text,
|
|
43590
|
+
k-color( app-surface ),
|
|
43591
|
+
$kendo-stepper-indicator-current-disabled-border
|
|
43592
|
+
);
|
|
43593
|
+
|
|
43594
|
+
&::before {
|
|
43595
|
+
background-color: $kendo-stepper-indicator-current-disabled-bg;
|
|
43596
|
+
}
|
|
43597
|
+
} @else {
|
|
43598
|
+
@include fill(
|
|
43599
|
+
$kendo-stepper-indicator-current-disabled-text,
|
|
43600
|
+
$kendo-stepper-indicator-current-disabled-bg,
|
|
43601
|
+
$kendo-stepper-indicator-current-disabled-border
|
|
43602
|
+
);
|
|
43603
|
+
}
|
|
42876
43604
|
}
|
|
42877
43605
|
}
|
|
42878
43606
|
}
|
|
@@ -44245,7 +44973,7 @@ $kendo-panelbar-header-text: $kendo-link-text !default;
|
|
|
44245
44973
|
$kendo-panelbar-header-border: null !default;
|
|
44246
44974
|
$kendo-panelbar-header-gradient: null !default;
|
|
44247
44975
|
|
|
44248
|
-
$kendo-panelbar-header-hover-bg: k-try-shade( $kendo-panelbar-header-bg, .5 ) !default;
|
|
44976
|
+
$kendo-panelbar-header-hover-bg: if($kendo-enable-color-system, k-color( base-subtle-hover ), k-try-shade( $kendo-panelbar-header-bg, .5 )) !default;
|
|
44249
44977
|
$kendo-panelbar-header-hover-text: null !default;
|
|
44250
44978
|
$kendo-panelbar-header-hover-border: null !default;
|
|
44251
44979
|
$kendo-panelbar-header-hover-gradient: null !default;
|
|
@@ -44266,7 +44994,7 @@ $kendo-panelbar-header-selected-text: $kendo-selected-text !default;
|
|
|
44266
44994
|
$kendo-panelbar-header-selected-border: null !default;
|
|
44267
44995
|
$kendo-panelbar-header-selected-gradient: null !default;
|
|
44268
44996
|
|
|
44269
|
-
$kendo-panelbar-header-selected-hover-bg: k-try-shade( $kendo-panelbar-header-selected-bg ) !default;
|
|
44997
|
+
$kendo-panelbar-header-selected-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-panelbar-header-selected-bg )) !default;
|
|
44270
44998
|
$kendo-panelbar-header-selected-hover-text: null !default;
|
|
44271
44999
|
$kendo-panelbar-header-selected-hover-border: null !default;
|
|
44272
45000
|
$kendo-panelbar-header-selected-hover-gradient: null !default;
|
|
@@ -44281,7 +45009,7 @@ $kendo-panelbar-header-selected-hover-focus-text: null !default;
|
|
|
44281
45009
|
$kendo-panelbar-header-selected-hover-focus-border: null !default;
|
|
44282
45010
|
$kendo-panelbar-header-selected-hover-focus-gradient: null !default;
|
|
44283
45011
|
|
|
44284
|
-
$kendo-panelbar-item-hover-bg: k-try-shade( $kendo-panelbar-bg, 1 ) !default;
|
|
45012
|
+
$kendo-panelbar-item-hover-bg: if($kendo-enable-color-system, k-color( base-hover ), k-try-shade( $kendo-panelbar-bg, 1 )) !default;
|
|
44285
45013
|
$kendo-panelbar-item-hover-text: null !default;
|
|
44286
45014
|
$kendo-panelbar-item-hover-border: null !default;
|
|
44287
45015
|
$kendo-panelbar-item-hover-gradient: null !default;
|
|
@@ -44302,7 +45030,7 @@ $kendo-panelbar-item-selected-text: $kendo-selected-text !default;
|
|
|
44302
45030
|
$kendo-panelbar-item-selected-border: null !default;
|
|
44303
45031
|
$kendo-panelbar-item-selected-gradient: null !default;
|
|
44304
45032
|
|
|
44305
|
-
$kendo-panelbar-item-selected-hover-bg: k-try-shade( $kendo-panelbar-item-selected-bg ) !default;
|
|
45033
|
+
$kendo-panelbar-item-selected-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-panelbar-item-selected-bg )) !default;
|
|
44306
45034
|
$kendo-panelbar-item-selected-hover-text: null !default;
|
|
44307
45035
|
$kendo-panelbar-item-selected-hover-border: null !default;
|
|
44308
45036
|
$kendo-panelbar-item-selected-hover-gradient: null !default;
|
|
@@ -44793,7 +45521,7 @@ $kendo-splitter-collapse-icon-padding-y: k-map-get( $kendo-spacing, .5 ) !defaul
|
|
|
44793
45521
|
$kendo-splitbar-bg: $kendo-base-bg !default;
|
|
44794
45522
|
$kendo-splitbar-text: $kendo-base-text !default;
|
|
44795
45523
|
|
|
44796
|
-
$kendo-splitbar-hover-bg: k-try-shade( $kendo-splitbar-bg, .5 ) !default;
|
|
45524
|
+
$kendo-splitbar-hover-bg: if($kendo-enable-color-system, k-color( base-subtle-hover ), k-try-shade( $kendo-splitbar-bg, .5 )) !default;
|
|
44797
45525
|
$kendo-splitbar-hover-text: $kendo-splitbar-text !default;
|
|
44798
45526
|
|
|
44799
45527
|
$kendo-splitbar-selected-bg: $kendo-selected-bg !default;
|
|
@@ -45405,7 +46133,7 @@ $kendo-dock-manager-dock-preview-border-style: dashed !default;
|
|
|
45405
46133
|
$kendo-dock-manager-dock-preview-border-radius: $kendo-border-radius-sm !default;
|
|
45406
46134
|
/// The background color of the dropping area in the DockManager component.
|
|
45407
46135
|
/// @group dock-manager
|
|
45408
|
-
$kendo-dock-manager-dock-preview-bg: rgba( $kendo-color-primary, .16 ) !default;
|
|
46136
|
+
$kendo-dock-manager-dock-preview-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .16 ), rgba( $kendo-color-primary, .16 )) !default;
|
|
45409
46137
|
/// The border color of the dropping area in the DockManager component.
|
|
45410
46138
|
/// @group dock-manager
|
|
45411
46139
|
$kendo-dock-manager-dock-preview-border: $kendo-color-primary !default;
|
|
@@ -45817,7 +46545,7 @@ $kendo-adaptive-content-bg: $kendo-app-bg !default;
|
|
|
45817
46545
|
$kendo-adaptive-content-text: $kendo-app-text !default;
|
|
45818
46546
|
|
|
45819
46547
|
$kendo-adaptive-menu-bg: $kendo-color-primary !default;
|
|
45820
|
-
$kendo-adaptive-menu-text: k-contrast-color( $kendo-adaptive-menu-bg ) !default;
|
|
46548
|
+
$kendo-adaptive-menu-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-adaptive-menu-bg )) !default;
|
|
45821
46549
|
|
|
45822
46550
|
$kendo-adaptive-menu-clear-text: $kendo-color-primary !default;
|
|
45823
46551
|
|
|
@@ -46757,10 +47485,10 @@ $kendo-grid-selection-aggregates-line-height: $kendo-grid-line-height !default;
|
|
|
46757
47485
|
/// @group grid
|
|
46758
47486
|
$kendo-grid-selection-aggregates-font-weight: $kendo-font-weight-bold !default;
|
|
46759
47487
|
|
|
46760
|
-
$kendo-grid-grouping-row-bg: k-try-shade( $kendo-grid-bg ) !default;
|
|
47488
|
+
$kendo-grid-grouping-row-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-grid-bg )) !default;
|
|
46761
47489
|
$kendo-grid-grouping-row-text: $kendo-grid-text !default;
|
|
46762
47490
|
|
|
46763
|
-
$kendo-grid-sorted-bg: rgba( k-contrast-color( $kendo-grid-bg ), .02 ) !default;
|
|
47491
|
+
$kendo-grid-sorted-bg: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .02 ), rgba( k-contrast-color( $kendo-grid-bg ), .02 )) !default;
|
|
46764
47492
|
$kendo-grid-sorting-indicator-text: $kendo-color-primary !default;
|
|
46765
47493
|
$kendo-grid-sorting-index-font-size: ($kendo-icon-size * .75) !default;
|
|
46766
47494
|
$kendo-grid-sorting-index-height: $kendo-icon-size !default;
|
|
@@ -46775,11 +47503,13 @@ $kendo-grid-command-cell-button-spacing: k-map-get( $kendo-spacing, 2 ) !default
|
|
|
46775
47503
|
// be cautious when changing the next line; see https://github.com/MoOx/reduce-css-calc/issues/38
|
|
46776
47504
|
$kendo-grid-command-cell-padding-y: calc( #{$kendo-grid-cell-padding-y} - (#{$kendo-button-calc-size} - #{$kendo-line-height-em}) / 2 ) !default;
|
|
46777
47505
|
|
|
47506
|
+
// Must be a solid color
|
|
46778
47507
|
$kendo-grid-sticky-bg: $kendo-grid-bg !default;
|
|
46779
47508
|
$kendo-grid-sticky-text: $kendo-grid-text !default;
|
|
46780
|
-
$kendo-grid-sticky-border: rgba($kendo-grid-text, .5) !default;
|
|
47509
|
+
$kendo-grid-sticky-border: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .5 ), rgba($kendo-grid-text, .5)) !default;
|
|
46781
47510
|
|
|
46782
|
-
|
|
47511
|
+
// Must be a solid color
|
|
47512
|
+
$kendo-grid-sticky-alt-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-grid-bg, .5 )) !default;
|
|
46783
47513
|
|
|
46784
47514
|
$kendo-grid-sticky-header-bg: $kendo-grid-header-bg !default;
|
|
46785
47515
|
$kendo-grid-sticky-header-text: $kendo-grid-header-text !default;
|
|
@@ -46788,11 +47518,12 @@ $kendo-grid-sticky-header-border: $kendo-grid-sticky-border !default;
|
|
|
46788
47518
|
$kendo-grid-sticky-footer-bg: $kendo-grid-header-bg !default;
|
|
46789
47519
|
$kendo-grid-sticky-footer-hover-bg: $kendo-grid-sticky-footer-bg !default;
|
|
46790
47520
|
|
|
46791
|
-
$kendo-grid-sticky-selected-bg: k-color-mix( $kendo-selected-bg, $kendo-grid-bg, 25% ) !default;
|
|
46792
|
-
$kendo-grid-sticky-selected-alt-bg: k-color-shade( $kendo-grid-sticky-selected-bg, .4 ) !default;
|
|
47521
|
+
$kendo-grid-sticky-selected-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), k-color-mix( $kendo-selected-bg, $kendo-grid-bg, 25% )) !default;
|
|
47522
|
+
$kendo-grid-sticky-selected-alt-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .24 ), k-color-shade( $kendo-grid-sticky-selected-bg, .4 )) !default;
|
|
46793
47523
|
|
|
46794
|
-
|
|
46795
|
-
$kendo-grid-sticky-
|
|
47524
|
+
// Must be a solid color
|
|
47525
|
+
$kendo-grid-sticky-hover-bg: if($kendo-enable-color-system, k-color( base-subtle-hover ), k-try-shade( $kendo-grid-bg )) !default;
|
|
47526
|
+
$kendo-grid-sticky-selected-hover-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .24 ), k-color-shade( $kendo-grid-sticky-selected-bg, .7 )) !default;
|
|
46796
47527
|
|
|
46797
47528
|
$kendo-grid-column-menu-width: 250px !default;
|
|
46798
47529
|
$kendo-grid-column-menu-max-width: 320px !default;
|
|
@@ -46843,7 +47574,7 @@ $kendo-grid-group-footer-second-cell-border: 1px !default;
|
|
|
46843
47574
|
|
|
46844
47575
|
/// Background color of the grid row resize indicator
|
|
46845
47576
|
/// @group grid
|
|
46846
|
-
$kendo-grid-row-resizer-hover-bg: rgba( k-contrast-color( $kendo-grid-bg ), .12 ) !default;
|
|
47577
|
+
$kendo-grid-row-resizer-hover-bg: if($kendo-enable-color-system, rgba( k-color( on-base, true ), .2 ), rgba( k-contrast-color( $kendo-grid-bg ), .12 )) !default;
|
|
46847
47578
|
/// Active background color of the grid row resize indicator
|
|
46848
47579
|
/// @group grid
|
|
46849
47580
|
$kendo-grid-row-resizer-active-bg: $kendo-color-primary !default;
|
|
@@ -47634,6 +48365,16 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
47634
48365
|
}
|
|
47635
48366
|
}
|
|
47636
48367
|
|
|
48368
|
+
.k-master-row .k-grid-content-sticky::before {
|
|
48369
|
+
content: "";
|
|
48370
|
+
width: 100%;
|
|
48371
|
+
height: 100%;
|
|
48372
|
+
position: absolute;
|
|
48373
|
+
top: 0;
|
|
48374
|
+
left: 0;
|
|
48375
|
+
z-index: -1;
|
|
48376
|
+
}
|
|
48377
|
+
|
|
47637
48378
|
kendo-grid {
|
|
47638
48379
|
.k-table-row.k-grid-row-sticky {
|
|
47639
48380
|
border: 0;
|
|
@@ -48491,14 +49232,30 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
48491
49232
|
&.k-table-row.k-selected .k-table-td.k-grid-row-sticky,
|
|
48492
49233
|
&.k-table-row td.k-grid-content-sticky.k-selected,
|
|
48493
49234
|
&.k-table-row .k-table-td.k-grid-content-sticky.k-selected {
|
|
48494
|
-
@
|
|
49235
|
+
@if($kendo-enable-color-system) {
|
|
49236
|
+
@include fill( $bg: $kendo-grid-sticky-bg );
|
|
49237
|
+
|
|
49238
|
+
&::before {
|
|
49239
|
+
@include fill( $bg: $kendo-grid-sticky-selected-bg );
|
|
49240
|
+
}
|
|
49241
|
+
} @else {
|
|
49242
|
+
@include fill( $bg: $kendo-grid-sticky-selected-bg );
|
|
49243
|
+
}
|
|
48495
49244
|
}
|
|
48496
49245
|
|
|
48497
49246
|
&.k-selected.k-table-alt-row td.k-grid-content-sticky,
|
|
48498
49247
|
&.k-selected.k-table-alt-row .k-table-td.k-grid-row-sticky,
|
|
48499
49248
|
&.k-table-alt-row td.k-grid-content-sticky.k-selected,
|
|
48500
49249
|
&.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected {
|
|
48501
|
-
@
|
|
49250
|
+
@if($kendo-enable-color-system) {
|
|
49251
|
+
@include fill( $bg: $kendo-grid-sticky-alt-bg );
|
|
49252
|
+
|
|
49253
|
+
&::before {
|
|
49254
|
+
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
49255
|
+
}
|
|
49256
|
+
} @else {
|
|
49257
|
+
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
49258
|
+
}
|
|
48502
49259
|
}
|
|
48503
49260
|
|
|
48504
49261
|
|
|
@@ -48520,7 +49277,15 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
48520
49277
|
&.k-hover td.k-grid-content-sticky.k-selected,
|
|
48521
49278
|
&:hover .k-table-td.k-grid-content-sticky.k-selected,
|
|
48522
49279
|
&.k-hover .k-table-td.k-grid-content-sticky.k-selected {
|
|
48523
|
-
|
|
49280
|
+
@if($kendo-enable-color-system) {
|
|
49281
|
+
background-color: $kendo-grid-sticky-hover-bg;
|
|
49282
|
+
|
|
49283
|
+
&::before {
|
|
49284
|
+
background-color: $kendo-grid-sticky-selected-hover-bg;
|
|
49285
|
+
}
|
|
49286
|
+
} @else {
|
|
49287
|
+
background-color: $kendo-grid-sticky-selected-hover-bg;
|
|
49288
|
+
}
|
|
48524
49289
|
}
|
|
48525
49290
|
}
|
|
48526
49291
|
|
|
@@ -48566,14 +49331,30 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
48566
49331
|
.k-selected.k-grid-row-sticky .k-table-td,
|
|
48567
49332
|
.k-grid-row-sticky .k-table-td.k-selected,
|
|
48568
49333
|
.k-selected.k-grid-content-sticky {
|
|
48569
|
-
@
|
|
49334
|
+
@if($kendo-enable-color-system) {
|
|
49335
|
+
@include fill( $bg: $kendo-grid-sticky-bg );
|
|
49336
|
+
|
|
49337
|
+
&::before {
|
|
49338
|
+
@include fill( $bg: $kendo-grid-sticky-selected-bg );
|
|
49339
|
+
}
|
|
49340
|
+
} @else {
|
|
49341
|
+
@include fill( $bg: $kendo-grid-sticky-selected-bg );
|
|
49342
|
+
}
|
|
48570
49343
|
}
|
|
48571
49344
|
|
|
48572
49345
|
.k-table-row.k-selected.k-table-alt-row .k-grid-content-sticky,
|
|
48573
49346
|
.k-selected.k-table-alt-row.k-grid-row-sticky td,
|
|
48574
49347
|
.k-selected.k-table-alt-row.k-grid-row-sticky .k-table-td,
|
|
48575
49348
|
.k-table-alt-row .k-selected.k-grid-content-sticky {
|
|
48576
|
-
@
|
|
49349
|
+
@if($kendo-enable-color-system) {
|
|
49350
|
+
@include fill( $bg: $kendo-grid-sticky-alt-bg );
|
|
49351
|
+
|
|
49352
|
+
&::before {
|
|
49353
|
+
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
49354
|
+
}
|
|
49355
|
+
} @else {
|
|
49356
|
+
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
49357
|
+
}
|
|
48577
49358
|
}
|
|
48578
49359
|
|
|
48579
49360
|
// Hover state
|
|
@@ -48611,7 +49392,15 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
48611
49392
|
.k-grid-row-sticky.k-hover .k-table-td.k-selected,
|
|
48612
49393
|
.k-table-row:hover .k-grid-content-sticky.k-selected,
|
|
48613
49394
|
.k-table-row.k-hover .k-grid-content-sticky.k-selected {
|
|
48614
|
-
|
|
49395
|
+
@if($kendo-enable-color-system) {
|
|
49396
|
+
background-color: $kendo-grid-sticky-hover-bg;
|
|
49397
|
+
|
|
49398
|
+
&::before {
|
|
49399
|
+
background-color: $kendo-grid-sticky-selected-hover-bg;
|
|
49400
|
+
}
|
|
49401
|
+
} @else {
|
|
49402
|
+
background-color: $kendo-grid-sticky-selected-hover-bg;
|
|
49403
|
+
}
|
|
48615
49404
|
}
|
|
48616
49405
|
}
|
|
48617
49406
|
|
|
@@ -48935,14 +49724,30 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
48935
49724
|
&.k-table-row.k-selected .k-table-td.k-grid-row-sticky,
|
|
48936
49725
|
&.k-table-row td.k-grid-content-sticky.k-selected,
|
|
48937
49726
|
&.k-table-row .k-table-td.k-grid-content-sticky.k-selected {
|
|
48938
|
-
@
|
|
49727
|
+
@if($kendo-enable-color-system) {
|
|
49728
|
+
@include fill( $bg: $kendo-grid-sticky-bg );
|
|
49729
|
+
|
|
49730
|
+
&::before {
|
|
49731
|
+
@include fill( $bg: $kendo-grid-sticky-selected-bg );
|
|
49732
|
+
}
|
|
49733
|
+
} @else {
|
|
49734
|
+
@include fill( $bg: $kendo-grid-sticky-selected-bg );
|
|
49735
|
+
}
|
|
48939
49736
|
}
|
|
48940
49737
|
|
|
48941
49738
|
&.k-selected.k-table-alt-row td.k-grid-content-sticky,
|
|
48942
49739
|
&.k-selected.k-table-alt-row .k-table-td.k-grid-row-sticky,
|
|
48943
49740
|
&.k-table-alt-row td.k-grid-content-sticky.k-selected,
|
|
48944
49741
|
&.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected {
|
|
48945
|
-
@
|
|
49742
|
+
@if($kendo-enable-color-system) {
|
|
49743
|
+
@include fill( $bg: $kendo-grid-sticky-alt-bg );
|
|
49744
|
+
|
|
49745
|
+
&::before {
|
|
49746
|
+
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
49747
|
+
}
|
|
49748
|
+
} @else {
|
|
49749
|
+
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
49750
|
+
}
|
|
48946
49751
|
}
|
|
48947
49752
|
|
|
48948
49753
|
|
|
@@ -48964,7 +49769,15 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
48964
49769
|
&.k-hover td.k-grid-content-sticky.k-selected,
|
|
48965
49770
|
&:hover .k-table-td.k-grid-content-sticky.k-selected,
|
|
48966
49771
|
&.k-hover .k-table-td.k-grid-content-sticky.k-selected {
|
|
48967
|
-
|
|
49772
|
+
@if($kendo-enable-color-system) {
|
|
49773
|
+
background-color: $kendo-grid-sticky-hover-bg;
|
|
49774
|
+
|
|
49775
|
+
&::before {
|
|
49776
|
+
background-color: $kendo-grid-sticky-selected-hover-bg;
|
|
49777
|
+
}
|
|
49778
|
+
} @else {
|
|
49779
|
+
background-color: $kendo-grid-sticky-selected-hover-bg;
|
|
49780
|
+
}
|
|
48968
49781
|
}
|
|
48969
49782
|
}
|
|
48970
49783
|
|
|
@@ -49008,14 +49821,30 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
49008
49821
|
.k-selected.k-grid-row-sticky .k-table-td,
|
|
49009
49822
|
.k-grid-row-sticky .k-table-td.k-selected,
|
|
49010
49823
|
.k-selected.k-grid-content-sticky {
|
|
49011
|
-
@
|
|
49824
|
+
@if($kendo-enable-color-system) {
|
|
49825
|
+
@include fill( $bg: $kendo-grid-sticky-bg );
|
|
49826
|
+
|
|
49827
|
+
&::before {
|
|
49828
|
+
@include fill( $bg: $kendo-grid-sticky-selected-bg );
|
|
49829
|
+
}
|
|
49830
|
+
} @else {
|
|
49831
|
+
@include fill( $bg: $kendo-grid-sticky-selected-bg );
|
|
49832
|
+
}
|
|
49012
49833
|
}
|
|
49013
49834
|
|
|
49014
49835
|
.k-table-row.k-selected.k-table-alt-row .k-grid-content-sticky,
|
|
49015
49836
|
.k-selected.k-table-alt-row.k-grid-row-sticky td,
|
|
49016
49837
|
.k-selected.k-table-alt-row.k-grid-row-sticky .k-table-td,
|
|
49017
49838
|
.k-table-alt-row .k-selected.k-grid-content-sticky {
|
|
49018
|
-
@
|
|
49839
|
+
@if($kendo-enable-color-system) {
|
|
49840
|
+
@include fill( $bg: $kendo-grid-sticky-alt-bg );
|
|
49841
|
+
|
|
49842
|
+
&::before {
|
|
49843
|
+
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
49844
|
+
}
|
|
49845
|
+
} @else {
|
|
49846
|
+
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
49847
|
+
}
|
|
49019
49848
|
}
|
|
49020
49849
|
|
|
49021
49850
|
// Hover state
|
|
@@ -49053,7 +49882,15 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
49053
49882
|
.k-grid-row-sticky.k-hover .k-table-td.k-selected,
|
|
49054
49883
|
.k-table-row:hover .k-grid-content-sticky.k-selected,
|
|
49055
49884
|
.k-table-row.k-hover .k-grid-content-sticky.k-selected {
|
|
49056
|
-
|
|
49885
|
+
@if($kendo-enable-color-system) {
|
|
49886
|
+
background-color: $kendo-grid-sticky-hover-bg;
|
|
49887
|
+
|
|
49888
|
+
&::before {
|
|
49889
|
+
background-color: $kendo-grid-sticky-selected-hover-bg;
|
|
49890
|
+
}
|
|
49891
|
+
} @else {
|
|
49892
|
+
background-color: $kendo-grid-sticky-selected-hover-bg;
|
|
49893
|
+
}
|
|
49057
49894
|
}
|
|
49058
49895
|
}
|
|
49059
49896
|
|
|
@@ -49306,7 +50143,7 @@ $kendo-listview-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
|
49306
50143
|
$kendo-listview-item-selected-text: null !default;
|
|
49307
50144
|
/// The background color of the selected ListView items.
|
|
49308
50145
|
/// @group listview
|
|
49309
|
-
$kendo-listview-item-selected-bg: rgba( $kendo-selected-bg, .25 ) !default;
|
|
50146
|
+
$kendo-listview-item-selected-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 )) !default;
|
|
49310
50147
|
/// The border color of the selected ListView items.
|
|
49311
50148
|
/// @group listview
|
|
49312
50149
|
$kendo-listview-item-selected-border: null !default;
|
|
@@ -49322,7 +50159,8 @@ $kendo-listview-item-focus-bg: null !default;
|
|
|
49322
50159
|
$kendo-listview-item-focus-border: null !default;
|
|
49323
50160
|
/// The box shadow of the focused ListView items.
|
|
49324
50161
|
/// @group listview
|
|
49325
|
-
$kendo-listview-item-focus-shadow: inset 0 0 0 3px rgba( $kendo-listview-text, .15 ) !default;
|
|
50162
|
+
$kendo-listview-item-focus-shadow: inset 0 0 0 3px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .15 ), rgba( $kendo-listview-text, .15 )) !default;
|
|
50163
|
+
|
|
49326
50164
|
// #endregion
|
|
49327
50165
|
// #region @import "./_layout.scss"; -> scss/listview/_layout.scss
|
|
49328
50166
|
// #region @import "@progress/kendo-theme-default/scss/listview/_layout.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-default/scss/listview/_layout.scss
|
|
@@ -49685,7 +50523,7 @@ $kendo-spreadsheet-formula-input-line-height: $kendo-input-line-height !default;
|
|
|
49685
50523
|
$kendo-spreadsheet-view-font-family: Arial, Verdana, sans-serif !default;
|
|
49686
50524
|
$kendo-spreadsheet-view-font-size: $kendo-spreadsheet-font-size !default;
|
|
49687
50525
|
|
|
49688
|
-
$kendo-spreadsheet-selection-bg: rgba( $kendo-selected-bg, .25 ) !default;
|
|
50526
|
+
$kendo-spreadsheet-selection-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 )) !default;
|
|
49689
50527
|
$kendo-spreadsheet-selection-text: null !default;
|
|
49690
50528
|
$kendo-spreadsheet-selection-border: $kendo-selected-bg !default;
|
|
49691
50529
|
$kendo-spreadsheet-selection-shadow: inset 0 0 0 1px $kendo-selected-bg !default;
|
|
@@ -49694,12 +50532,12 @@ $kendo-spreadsheet-single-selection-bg: $kendo-selected-bg !default;
|
|
|
49694
50532
|
$kendo-spreadsheet-single-selection-text: null !default;
|
|
49695
50533
|
$kendo-spreadsheet-single-selection-border: $kendo-spreadsheet-bg !default;
|
|
49696
50534
|
|
|
49697
|
-
$kendo-spreadsheet-partial-selection-bg: rgba( $kendo-selected-bg, .25 ) !default;
|
|
50535
|
+
$kendo-spreadsheet-partial-selection-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 )) !default;
|
|
49698
50536
|
|
|
49699
50537
|
$kendo-spreadsheet-active-cell-bg: $kendo-spreadsheet-bg !default;
|
|
49700
50538
|
$kendo-spreadsheet-active-cell-shadow: inset 0 0 0 1px $kendo-selected-bg !default;
|
|
49701
50539
|
|
|
49702
|
-
$kendo-spreadsheet-auto-fill-bg: rgba( $kendo-selected-bg, .25 ) !default;
|
|
50540
|
+
$kendo-spreadsheet-auto-fill-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 )) !default;
|
|
49703
50541
|
$kendo-spreadsheet-auto-fill-text: null !default;
|
|
49704
50542
|
$kendo-spreadsheet-auto-fill-border: $kendo-selected-bg !default;
|
|
49705
50543
|
$kendo-spreadsheet-auto-fill-shadow: inset 0 0 0 1px $kendo-selected-bg !default;
|
|
@@ -49749,7 +50587,7 @@ $kendo-spreadsheet-drawing-handle-border-radius: $kendo-border-radius-lg !defaul
|
|
|
49749
50587
|
$kendo-spreadsheet-drawing-outline-style: solid !default;
|
|
49750
50588
|
$kendo-spreadsheet-drawing-outline-width: 2px !default;
|
|
49751
50589
|
|
|
49752
|
-
$kendo-spreadsheet-drawing-anchor-bg: rgba( $kendo-selected-bg, .25 ) !default;
|
|
50590
|
+
$kendo-spreadsheet-drawing-anchor-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 )) !default;
|
|
49753
50591
|
|
|
49754
50592
|
$kendo-spreadsheet-dropzone-spacing-y: k-map-get( $kendo-spacing, 4 ) !default;
|
|
49755
50593
|
|
|
@@ -51005,21 +51843,21 @@ $kendo-pivotgrid-bg: $kendo-component-bg !default;
|
|
|
51005
51843
|
$kendo-pivotgrid-text: $kendo-component-text !default;
|
|
51006
51844
|
$kendo-pivotgrid-border: $kendo-component-border !default;
|
|
51007
51845
|
|
|
51008
|
-
$kendo-pivotgrid-alt-border: k-try-shade( $kendo-pivotgrid-border, 2 ) !default;
|
|
51846
|
+
$kendo-pivotgrid-alt-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-pivotgrid-border, 2 )) !default;
|
|
51009
51847
|
|
|
51010
51848
|
$kendo-pivotgrid-headers-bg: $kendo-component-header-bg !default;
|
|
51011
51849
|
$kendo-pivotgrid-headers-text: $kendo-component-header-text !default;
|
|
51012
51850
|
$kendo-pivotgrid-headers-border: $kendo-component-header-border !default;
|
|
51013
51851
|
|
|
51014
|
-
$kendo-pivotgrid-total-bg: k-try-shade( $kendo-pivotgrid-bg, 1 ) !default;
|
|
51852
|
+
$kendo-pivotgrid-total-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-pivotgrid-bg, 1 )) !default;
|
|
51015
51853
|
$kendo-pivotgrid-total-text: $kendo-component-header-text !default;
|
|
51016
51854
|
$kendo-pivotgrid-total-border: $kendo-component-header-border !default;
|
|
51017
51855
|
|
|
51018
|
-
$kendo-pivotgrid-hover-bg: k-color-darken( $kendo-pivotgrid-bg, 7% ) !default;
|
|
51856
|
+
$kendo-pivotgrid-hover-bg: if($kendo-enable-color-system, k-color( base-subtle-hover ), k-color-darken( $kendo-pivotgrid-bg, 7% )) !default;
|
|
51019
51857
|
$kendo-pivotgrid-hover-text: null !default;
|
|
51020
51858
|
$kendo-pivotgrid-hover-border: null !default;
|
|
51021
51859
|
|
|
51022
|
-
$kendo-pivotgrid-selected-bg: rgba( $kendo-selected-bg, .25 ) !default;
|
|
51860
|
+
$kendo-pivotgrid-selected-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 )) !default;
|
|
51023
51861
|
$kendo-pivotgrid-selected-text: null !default;
|
|
51024
51862
|
$kendo-pivotgrid-selected-border: null !default;
|
|
51025
51863
|
|
|
@@ -51088,7 +51926,7 @@ $kendo-pivotgrid-alt-text: $kendo-grid-header-text !default;
|
|
|
51088
51926
|
$kendo-pivotgrid-chrome-border: $kendo-grid-border !default;
|
|
51089
51927
|
|
|
51090
51928
|
$kendo-pivotgrid-container-bg: $kendo-component-header-bg !default;
|
|
51091
|
-
$kendo-pivotgrid-row-headers-bg: k-try-shade( $kendo-component-header-bg, .5 ) !default;
|
|
51929
|
+
$kendo-pivotgrid-row-headers-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-component-header-bg, .5 )) !default;
|
|
51092
51930
|
|
|
51093
51931
|
$kendo-pivotgrid-button-bg: null !default;
|
|
51094
51932
|
$kendo-pivotgrid-button-text: null !default;
|
|
@@ -52372,7 +53210,8 @@ $kendo-filter-preview-operator-text: $kendo-subtle-text !default;
|
|
|
52372
53210
|
|
|
52373
53211
|
/// The box shadow of the focused Filter toolbar.
|
|
52374
53212
|
/// @group filter
|
|
52375
|
-
$kendo-filter-toolbar-focus-shadow: 0 0 0 .25rem rgba( $kendo-color-primary, .25 ) !default;
|
|
53213
|
+
$kendo-filter-toolbar-focus-shadow: 0 0 0 .25rem if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-color-primary, .25 )) !default;
|
|
53214
|
+
|
|
52376
53215
|
// #endregion
|
|
52377
53216
|
// #region @import "./_layout.scss"; -> scss/filter/_layout.scss
|
|
52378
53217
|
// #region @import "@progress/kendo-theme-default/scss/filter/_layout.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-default/scss/filter/_layout.scss
|
|
@@ -52738,7 +53577,7 @@ $kendo-file-manager-listview-item-border: null !default;
|
|
|
52738
53577
|
$kendo-file-manager-listview-item-icon-bg: null !default;
|
|
52739
53578
|
/// The text color of the FileManager ListView item icon.
|
|
52740
53579
|
/// @group filemanager
|
|
52741
|
-
$kendo-file-manager-listview-item-icon-text: k-try-tint( $kendo-file-manager-text, 4 ) !default;
|
|
53580
|
+
$kendo-file-manager-listview-item-icon-text: if($kendo-enable-color-system, k-color( subtle ), k-try-tint( $kendo-file-manager-text, 4 )) !default;
|
|
52742
53581
|
/// The border color of the FileManager ListView item icon.
|
|
52743
53582
|
/// @group filemanager
|
|
52744
53583
|
$kendo-file-manager-listview-item-icon-border: null !default;
|
|
@@ -52795,7 +53634,7 @@ $kendo-file-manager-preview-border: null !default;
|
|
|
52795
53634
|
$kendo-file-manager-preview-icon-bg: null !default;
|
|
52796
53635
|
/// The text color of the FileManager preview icon.
|
|
52797
53636
|
/// @group filemanager
|
|
52798
|
-
$kendo-file-manager-preview-icon-text: k-try-tint( $kendo-file-manager-text, 4 ) !default;
|
|
53637
|
+
$kendo-file-manager-preview-icon-text: if($kendo-enable-color-system, k-color( subtle ), k-try-tint( $kendo-file-manager-text, 4 )) !default;
|
|
52799
53638
|
/// The border color of the FileManager preview icon.
|
|
52800
53639
|
/// @group filemanager
|
|
52801
53640
|
$kendo-file-manager-preview-icon-border: null !default;
|
|
@@ -52827,6 +53666,7 @@ $kendo-file-manager-preview-icon-border: null !default;
|
|
|
52827
53666
|
border-bottom-width: $kendo-file-manager-toolbar-border-width;
|
|
52828
53667
|
border-color: inherit;
|
|
52829
53668
|
flex-shrink: 0;
|
|
53669
|
+
z-index: 1;
|
|
52830
53670
|
}
|
|
52831
53671
|
|
|
52832
53672
|
|
|
@@ -52841,6 +53681,10 @@ $kendo-file-manager-preview-icon-border: null !default;
|
|
|
52841
53681
|
overflow: hidden;
|
|
52842
53682
|
}
|
|
52843
53683
|
|
|
53684
|
+
.k-filemanager-splitter {
|
|
53685
|
+
border-width: 0;
|
|
53686
|
+
}
|
|
53687
|
+
|
|
52844
53688
|
|
|
52845
53689
|
// Navigation
|
|
52846
53690
|
.k-filemanager-navigation {
|
|
@@ -53277,13 +54121,13 @@ $kendo-taskboard-columns-container-gap: $kendo-taskboard-spacer !default;
|
|
|
53277
54121
|
$kendo-taskboard-column-width: 320px !default;
|
|
53278
54122
|
$kendo-taskboard-column-border-width: 1px !default;
|
|
53279
54123
|
$kendo-taskboard-column-border-radius: $kendo-border-radius-sm !default;
|
|
53280
|
-
$kendo-taskboard-column-bg: if( $kendo-is-dark-theme, $gray-900, $gray-100 ) !default;
|
|
54124
|
+
$kendo-taskboard-column-bg: if($kendo-enable-color-system, k-color( surface ), if( $kendo-is-dark-theme, $gray-900, $gray-100 )) !default;
|
|
53281
54125
|
$kendo-taskboard-column-text: null !default;
|
|
53282
54126
|
$kendo-taskboard-column-border: transparent !default;
|
|
53283
54127
|
|
|
53284
54128
|
$kendo-taskboard-column-focus-bg: null !default;
|
|
53285
54129
|
$kendo-taskboard-column-focus-text: null !default;
|
|
53286
|
-
$kendo-taskboard-column-focus-border: k-try-shade( $kendo-base-border, 2.5 ) !default;
|
|
54130
|
+
$kendo-taskboard-column-focus-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-base-border, 2.5 )) !default;
|
|
53287
54131
|
|
|
53288
54132
|
$kendo-taskboard-column-header-padding-y: $kendo-taskboard-spacer * .75 !default;
|
|
53289
54133
|
$kendo-taskboard-column-header-padding-x: $kendo-taskboard-column-header-padding-y !default;
|
|
@@ -53326,12 +54170,12 @@ $kendo-taskboard-card-shadow: $kendo-card-shadow !default;
|
|
|
53326
54170
|
|
|
53327
54171
|
$kendo-taskboard-card-category-border-width: 4px !default;
|
|
53328
54172
|
|
|
53329
|
-
$kendo-taskboard-card-
|
|
53330
|
-
$kendo-taskboard-card-focus-shadow: $kendo-card-focus-shadow !default;
|
|
54173
|
+
$kendo-taskboard-card-hover-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-taskboard-card-border, 10% )) !default;
|
|
53331
54174
|
|
|
53332
|
-
$kendo-taskboard-card-
|
|
54175
|
+
$kendo-taskboard-card-focus-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-taskboard-card-border, 18% )) !default;
|
|
54176
|
+
$kendo-taskboard-card-focus-shadow: $kendo-card-focus-shadow !default;
|
|
53333
54177
|
|
|
53334
|
-
$kendo-taskboard-card-selected-border: k-color-tint( $kendo-color-primary-lighter, 8 ) !default;
|
|
54178
|
+
$kendo-taskboard-card-selected-border: if($kendo-enable-color-system, k-color( primary-emphasis ), k-color-tint( $kendo-color-primary-lighter, 8 )) !default;
|
|
53335
54179
|
$kendo-taskboard-card-selected-shadow: none !default;
|
|
53336
54180
|
|
|
53337
54181
|
$kendo-taskboard-card-header-text: $kendo-color-primary !default;
|
|
@@ -53340,9 +54184,8 @@ $kendo-taskboard-card-header-hover-text: $kendo-color-primary-darker !default;
|
|
|
53340
54184
|
|
|
53341
54185
|
$kendo-taskboard-drag-placeholder-border-width: 1px !default;
|
|
53342
54186
|
$kendo-taskboard-drag-placeholder-border-radius: $kendo-taskboard-card-border-radius !default;
|
|
53343
|
-
$kendo-taskboard-drag-placeholder-bg: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .1 ) !default;
|
|
54187
|
+
$kendo-taskboard-drag-placeholder-bg: rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .1 ) !default;
|
|
53344
54188
|
$kendo-taskboard-drag-placeholder-border: $kendo-component-border !default;
|
|
53345
|
-
|
|
53346
54189
|
// #endregion
|
|
53347
54190
|
// #region @import "./_layout.scss"; -> scss/taskboard/_layout.scss
|
|
53348
54191
|
// #region @import "@progress/kendo-theme-default/scss/taskboard/_layout.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-default/scss/taskboard/_layout.scss
|
|
@@ -53813,7 +54656,7 @@ $kendo-editor-selected-bg: $kendo-color-primary !default;
|
|
|
53813
54656
|
|
|
53814
54657
|
/// The highlighted background color of the Editor.
|
|
53815
54658
|
/// @group editor
|
|
53816
|
-
$kendo-editor-highlighted-bg: k-color-mix( $kendo-color-primary, #ffffff, 20% ) !default;
|
|
54659
|
+
$kendo-editor-highlighted-bg: if($kendo-enable-color-system, k-color( primary-subtle ), k-color-mix( $kendo-color-primary, #ffffff, 20% )) !default;
|
|
53817
54660
|
|
|
53818
54661
|
/// The horizontal margin of the Editor's export tool icon.
|
|
53819
54662
|
/// @group editor
|
|
@@ -55053,12 +55896,12 @@ $kendo-gantt-treelist-bg: null !default;
|
|
|
55053
55896
|
$kendo-gantt-treelist-text: null !default;
|
|
55054
55897
|
$kendo-gantt-treelist-border: null !default;
|
|
55055
55898
|
|
|
55056
|
-
$kendo-gantt-nonwork-bg: rgba( k-contrast-color( $kendo-gantt-bg ), .025 ) !default;
|
|
55899
|
+
$kendo-gantt-nonwork-bg: if($kendo-enable-color-system, rgba( k-color( on-base, true ), .03 ), rgba( k-contrast-color( $kendo-gantt-bg ), .025 )) !default;
|
|
55057
55900
|
$kendo-gantt-nonwork-text: null !default;
|
|
55058
55901
|
$kendo-gantt-nonwork-border: null !default;
|
|
55059
55902
|
|
|
55060
55903
|
$kendo-gantt-line-size: 2px !default;
|
|
55061
|
-
$kendo-gantt-line-fill: k-color-mix( $kendo-gantt-text, $kendo-gantt-bg ) !default;
|
|
55904
|
+
$kendo-gantt-line-fill: if($kendo-enable-color-system, k-color( on-base ), k-color-mix( $kendo-gantt-text, $kendo-gantt-bg )) !default;
|
|
55062
55905
|
$kendo-gantt-line-selected-fill: $kendo-selected-bg !default;
|
|
55063
55906
|
|
|
55064
55907
|
$kendo-gantt-dot-size: 8px !default;
|
|
@@ -55068,24 +55911,24 @@ $kendo-gantt-dot-border: null !default;
|
|
|
55068
55911
|
$kendo-gantt-dot-hover-bg: $kendo-gantt-bg !default;
|
|
55069
55912
|
$kendo-gantt-dot-hover-border: $kendo-gantt-text !default;
|
|
55070
55913
|
|
|
55071
|
-
$kendo-gantt-milestone-bg: if( k-is-light( $kendo-gantt-bg ), $gray-300, $gray-700 ) !default;
|
|
55072
|
-
$kendo-gantt-milestone-border: k-try-shade( $kendo-gantt-milestone-bg, 2 ) !default;
|
|
55914
|
+
$kendo-gantt-milestone-bg: if($kendo-enable-color-system, k-color( base ), if( k-is-light( $kendo-gantt-bg ), $gray-300, $gray-700 )) !default;
|
|
55915
|
+
$kendo-gantt-milestone-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-gantt-milestone-bg, 2 )) !default;
|
|
55073
55916
|
$kendo-gantt-milestone-selected-bg: $kendo-selected-bg !default;
|
|
55074
55917
|
$kendo-gantt-milestone-selected-border: $kendo-selected-border !default;
|
|
55075
55918
|
|
|
55076
|
-
$kendo-gantt-summary-bg: k-color-mix( $kendo-gantt-text, $kendo-gantt-bg ) !default;
|
|
55919
|
+
$kendo-gantt-summary-bg: if($kendo-enable-color-system, k-color( subtle ), k-color-mix( $kendo-gantt-text, $kendo-gantt-bg )) !default;
|
|
55077
55920
|
$kendo-gantt-summary-progress-bg: $kendo-gantt-text !default;
|
|
55078
|
-
$kendo-gantt-summary-selected-bg: k-color-mix( $kendo-selected-bg, $kendo-gantt-bg ) !default;
|
|
55921
|
+
$kendo-gantt-summary-selected-bg: if($kendo-enable-color-system, k-color( primary-subtle-active ), k-color-mix( $kendo-selected-bg, $kendo-gantt-bg )) !default;
|
|
55079
55922
|
$kendo-gantt-summary-progress-selected-bg: $kendo-selected-bg !default;
|
|
55080
55923
|
|
|
55081
55924
|
$kendo-gantt-task-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
55082
55925
|
$kendo-gantt-task-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
55083
55926
|
$kendo-gantt-task-border-width: 1px !default;
|
|
55084
|
-
$kendo-gantt-task-bg: if( k-is-light( $kendo-gantt-bg ), $gray-300, $gray-700 ) !default;
|
|
55085
|
-
$kendo-gantt-task-text: k-contrast-color( $kendo-gantt-task-bg ) !default;
|
|
55086
|
-
$kendo-gantt-task-border: if( k-is-light( $kendo-gantt-bg ), $gray-400, $gray-600 ) !default;
|
|
55087
|
-
$kendo-gantt-task-progress-bg: if( k-is-light( $kendo-gantt-bg ), $gray-400, $gray-600 ) !default;
|
|
55088
|
-
$kendo-gantt-task-selected-bg: k-color-mix( $kendo-selected-bg, $kendo-gantt-bg ) !default;
|
|
55927
|
+
$kendo-gantt-task-bg: if($kendo-enable-color-system, k-color( base ), if( k-is-light( $kendo-gantt-bg ), $gray-300, $gray-700 )) !default;
|
|
55928
|
+
$kendo-gantt-task-text: if($kendo-enable-color-system, k-color( on-base ), k-contrast-color( $kendo-gantt-task-bg )) !default;
|
|
55929
|
+
$kendo-gantt-task-border: if($kendo-enable-color-system, k-color( border-alt ), if( k-is-light( $kendo-gantt-bg ), $gray-400, $gray-600 )) !default;
|
|
55930
|
+
$kendo-gantt-task-progress-bg: if($kendo-enable-color-system, k-color( border-alt ), if( k-is-light( $kendo-gantt-bg ), $gray-400, $gray-600 )) !default;
|
|
55931
|
+
$kendo-gantt-task-selected-bg: if($kendo-enable-color-system, k-color( primary-subtle-active ), k-color-mix( $kendo-selected-bg, $kendo-gantt-bg )) !default;
|
|
55089
55932
|
$kendo-gantt-task-selected-text: $kendo-selected-text !default;
|
|
55090
55933
|
$kendo-gantt-task-selected-border: $kendo-selected-bg !default;
|
|
55091
55934
|
$kendo-gantt-task-progress-selected-bg: $kendo-selected-bg !default;
|
|
@@ -55119,10 +55962,10 @@ $kendo-gantt-planned-bg: $kendo-color-primary !default;
|
|
|
55119
55962
|
$kendo-gantt-planned-border: $kendo-gantt-planned-bg !default;
|
|
55120
55963
|
|
|
55121
55964
|
$kendo-gantt-delayed-bg: $kendo-color-error !default;
|
|
55122
|
-
$kendo-gantt-delayed-bg-lighter: k-color-tint( $kendo-gantt-delayed-bg, 5 ) !default;
|
|
55965
|
+
$kendo-gantt-delayed-bg-lighter: if($kendo-enable-color-system, k-color( error-emphasis ), k-color-tint( $kendo-gantt-delayed-bg, 5 )) !default;
|
|
55123
55966
|
|
|
55124
55967
|
$kendo-gantt-advanced-bg: $kendo-color-success !default;
|
|
55125
|
-
$kendo-gantt-advanced-bg-lighter: k-color-tint( $kendo-gantt-advanced-bg, 5 ) !default;
|
|
55968
|
+
$kendo-gantt-advanced-bg-lighter: if($kendo-enable-color-system, k-color( success-emphasis ), k-color-tint( $kendo-gantt-advanced-bg, 5 )) !default;
|
|
55126
55969
|
|
|
55127
55970
|
$kendo-gantt-action-on-offset-text: #000000 !default;
|
|
55128
55971
|
$kendo-gantt-offset-resize-handler-top: 45% !default;
|
|
@@ -55429,9 +56272,9 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
|
|
|
55429
56272
|
|
|
55430
56273
|
|
|
55431
56274
|
// Timeline
|
|
55432
|
-
.k-gantt-timeline {
|
|
56275
|
+
.k-gantt-timeline-pane {
|
|
55433
56276
|
|
|
55434
|
-
.k-timeline {
|
|
56277
|
+
.k-gantt-timeline {
|
|
55435
56278
|
height: 100%;
|
|
55436
56279
|
border-width: 0;
|
|
55437
56280
|
display: flex;
|
|
@@ -55910,7 +56753,7 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
|
|
|
55910
56753
|
}
|
|
55911
56754
|
|
|
55912
56755
|
.k-gantt,
|
|
55913
|
-
.k-gantt-timeline,
|
|
56756
|
+
.k-gantt-timeline-pane,
|
|
55914
56757
|
.k-gantt-dependencies {
|
|
55915
56758
|
width: auto !important; // stylelint-disable-line declaration-no-important
|
|
55916
56759
|
height: auto !important; // stylelint-disable-line declaration-no-important
|
|
@@ -55955,7 +56798,7 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
|
|
|
55955
56798
|
margin-inline: -26px;
|
|
55956
56799
|
}
|
|
55957
56800
|
|
|
55958
|
-
.k-gantt-timeline {
|
|
56801
|
+
.k-gantt-timeline-pane {
|
|
55959
56802
|
.k-header {
|
|
55960
56803
|
border-width: 0 $kendo-grid-cell-vertical-border-width 1px 0;
|
|
55961
56804
|
}
|
|
@@ -56015,7 +56858,7 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
|
|
|
56015
56858
|
margin-right: $kendo-gantt-rtl-milestone-planned-moment-margin-x;
|
|
56016
56859
|
}
|
|
56017
56860
|
|
|
56018
|
-
.k-gantt-timeline .k-milestone-wrap .k-task-start {
|
|
56861
|
+
.k-gantt-timeline-pane .k-milestone-wrap .k-task-start {
|
|
56019
56862
|
right: $kendo-gantt-rtl-milestone-dot-start-margin-x;
|
|
56020
56863
|
}
|
|
56021
56864
|
|
|
@@ -56431,7 +57274,7 @@ $kendo-scheduler-event-min-height: 25px !default;
|
|
|
56431
57274
|
$kendo-scheduler-event-border-radius: $kendo-border-radius-md !default;
|
|
56432
57275
|
$kendo-scheduler-event-line-height: calc( #{$kendo-scheduler-event-min-height} - (2 * #{$kendo-padding-sm-y}) ) !default;
|
|
56433
57276
|
|
|
56434
|
-
$kendo-scheduler-event-bg: k-color-tint( $kendo-selected-bg, 2 ) !default;
|
|
57277
|
+
$kendo-scheduler-event-bg: if($kendo-enable-color-system, k-color( primary ), k-color-tint( $kendo-selected-bg, 2 )) !default;
|
|
56435
57278
|
$kendo-scheduler-event-text: $kendo-selected-text !default;
|
|
56436
57279
|
$kendo-scheduler-event-border: null !default;
|
|
56437
57280
|
$kendo-scheduler-event-gradient: null !default;
|
|
@@ -56457,13 +57300,13 @@ $kendo-scheduler-cell-height: $kendo-line-height-em !default;
|
|
|
56457
57300
|
$kendo-scheduler-datecolumn-width: 12em !default;
|
|
56458
57301
|
$kendo-scheduler-timecolumn-width: 11em !default;
|
|
56459
57302
|
|
|
56460
|
-
$kendo-scheduler-nonwork-bg: k-try-shade( $kendo-scheduler-bg, .5 ) !default;
|
|
57303
|
+
$kendo-scheduler-nonwork-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-scheduler-bg, .5 )) !default;
|
|
56461
57304
|
$kendo-scheduler-nonwork-text: null !default;
|
|
56462
57305
|
|
|
56463
57306
|
$kendo-scheduler-weekend-bg: null !default;
|
|
56464
57307
|
$kendo-scheduler-weekend-text: null !default;
|
|
56465
57308
|
|
|
56466
|
-
$kendo-scheduler-othermonth-bg: k-try-shade( $kendo-scheduler-bg, .5 ) !default;
|
|
57309
|
+
$kendo-scheduler-othermonth-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-scheduler-bg, .5 )) !default;
|
|
56467
57310
|
$kendo-scheduler-othermonth-text: null !default;
|
|
56468
57311
|
|
|
56469
57312
|
$kendo-scheduler-yearview-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
@@ -57654,7 +58497,7 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
|
|
|
57654
58497
|
|
|
57655
58498
|
.k-scheduler-layout td.k-selected,
|
|
57656
58499
|
.k-scheduler-layout .k-scheduler-cell.k-selected {
|
|
57657
|
-
background-color: rgba($kendo-selected-bg, .25);
|
|
58500
|
+
background-color: if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25));
|
|
57658
58501
|
}
|
|
57659
58502
|
|
|
57660
58503
|
.k-scheduler-layout-flex {
|
|
@@ -57697,7 +58540,7 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
|
|
|
57697
58540
|
}
|
|
57698
58541
|
|
|
57699
58542
|
&.k-event-inverse {
|
|
57700
|
-
color: k-contrast-legacy( $kendo-scheduler-event-text );
|
|
58543
|
+
color: if($kendo-enable-color-system, k-color( on-app-surface ), k-contrast-legacy( $kendo-scheduler-event-text ));
|
|
57701
58544
|
}
|
|
57702
58545
|
|
|
57703
58546
|
&.k-event-ongoing {
|
|
@@ -57771,7 +58614,7 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
|
|
|
57771
58614
|
|
|
57772
58615
|
// Selected
|
|
57773
58616
|
.k-scheduler-content tr.k-selected {
|
|
57774
|
-
background-color: rgba($kendo-selected-bg, .25);
|
|
58617
|
+
background-color: if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25));
|
|
57775
58618
|
}
|
|
57776
58619
|
.k-scheduler-content tr.k-selected .k-scheduler-datecolumn,
|
|
57777
58620
|
.k-scheduler-content tr.k-selected .k-scheduler-groupcolumn {
|
|
@@ -57960,7 +58803,7 @@ $kendo-chat-bubble-hover-shadow: none !default;
|
|
|
57960
58803
|
$kendo-chat-bubble-selected-shadow: none !default;
|
|
57961
58804
|
|
|
57962
58805
|
$kendo-chat-alt-bubble-bg: $kendo-color-primary !default;
|
|
57963
|
-
$kendo-chat-alt-bubble-text: k-contrast-color( $kendo-chat-alt-bubble-bg ) !default;
|
|
58806
|
+
$kendo-chat-alt-bubble-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-chat-alt-bubble-bg )) !default;
|
|
57964
58807
|
$kendo-chat-alt-bubble-border: $kendo-chat-alt-bubble-bg !default;
|
|
57965
58808
|
$kendo-chat-alt-bubble-shadow: none !default;
|
|
57966
58809
|
$kendo-chat-alt-bubble-hover-shadow: none !default;
|
|
@@ -58635,7 +59478,7 @@ $kendo-media-player-titlebar-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
|
58635
59478
|
$kendo-media-player-titlebar-bg: null !default;
|
|
58636
59479
|
$kendo-media-player-titlebar-text: $kendo-media-player-bg !default;
|
|
58637
59480
|
$kendo-media-player-titlebar-border: null !default;
|
|
58638
|
-
$kendo-media-player-titlebar-gradient: rgba( $kendo-media-player-text, .7 ), rgba( $kendo-media-player-text, 0 ) !default;
|
|
59481
|
+
$kendo-media-player-titlebar-gradient: if($kendo-enable-color-system, ( rgba( k-color( on-app-surface, true ), .7 ), rgba( k-color( on-app-surface, true ), 0 ) ), ( rgba( $kendo-media-player-text, .7 ), rgba( $kendo-media-player-text, 0 ) )) !default;
|
|
58639
59482
|
|
|
58640
59483
|
// #endregion
|
|
58641
59484
|
// #region @import "./_layout.scss"; -> scss/mediaplayer/_layout.scss
|
|
@@ -58773,7 +59616,7 @@ $kendo-media-player-titlebar-gradient: rgba( $kendo-media-player-text, .7 ), rgb
|
|
|
58773
59616
|
.k-mediaplayer-titlebar {
|
|
58774
59617
|
color: $kendo-media-player-titlebar-text;
|
|
58775
59618
|
background-image: linear-gradient( $kendo-media-player-titlebar-gradient );
|
|
58776
|
-
text-shadow: 0 0 2px rgba( $kendo-media-player-text, .5 );
|
|
59619
|
+
text-shadow: 0 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .5 ), rgba( $kendo-media-player-text, .5 ));
|
|
58777
59620
|
}
|
|
58778
59621
|
|
|
58779
59622
|
}
|
|
@@ -58865,9 +59708,9 @@ $kendo-timeline-mobile-spacing-y: $kendo-padding-md-x !default;
|
|
|
58865
59708
|
$kendo-timeline-track-arrow-width: 38px !default;
|
|
58866
59709
|
$kendo-timeline-track-arrow-height: 38px !default;
|
|
58867
59710
|
|
|
58868
|
-
$kendo-timeline-track-arrow-disabled-
|
|
58869
|
-
$kendo-timeline-track-arrow-disabled-
|
|
58870
|
-
$kendo-timeline-track-arrow-disabled-border: k-true-mix( $kendo-button-border, $kendo-body-bg, 65% ) !default;
|
|
59711
|
+
$kendo-timeline-track-arrow-disabled-bg: if($kendo-enable-color-system, rgba( k-color( base-subtle, true ), .65 ), k-true-mix( $kendo-button-bg, $kendo-body-bg, 65% )) !default;
|
|
59712
|
+
$kendo-timeline-track-arrow-disabled-text: if($kendo-enable-color-system, rgba( k-color( on-base, true ), .65 ), k-true-mix( $kendo-button-text, $kendo-body-bg, 65% )) !default;
|
|
59713
|
+
$kendo-timeline-track-arrow-disabled-border: if($kendo-enable-color-system, rgba( k-color( border, true ), .15 ), k-true-mix( $kendo-button-border, $kendo-body-bg, 65% )) !default;
|
|
58871
59714
|
|
|
58872
59715
|
$kendo-timeline-track-size: 6px !default;
|
|
58873
59716
|
$kendo-timeline-track-wrap-padding-bottom: k-math-div( $kendo-timeline-track-size, 2 ) !default;
|
|
@@ -58891,7 +59734,7 @@ $kendo-timeline-flag-max-width: calc(#{$kendo-timeline-flag-min-width} + 2 * #{$
|
|
|
58891
59734
|
$kendo-timeline-mobile-flag-max-width: calc(#{$kendo-timeline-flag-min-width} + 2 * #{$kendo-timeline-mobile-spacing-x}) !default;
|
|
58892
59735
|
$kendo-timeline-horizontal-flag-min-width: 80px !default;
|
|
58893
59736
|
$kendo-timeline-flag-bg: $kendo-color-primary !default;
|
|
58894
|
-
$kendo-timeline-flag-text: k-contrast-color( $kendo-timeline-flag-bg ) !default;
|
|
59737
|
+
$kendo-timeline-flag-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-timeline-flag-bg )) !default;
|
|
58895
59738
|
|
|
58896
59739
|
$kendo-timeline-flag-callout-width: 10px !default;
|
|
58897
59740
|
$kendo-timeline-flag-callout-height: 10px !default;
|
|
@@ -60907,51 +61750,51 @@ $_kendo-module-meta: (
|
|
|
60907
61750
|
|
|
60908
61751
|
/// The first base series color and its light and dark shades.
|
|
60909
61752
|
/// @group charts
|
|
60910
|
-
$kendo-series-a: $blue !default;
|
|
60911
|
-
$kendo-series-a-dark: k-color-mix( black, $kendo-series-a, 25% ) !default;
|
|
60912
|
-
$kendo-series-a-darker: k-color-mix( black, $kendo-series-a, 50% ) !default;
|
|
60913
|
-
$kendo-series-a-light: k-color-mix( white, $kendo-series-a, 25% ) !default;
|
|
60914
|
-
$kendo-series-a-lighter: k-color-mix( white, $kendo-series-a, 50% ) !default;
|
|
61753
|
+
$kendo-series-a: if($kendo-enable-color-system, k-color( series-a ), $blue) !default;
|
|
61754
|
+
$kendo-series-a-dark: if($kendo-enable-color-system, k-color( series-a-bold ), k-color-mix( black, $kendo-series-a, 25% )) !default;
|
|
61755
|
+
$kendo-series-a-darker: if($kendo-enable-color-system, k-color( series-a-bolder ), k-color-mix( black, $kendo-series-a, 50% )) !default;
|
|
61756
|
+
$kendo-series-a-light: if($kendo-enable-color-system, k-color( series-a-subtle ), k-color-mix( white, $kendo-series-a, 25% )) !default;
|
|
61757
|
+
$kendo-series-a-lighter: if($kendo-enable-color-system, k-color( series-a-subtler ), k-color-mix( white, $kendo-series-a, 50% )) !default;
|
|
60915
61758
|
|
|
60916
61759
|
/// The second base series color and its light and dark shades.
|
|
60917
61760
|
/// @group charts
|
|
60918
|
-
$kendo-series-b: $purple !default;
|
|
60919
|
-
$kendo-series-b-dark: k-color-mix( black, $kendo-series-b, 25% ) !default;
|
|
60920
|
-
$kendo-series-b-darker: k-color-mix( black, $kendo-series-b, 50% ) !default;
|
|
60921
|
-
$kendo-series-b-light: k-color-mix( white, $kendo-series-b, 25% ) !default;
|
|
60922
|
-
$kendo-series-b-lighter: k-color-mix( white, $kendo-series-b, 50% ) !default;
|
|
61761
|
+
$kendo-series-b: if($kendo-enable-color-system, k-color( series-b ), $purple) !default;
|
|
61762
|
+
$kendo-series-b-dark: if($kendo-enable-color-system, k-color( series-b-bold ), k-color-mix( black, $kendo-series-b, 25% )) !default;
|
|
61763
|
+
$kendo-series-b-darker: if($kendo-enable-color-system, k-color( series-b-bolder ), k-color-mix( black, $kendo-series-b, 50% )) !default;
|
|
61764
|
+
$kendo-series-b-light: if($kendo-enable-color-system, k-color( series-b-subtle ), k-color-mix( white, $kendo-series-b, 25% )) !default;
|
|
61765
|
+
$kendo-series-b-lighter: if($kendo-enable-color-system, k-color( series-b-subtler ), k-color-mix( white, $kendo-series-b, 50% )) !default;
|
|
60923
61766
|
|
|
60924
61767
|
/// The third base series color and its light and dark shades.
|
|
60925
61768
|
/// @group charts
|
|
60926
|
-
$kendo-series-c: $teal !default;
|
|
60927
|
-
$kendo-series-c-dark: k-color-mix( black, $kendo-series-c, 25% ) !default;
|
|
60928
|
-
$kendo-series-c-darker: k-color-mix( black, $kendo-series-c, 50% ) !default;
|
|
60929
|
-
$kendo-series-c-light: k-color-mix( white, $kendo-series-c, 25% ) !default;
|
|
60930
|
-
$kendo-series-c-lighter: k-color-mix( white, $kendo-series-c, 50% ) !default;
|
|
61769
|
+
$kendo-series-c: if($kendo-enable-color-system, k-color( series-c ), $teal) !default;
|
|
61770
|
+
$kendo-series-c-dark: if($kendo-enable-color-system, k-color( series-c-bold ), k-color-mix( black, $kendo-series-c, 25% )) !default;
|
|
61771
|
+
$kendo-series-c-darker: if($kendo-enable-color-system, k-color( series-c-bolder ), k-color-mix( black, $kendo-series-c, 50% )) !default;
|
|
61772
|
+
$kendo-series-c-light: if($kendo-enable-color-system, k-color( series-c-subtle ), k-color-mix( white, $kendo-series-c, 25% )) !default;
|
|
61773
|
+
$kendo-series-c-lighter: if($kendo-enable-color-system, k-color( series-c-subtler ), k-color-mix( white, $kendo-series-c, 50% )) !default;
|
|
60931
61774
|
|
|
60932
61775
|
/// The fourth base series color and its light and dark shades.
|
|
60933
61776
|
/// @group charts
|
|
60934
|
-
$kendo-series-d: $green !default;
|
|
60935
|
-
$kendo-series-d-dark: k-color-mix( black, $kendo-series-d, 25% ) !default;
|
|
60936
|
-
$kendo-series-d-darker: k-color-mix( black, $kendo-series-d, 50% ) !default;
|
|
60937
|
-
$kendo-series-d-light: k-color-mix( white, $kendo-series-d, 25% ) !default;
|
|
60938
|
-
$kendo-series-d-lighter: k-color-mix( white, $kendo-series-d, 50% ) !default;
|
|
61777
|
+
$kendo-series-d: if($kendo-enable-color-system, k-color( series-d ), $green) !default;
|
|
61778
|
+
$kendo-series-d-dark: if($kendo-enable-color-system, k-color( series-d-bold ), k-color-mix( black, $kendo-series-d, 25% )) !default;
|
|
61779
|
+
$kendo-series-d-darker: if($kendo-enable-color-system, k-color( series-d-bolder ), k-color-mix( black, $kendo-series-d, 50% )) !default;
|
|
61780
|
+
$kendo-series-d-light: if($kendo-enable-color-system, k-color( series-d-subtle ), k-color-mix( white, $kendo-series-d, 25% )) !default;
|
|
61781
|
+
$kendo-series-d-lighter: if($kendo-enable-color-system, k-color( series-d-subtler ), k-color-mix( white, $kendo-series-d, 50% )) !default;
|
|
60939
61782
|
|
|
60940
61783
|
/// The fifth base series color and its light and dark shades.
|
|
60941
61784
|
/// @group charts
|
|
60942
|
-
$kendo-series-e: $yellow !default;
|
|
60943
|
-
$kendo-series-e-dark: k-color-mix( black, $kendo-series-e, 25% ) !default;
|
|
60944
|
-
$kendo-series-e-darker: k-color-mix( black, $kendo-series-e, 50% ) !default;
|
|
60945
|
-
$kendo-series-e-light: k-color-mix( white, $kendo-series-e, 25% ) !default;
|
|
60946
|
-
$kendo-series-e-lighter: k-color-mix( white, $kendo-series-e, 50% ) !default;
|
|
61785
|
+
$kendo-series-e: if($kendo-enable-color-system, k-color( series-e ), $yellow) !default;
|
|
61786
|
+
$kendo-series-e-dark: if($kendo-enable-color-system, k-color( series-e-bold ), k-color-mix( black, $kendo-series-e, 25% )) !default;
|
|
61787
|
+
$kendo-series-e-darker: if($kendo-enable-color-system, k-color( series-e-bolder ), k-color-mix( black, $kendo-series-e, 50% )) !default;
|
|
61788
|
+
$kendo-series-e-light: if($kendo-enable-color-system, k-color( series-e-subtle ), k-color-mix( white, $kendo-series-e, 25% )) !default;
|
|
61789
|
+
$kendo-series-e-lighter: if($kendo-enable-color-system, k-color( series-e-subtler ), k-color-mix( white, $kendo-series-e, 50% )) !default;
|
|
60947
61790
|
|
|
60948
61791
|
/// The sixth base series color and its light and dark shades.
|
|
60949
61792
|
/// @group charts
|
|
60950
|
-
$kendo-series-f: $red !default;
|
|
60951
|
-
$kendo-series-f-dark: k-color-mix( black, $kendo-series-f, 25% ) !default;
|
|
60952
|
-
$kendo-series-f-darker: k-color-mix( black, $kendo-series-f, 50% ) !default;
|
|
60953
|
-
$kendo-series-f-light: k-color-mix( white, $kendo-series-f, 25% ) !default;
|
|
60954
|
-
$kendo-series-f-lighter: k-color-mix( white, $kendo-series-f, 50% ) !default;
|
|
61793
|
+
$kendo-series-f: if($kendo-enable-color-system, k-color( series-f ), $red) !default;
|
|
61794
|
+
$kendo-series-f-dark: if($kendo-enable-color-system, k-color( series-f-bold ), k-color-mix( black, $kendo-series-f, 25% )) !default;
|
|
61795
|
+
$kendo-series-f-darker: if($kendo-enable-color-system, k-color( series-f-bolder ), k-color-mix( black, $kendo-series-f, 50% )) !default;
|
|
61796
|
+
$kendo-series-f-light: if($kendo-enable-color-system, k-color( series-f-subtle ), k-color-mix( white, $kendo-series-f, 25% )) !default;
|
|
61797
|
+
$kendo-series-f-lighter: if($kendo-enable-color-system, k-color( series-f-subtler ), k-color-mix( white, $kendo-series-f, 50% )) !default;
|
|
60955
61798
|
|
|
60956
61799
|
/// The series colors in order:
|
|
60957
61800
|
/// base, light, dark, lighter, darker
|
|
@@ -61002,13 +61845,13 @@ $kendo-chart-pane-title-font-weight: $kendo-font-weight-normal !default;
|
|
|
61002
61845
|
|
|
61003
61846
|
/// The color of the Chart grid lines (major).
|
|
61004
61847
|
/// @group charts
|
|
61005
|
-
$kendo-chart-major-lines: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .08 ) !default;
|
|
61848
|
+
$kendo-chart-major-lines: rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .08 ) !default;
|
|
61006
61849
|
|
|
61007
61850
|
/// The color of the Chart grid lines (minor).
|
|
61008
61851
|
/// @group charts
|
|
61009
|
-
$kendo-chart-minor-lines: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .04 ) !default;
|
|
61852
|
+
$kendo-chart-minor-lines: rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .04 ) !default;
|
|
61010
61853
|
|
|
61011
|
-
$kendo-chart-inactive: rgba( $kendo-body-text, .5 ) !default;
|
|
61854
|
+
$kendo-chart-inactive: rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), $kendo-body-text), .5 ) !default;
|
|
61012
61855
|
$kendo-chart-area-opacity: .6 !default;
|
|
61013
61856
|
$kendo-chart-area-inactive-opacity: .1 !default;
|
|
61014
61857
|
$kendo-chart-line-inactive-opacity: .3 !default;
|
|
@@ -61019,20 +61862,20 @@ $kendo-chart-bg: $kendo-component-bg !default;
|
|
|
61019
61862
|
$kendo-chart-text: $kendo-component-text !default;
|
|
61020
61863
|
$kendo-chart-border: $kendo-component-border !default;
|
|
61021
61864
|
|
|
61022
|
-
$kendo-chart-crosshair-background: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .5 ) !default;
|
|
61865
|
+
$kendo-chart-crosshair-background: rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .5 ) !default;
|
|
61023
61866
|
$kendo-chart-crosshair-shared-tooltip-color: $kendo-chart-text !default;
|
|
61024
|
-
$kendo-chart-crosshair-shared-tooltip-background: k-try-shade( $kendo-chart-bg, 1 ) !default;
|
|
61025
|
-
$kendo-chart-crosshair-shared-tooltip-border: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .08) !default;
|
|
61867
|
+
$kendo-chart-crosshair-shared-tooltip-background: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-chart-bg, 1 )) !default;
|
|
61868
|
+
$kendo-chart-crosshair-shared-tooltip-border: rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ))), .08) !default;
|
|
61026
61869
|
|
|
61027
|
-
$kendo-chart-notes-background: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .5 ) !default;
|
|
61028
|
-
$kendo-chart-notes-border: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .5 ) !default;
|
|
61029
|
-
$kendo-chart-notes-lines: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .5 ) !default;
|
|
61870
|
+
$kendo-chart-notes-background: rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .5 ) !default;
|
|
61871
|
+
$kendo-chart-notes-border: rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .5 ) !default;
|
|
61872
|
+
$kendo-chart-notes-lines: rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .5 ) !default;
|
|
61030
61873
|
|
|
61031
|
-
$kendo-chart-error-bars-background: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .5 ) !default;
|
|
61874
|
+
$kendo-chart-error-bars-background: rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .5 ) !default;
|
|
61032
61875
|
|
|
61033
61876
|
$kendo-chart-selection-handle-size: 22px !default;
|
|
61034
|
-
$kendo-chart-selection-border-color: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .08 ) !default;
|
|
61035
|
-
$kendo-chart-selection-shadow: inset 0 1px 7px rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .15) !default;
|
|
61877
|
+
$kendo-chart-selection-border-color: rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .08 ) !default;
|
|
61878
|
+
$kendo-chart-selection-shadow: inset 0 1px 7px rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .15) !default;
|
|
61036
61879
|
|
|
61037
61880
|
|
|
61038
61881
|
// TreeMap
|
|
@@ -61498,14 +62341,14 @@ $kendo-treemap-line-height: $kendo-line-height-md !default;
|
|
|
61498
62341
|
series-30: $kendo-series-30,
|
|
61499
62342
|
|
|
61500
62343
|
gauge-pointer: $kendo-color-primary,
|
|
61501
|
-
gauge-track: k-try-shade( $kendo-chart-bg )
|
|
62344
|
+
gauge-track: if($kendo-enable-color-system, k-color( base ), k-try-shade( $kendo-chart-bg ))
|
|
61502
62345
|
);
|
|
61503
62346
|
|
|
61504
62347
|
@each $name, $value in $exported {
|
|
61505
62348
|
$type: k-meta-type-of($value);
|
|
61506
62349
|
|
|
61507
62350
|
.k-var--#{$name} {
|
|
61508
|
-
@if $type == "color" {
|
|
62351
|
+
@if $type == "color" or $type == "string" {
|
|
61509
62352
|
// background-color can store any color
|
|
61510
62353
|
background-color: $value;
|
|
61511
62354
|
} @else if $type == "number" {
|
|
@@ -61794,7 +62637,7 @@ $kendo-map-zoom-control-button-padding-y: $kendo-map-zoom-control-button-padding
|
|
|
61794
62637
|
$kendo-map-attribution-padding-x: $kendo-padding-sm-x !default;
|
|
61795
62638
|
$kendo-map-attribution-padding-y: $kendo-padding-sm-y !default;
|
|
61796
62639
|
$kendo-map-attribution-font-size: ($kendo-map-font-size * .75) !default;
|
|
61797
|
-
$kendo-map-attribution-bg: rgba( $kendo-map-bg, .8 ) !default;
|
|
62640
|
+
$kendo-map-attribution-bg: if($kendo-enable-color-system, rgba( k-color( app-surface, true ), .8 ), rgba( $kendo-map-bg, .8 )) !default;
|
|
61798
62641
|
|
|
61799
62642
|
$kendo-map-marker-fill: $kendo-color-primary !default;
|
|
61800
62643
|
|
|
@@ -62395,7 +63238,7 @@ $kendo-signature-lg-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
|
62395
63238
|
|
|
62396
63239
|
$kendo-signature-line-width: 1px !default;
|
|
62397
63240
|
$kendo-signature-line-style: dashed !default;
|
|
62398
|
-
$kendo-signature-line-color: rgba( $kendo-color-info, .24 ) !default;
|
|
63241
|
+
$kendo-signature-line-color: if($kendo-enable-color-system, rgba( k-color( info, true ), .24 ), rgba( $kendo-color-info, .24 )) !default;
|
|
62399
63242
|
|
|
62400
63243
|
$kendo-signature-line-size: calc( 100% - 2 * #{$kendo-signature-padding-x} ) !default;
|
|
62401
63244
|
$kendo-signature-sm-line-size: calc( 100% - 2 * #{$kendo-signature-sm-padding-x} ) !default;
|
|
@@ -62736,7 +63579,6 @@ $kendo-signature-maximized-line-width: 3px !default;
|
|
|
62736
63579
|
|
|
62737
63580
|
// #endregion
|
|
62738
63581
|
|
|
62739
|
-
|
|
62740
63582
|
@if not $kendo-auto-bootstrap {
|
|
62741
63583
|
@include kendo-theme--config();
|
|
62742
63584
|
@include kendo-theme--styles();
|