@progress/kendo-theme-bootstrap 7.1.0-dev.7 → 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 +78 -45
- package/dist/all.scss +1534 -704
- 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.
|
|
@@ -27016,9 +27693,7 @@ $_kendo-module-meta: (
|
|
|
27016
27693
|
}
|
|
27017
27694
|
|
|
27018
27695
|
// Valid
|
|
27019
|
-
&.k-valid
|
|
27020
|
-
&.ng-valid.ng-touched,
|
|
27021
|
-
&.ng-valid.ng-dirty {
|
|
27696
|
+
&.k-valid {
|
|
27022
27697
|
@include fill( $border: $kendo-input-valid-border );
|
|
27023
27698
|
|
|
27024
27699
|
.k-input-validation-icon {
|
|
@@ -27124,9 +27799,7 @@ $_kendo-module-meta: (
|
|
|
27124
27799
|
}
|
|
27125
27800
|
|
|
27126
27801
|
// Valid
|
|
27127
|
-
&.k-valid
|
|
27128
|
-
&.ng-valid.ng-touched,
|
|
27129
|
-
&.ng-valid.ng-dirty {
|
|
27802
|
+
&.k-valid {
|
|
27130
27803
|
@include fill( $border: $kendo-input-valid-border );
|
|
27131
27804
|
|
|
27132
27805
|
.k-input-validation-icon {
|
|
@@ -27227,9 +27900,7 @@ $_kendo-module-meta: (
|
|
|
27227
27900
|
}
|
|
27228
27901
|
|
|
27229
27902
|
// Valid
|
|
27230
|
-
&.k-valid
|
|
27231
|
-
&.ng-valid.ng-touched,
|
|
27232
|
-
&.ng-valid.ng-dirty {
|
|
27903
|
+
&.k-valid {
|
|
27233
27904
|
@include fill( $border: $kendo-input-valid-border );
|
|
27234
27905
|
|
|
27235
27906
|
.k-input-validation-icon {
|
|
@@ -27341,9 +28012,7 @@ $_kendo-module-meta: (
|
|
|
27341
28012
|
}
|
|
27342
28013
|
|
|
27343
28014
|
// Valid
|
|
27344
|
-
&.k-valid
|
|
27345
|
-
&.ng-valid.ng-touched,
|
|
27346
|
-
&.ng-valid.ng-dirty {
|
|
28015
|
+
&.k-valid {
|
|
27347
28016
|
@include fill( $border: $kendo-input-valid-border );
|
|
27348
28017
|
|
|
27349
28018
|
.k-input-validation-icon {
|
|
@@ -27431,9 +28100,7 @@ $_kendo-module-meta: (
|
|
|
27431
28100
|
}
|
|
27432
28101
|
|
|
27433
28102
|
// Valid
|
|
27434
|
-
&.k-valid
|
|
27435
|
-
&.ng-valid.ng-touched,
|
|
27436
|
-
&.ng-valid.ng-dirty {
|
|
28103
|
+
&.k-valid {
|
|
27437
28104
|
@include fill( $border: $kendo-input-valid-border );
|
|
27438
28105
|
|
|
27439
28106
|
.k-input-validation-icon {
|
|
@@ -27545,9 +28212,7 @@ $_kendo-module-meta: (
|
|
|
27545
28212
|
}
|
|
27546
28213
|
|
|
27547
28214
|
// Valid
|
|
27548
|
-
&.k-valid
|
|
27549
|
-
&.ng-valid.ng-touched,
|
|
27550
|
-
&.ng-valid.ng-dirty {
|
|
28215
|
+
&.k-valid {
|
|
27551
28216
|
@include fill( $border: $kendo-input-valid-border );
|
|
27552
28217
|
|
|
27553
28218
|
.k-input-validation-icon {
|
|
@@ -28972,7 +29637,7 @@ $kendo-circular-progressbar-scale-stroke: $kendo-progressbar-bg !default;
|
|
|
28972
29637
|
|
|
28973
29638
|
.k-progressbar-indeterminate {
|
|
28974
29639
|
@include fill( $kendo-progressbar-indeterminate-text, $kendo-progressbar-indeterminate-bg, $kendo-progressbar-indeterminate-border );
|
|
28975
|
-
@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)) );
|
|
28976
29641
|
background-size: $kendo-progressbar-height $kendo-progressbar-height;
|
|
28977
29642
|
animation: kendo-progressbar-indeterminate-animation $kendo-progressbar-animation-timing;
|
|
28978
29643
|
}
|
|
@@ -29669,21 +30334,21 @@ $kendo-slider-draghandle-active-scale: 1 !default;
|
|
|
29669
30334
|
$kendo-slider-draghandle-active-size: null !default;
|
|
29670
30335
|
|
|
29671
30336
|
$kendo-slider-draghandle-bg: $kendo-color-primary !default;
|
|
29672
|
-
$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;
|
|
29673
30338
|
$kendo-slider-draghandle-border: $kendo-color-primary !default;
|
|
29674
30339
|
$kendo-slider-draghandle-gradient: null !default;
|
|
29675
30340
|
|
|
29676
|
-
$kendo-slider-draghandle-hover-bg: k-try-darken( $kendo-color-primary, 7.5% ) !default;
|
|
29677
|
-
$kendo-slider-draghandle-hover-text: k-contrast-color( $kendo-color-primary ) !default;
|
|
29678
|
-
$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;
|
|
29679
30344
|
$kendo-slider-draghandle-hover-gradient: null !default;
|
|
29680
30345
|
|
|
29681
|
-
$kendo-slider-draghandle-pressed-bg: k-try-darken( $kendo-color-primary, 10% ) !default;
|
|
29682
|
-
$kendo-slider-draghandle-pressed-text: k-contrast-color( $kendo-color-primary ) !default;
|
|
29683
|
-
$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;
|
|
29684
30349
|
$kendo-slider-draghandle-pressed-gradient: null !default;
|
|
29685
30350
|
|
|
29686
|
-
$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;
|
|
29687
30352
|
|
|
29688
30353
|
$kendo-slider-transition-speed: .3s !default;
|
|
29689
30354
|
$kendo-slider-transition-function: ease-out !default;
|
|
@@ -30347,7 +31012,7 @@ $kendo-calendar-cell-selected-hover-border: $kendo-selected-hover-border !defaul
|
|
|
30347
31012
|
$kendo-calendar-cell-selected-hover-gradient: null !default;
|
|
30348
31013
|
|
|
30349
31014
|
$kendo-calendar-cell-focus-shadow: inset $kendo-button-focus-shadow !default;
|
|
30350
|
-
$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;
|
|
30351
31016
|
|
|
30352
31017
|
|
|
30353
31018
|
// Calendar navigation
|
|
@@ -31098,7 +31763,7 @@ $kendo-calendar-sizes: (
|
|
|
31098
31763
|
.k-calendar { // stylelint-disable-line
|
|
31099
31764
|
|
|
31100
31765
|
$kendo-calendar-range-gap: 1px !default;
|
|
31101
|
-
$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 ));
|
|
31102
31767
|
$kendo-calendar-range-split-size: 5px !default;
|
|
31103
31768
|
|
|
31104
31769
|
.k-range-start,
|
|
@@ -34704,7 +35369,7 @@ $kendo-treeview-item-selected-gradient: null !default;
|
|
|
34704
35369
|
|
|
34705
35370
|
/// The box shadow of focused TreeView items.
|
|
34706
35371
|
/// @group treeview
|
|
34707
|
-
$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;
|
|
34708
35373
|
|
|
34709
35374
|
/// The background color of the Load More button in the TreeView.
|
|
34710
35375
|
/// @group treeview
|
|
@@ -35760,17 +36425,17 @@ $kendo-switch-off-track-focus-bg: null !default;
|
|
|
35760
36425
|
$kendo-switch-off-track-focus-text: null !default;
|
|
35761
36426
|
/// The border color of the track when the focused Switch is not checked.
|
|
35762
36427
|
/// @group switch
|
|
35763
|
-
$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;
|
|
35764
36429
|
/// The background gradient of the track when the focused Switch is not checked.
|
|
35765
36430
|
/// @group switch
|
|
35766
36431
|
$kendo-switch-off-track-focus-gradient: null !default;
|
|
35767
36432
|
/// The ring around the track when the focused Switch is not checked.
|
|
35768
36433
|
/// @group switch
|
|
35769
|
-
$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;
|
|
35770
36435
|
|
|
35771
36436
|
/// The background of the track when the disabled Switch is not checked.
|
|
35772
36437
|
/// @group switch
|
|
35773
|
-
$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;
|
|
35774
36439
|
/// The text color of the track when the disabled Switch is not checked.
|
|
35775
36440
|
/// @group switch
|
|
35776
36441
|
$kendo-switch-off-track-disabled-text: null !default;
|
|
@@ -35848,11 +36513,11 @@ $kendo-switch-on-track-focus-border: null !default;
|
|
|
35848
36513
|
$kendo-switch-on-track-focus-gradient: null !default;
|
|
35849
36514
|
/// The ring around the track when the focused Switch is checked.
|
|
35850
36515
|
/// @group switch
|
|
35851
|
-
$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;
|
|
35852
36517
|
|
|
35853
36518
|
/// The background of the track when the disabled Switch is checked.
|
|
35854
36519
|
/// @group switch
|
|
35855
|
-
$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;
|
|
35856
36521
|
/// The text color of the track when the disabled Switch is checked.
|
|
35857
36522
|
/// @group switch
|
|
35858
36523
|
$kendo-switch-on-track-disabled-text: null !default;
|
|
@@ -35865,7 +36530,7 @@ $kendo-switch-on-track-disabled-gradient: null !default;
|
|
|
35865
36530
|
|
|
35866
36531
|
/// The background of the thumb when the Switch is checked.
|
|
35867
36532
|
/// @group switch
|
|
35868
|
-
$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;
|
|
35869
36534
|
/// The text color of the thumb when the Switch is checked.
|
|
35870
36535
|
/// @group switch
|
|
35871
36536
|
$kendo-switch-on-thumb-text: null !default;
|
|
@@ -36129,7 +36794,7 @@ $kendo-switch-on-thumb-hover-gradient: null !default;
|
|
|
36129
36794
|
$kendo-switch-off-track-focus-gradient
|
|
36130
36795
|
);
|
|
36131
36796
|
@if $kendo-enable-focus-contrast {
|
|
36132
|
-
@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 )) );
|
|
36133
36798
|
} @else {
|
|
36134
36799
|
outline: $kendo-switch-off-track-focus-ring;
|
|
36135
36800
|
}
|
|
@@ -36209,7 +36874,7 @@ $kendo-switch-on-thumb-hover-gradient: null !default;
|
|
|
36209
36874
|
$kendo-switch-on-track-focus-gradient
|
|
36210
36875
|
);
|
|
36211
36876
|
@if $kendo-enable-focus-contrast {
|
|
36212
|
-
@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 )) );
|
|
36213
36878
|
} @else {
|
|
36214
36879
|
outline: $kendo-switch-on-track-focus-ring;
|
|
36215
36880
|
}
|
|
@@ -36356,7 +37021,7 @@ $kendo-dropzone-line-height: $kendo-line-height-md !default;
|
|
|
36356
37021
|
|
|
36357
37022
|
/// The background color of the DropZone.
|
|
36358
37023
|
/// @group dropzone
|
|
36359
|
-
$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;
|
|
36360
37025
|
/// The text color of the DropZone.
|
|
36361
37026
|
/// @group dropzone
|
|
36362
37027
|
$kendo-dropzone-text: $kendo-component-text !default;
|
|
@@ -36369,7 +37034,7 @@ $kendo-dropzone-border: $kendo-component-border !default;
|
|
|
36369
37034
|
$kendo-dropzone-icon-spacing: k-map-get( $kendo-spacing, 6 ) !default;
|
|
36370
37035
|
/// The text color of the DropZone icon.
|
|
36371
37036
|
/// @group dropzone
|
|
36372
|
-
$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;
|
|
36373
37038
|
/// The text color of the hovered DropZone icon.
|
|
36374
37039
|
/// @group dropzone
|
|
36375
37040
|
$kendo-dropzone-icon-hover-text: $kendo-color-primary !default;
|
|
@@ -36573,7 +37238,7 @@ $kendo-upload-dropzone-bg: $kendo-component-header-bg !default;
|
|
|
36573
37238
|
$kendo-upload-dropzone-border: $kendo-upload-border !default;
|
|
36574
37239
|
/// The background color of the hovered Upload dropzone.
|
|
36575
37240
|
/// @group upload
|
|
36576
|
-
$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;
|
|
36577
37242
|
|
|
36578
37243
|
/// The text color of the Upload status message.
|
|
36579
37244
|
/// @group upload
|
|
@@ -37101,14 +37766,14 @@ $kendo-appbar-gap: k-map-get( $kendo-spacing, 2 ) !default;
|
|
|
37101
37766
|
$kendo-appbar-light-bg: $kendo-color-light !default;
|
|
37102
37767
|
/// The text color of the AppBar based on light theme color.
|
|
37103
37768
|
/// @group appbar
|
|
37104
|
-
$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;
|
|
37105
37770
|
|
|
37106
37771
|
/// The background color of the AppBar based on dark theme color.
|
|
37107
37772
|
/// @group appbar
|
|
37108
37773
|
$kendo-appbar-dark-bg: $kendo-color-dark !default;
|
|
37109
37774
|
/// The text color of the AppBar based on dark theme color.
|
|
37110
37775
|
/// @group appbar
|
|
37111
|
-
$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;
|
|
37112
37777
|
|
|
37113
37778
|
/// The box shadow of the AppBar.
|
|
37114
37779
|
/// @group appbar
|
|
@@ -37268,7 +37933,7 @@ $kendo-appbar-bottom-box-shadow: k-elevation(4) !default;
|
|
|
37268
37933
|
color: $kendo-appbar-dark-text;
|
|
37269
37934
|
background-color: $kendo-appbar-dark-bg;
|
|
37270
37935
|
} @else {
|
|
37271
|
-
color: k-contrast-legacy( $color );
|
|
37936
|
+
color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color ));
|
|
37272
37937
|
background-color: $color;
|
|
37273
37938
|
}
|
|
37274
37939
|
}
|
|
@@ -37689,7 +38354,7 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37689
38354
|
outline: $kendo-fab-border-width $kendo-fab-outline-style $color;
|
|
37690
38355
|
outline-offset: -$kendo-fab-border-width;
|
|
37691
38356
|
border-color: $color;
|
|
37692
|
-
color: k-contrast-legacy( $color );
|
|
38357
|
+
color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color ));
|
|
37693
38358
|
background-color: $color;
|
|
37694
38359
|
}
|
|
37695
38360
|
}
|
|
@@ -37698,8 +38363,8 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37698
38363
|
@each $name, $color in $kendo-fab-theme-colors {
|
|
37699
38364
|
.k-hover.k-fab-solid-#{$name},
|
|
37700
38365
|
.k-fab-solid-#{$name}:hover {
|
|
37701
|
-
border-color: k-try-shade( $color, .5 );
|
|
37702
|
-
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 ));
|
|
37703
38368
|
}
|
|
37704
38369
|
}
|
|
37705
38370
|
|
|
@@ -37710,7 +38375,7 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37710
38375
|
@if $kendo-enable-focus-contrast {
|
|
37711
38376
|
@include box-shadow( inset 0 0 0 2px currentColor );
|
|
37712
38377
|
} @else {
|
|
37713
|
-
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 ));
|
|
37714
38379
|
}
|
|
37715
38380
|
}
|
|
37716
38381
|
}
|
|
@@ -37721,8 +38386,8 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37721
38386
|
.k-selected.k-fab-solid-#{$name},
|
|
37722
38387
|
.k-fab-solid-#{$name}:active {
|
|
37723
38388
|
@include box-shadow($kendo-fab-active-shadow);
|
|
37724
|
-
border-color: k-try-shade( $color, 1.5);
|
|
37725
|
-
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));
|
|
37726
38391
|
}
|
|
37727
38392
|
}
|
|
37728
38393
|
|
|
@@ -37731,8 +38396,8 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37731
38396
|
.k-disabled.k-fab-solid-#{$name},
|
|
37732
38397
|
.k-fab-solid-#{$name}:disabled {
|
|
37733
38398
|
@include box-shadow($kendo-fab-disabled-shadow);
|
|
37734
|
-
background-color: k-try-tint( $color, 5 );
|
|
37735
|
-
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 ));
|
|
37736
38401
|
opacity: 1;
|
|
37737
38402
|
}
|
|
37738
38403
|
}
|
|
@@ -37761,8 +38426,8 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37761
38426
|
// Hover state
|
|
37762
38427
|
.k-fab-item.k-hover .k-fab-item-icon,
|
|
37763
38428
|
.k-fab-item:hover .k-fab-item-icon {
|
|
37764
|
-
border-color: k-try-shade( $kendo-fab-item-icon-border, .5 );
|
|
37765
|
-
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 ));
|
|
37766
38431
|
}
|
|
37767
38432
|
|
|
37768
38433
|
// Focus state
|
|
@@ -37771,7 +38436,7 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37771
38436
|
.k-fab-item.k-focus .k-fab-item-text,
|
|
37772
38437
|
.k-fab-item.k-focus .k-fab-item-icon {
|
|
37773
38438
|
@if $kendo-enable-focus-contrast {
|
|
37774
|
-
@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 )) );
|
|
37775
38440
|
} @else {
|
|
37776
38441
|
outline: $kendo-fab-item-outline-style $kendo-fab-item-outline-width $kendo-fab-item-outline-color;
|
|
37777
38442
|
}
|
|
@@ -37781,8 +38446,8 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37781
38446
|
.k-fab-item.k-active .k-fab-item-icon,
|
|
37782
38447
|
.k-fab-item:active .k-fab-item-icon {
|
|
37783
38448
|
@include box-shadow($kendo-fab-item-active-shadow);
|
|
37784
|
-
border-color: k-try-shade( $kendo-fab-item-icon-border, 1);
|
|
37785
|
-
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 ));
|
|
37786
38451
|
}
|
|
37787
38452
|
|
|
37788
38453
|
// Disabled state
|
|
@@ -37793,8 +38458,8 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37793
38458
|
.k-fab-item-text,
|
|
37794
38459
|
.k-fab-item-icon {
|
|
37795
38460
|
@include box-shadow($kendo-fab-item-disabled-shadow);
|
|
37796
|
-
background-color: k-try-tint( $kendo-fab-item-bg, 5 );
|
|
37797
|
-
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 ));
|
|
37798
38463
|
}
|
|
37799
38464
|
}
|
|
37800
38465
|
|
|
@@ -37822,7 +38487,7 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37822
38487
|
outline: $kendo-fab-border-width $kendo-fab-outline-style $color;
|
|
37823
38488
|
outline-offset: -$kendo-fab-border-width;
|
|
37824
38489
|
border-color: $color;
|
|
37825
|
-
color: k-contrast-color( $color );
|
|
38490
|
+
color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-color( $color ));
|
|
37826
38491
|
background-color: $color;
|
|
37827
38492
|
}
|
|
37828
38493
|
}
|
|
@@ -37831,9 +38496,9 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37831
38496
|
@each $name, $color in $kendo-fab-theme-colors {
|
|
37832
38497
|
.k-fab-solid-#{$name}:hover,
|
|
37833
38498
|
.k-fab-solid-#{$name}.k-hover {
|
|
37834
|
-
border-color: k-color-darken( $color, 10% );
|
|
37835
|
-
color: k-contrast-color( k-color-darken( $color, 7.5% ) );
|
|
37836
|
-
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% ));
|
|
37837
38502
|
}
|
|
37838
38503
|
}
|
|
37839
38504
|
|
|
@@ -37841,7 +38506,7 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37841
38506
|
@each $name, $color in $kendo-fab-theme-colors {
|
|
37842
38507
|
.k-fab-solid-#{$name}:focus,
|
|
37843
38508
|
.k-fab-solid-#{$name}.k-focus {
|
|
37844
|
-
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 ));
|
|
37845
38510
|
}
|
|
37846
38511
|
}
|
|
37847
38512
|
|
|
@@ -37851,9 +38516,9 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37851
38516
|
.k-fab-solid-#{$name}.k-active,
|
|
37852
38517
|
.k-fab-solid-#{$name}.k-selected {
|
|
37853
38518
|
@include box-shadow( $kendo-fab-active-shadow );
|
|
37854
|
-
border-color: k-color-darken( $color, 12.5% );
|
|
37855
|
-
color: k-contrast-color( k-color-darken( $color, 10% ) );
|
|
37856
|
-
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% ));
|
|
37857
38522
|
}
|
|
37858
38523
|
}
|
|
37859
38524
|
|
|
@@ -37862,8 +38527,8 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37862
38527
|
.k-fab-solid-#{$name}:disabled,
|
|
37863
38528
|
.k-fab-solid-#{$name}.k-disabled {
|
|
37864
38529
|
@include box-shadow( $kendo-fab-disabled-shadow );
|
|
37865
|
-
background-color: k-try-tint( $color, 4.5 );
|
|
37866
|
-
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 ));
|
|
37867
38532
|
opacity: 1;
|
|
37868
38533
|
}
|
|
37869
38534
|
}
|
|
@@ -37892,11 +38557,11 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37892
38557
|
.k-fab-item:hover .k-fab-item-icon,
|
|
37893
38558
|
.k-fab-item.k-hover .k-fab-item-icon {
|
|
37894
38559
|
@include box-shadow( $kendo-fab-item-shadow );
|
|
37895
|
-
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% ));
|
|
37896
38561
|
outline-offset: -$kendo-fab-border-width;
|
|
37897
|
-
border-color: k-color-darken( $kendo-fab-item-icon-border, 10% );
|
|
37898
|
-
color: k-contrast-color( k-color-darken( $kendo-fab-item-icon-bg, 7.5% ) );
|
|
37899
|
-
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% ));
|
|
37900
38565
|
}
|
|
37901
38566
|
|
|
37902
38567
|
// Focus state
|
|
@@ -37904,18 +38569,18 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37904
38569
|
.k-fab-item.k-focus .k-fab-item-text,
|
|
37905
38570
|
.k-fab-item:focus .k-fab-item-icon,
|
|
37906
38571
|
.k-fab-item.k-focus .k-fab-item-icon {
|
|
37907
|
-
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 ));
|
|
37908
38573
|
}
|
|
37909
38574
|
|
|
37910
38575
|
// Active state
|
|
37911
38576
|
.k-fab-item:active .k-fab-item-icon,
|
|
37912
38577
|
.k-fab-item.k-active .k-fab-item-icon {
|
|
37913
38578
|
@include box-shadow( $kendo-fab-item-active-shadow );
|
|
37914
|
-
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% ));
|
|
37915
38580
|
outline-offset: -$kendo-fab-border-width;
|
|
37916
|
-
border-color: k-color-darken( $kendo-fab-item-icon-border, 12.5% );
|
|
37917
|
-
color: k-contrast-color( k-color-darken( $kendo-fab-item-icon-bg, 10% ) );
|
|
37918
|
-
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% ));
|
|
37919
38584
|
}
|
|
37920
38585
|
|
|
37921
38586
|
// Disabled state
|
|
@@ -37926,8 +38591,8 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37926
38591
|
.k-fab-item-text,
|
|
37927
38592
|
.k-fab-item-icon {
|
|
37928
38593
|
@include box-shadow( $kendo-fab-item-disabled-shadow );
|
|
37929
|
-
background-color: k-try-tint( $kendo-fab-item-bg, 8 );
|
|
37930
|
-
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 ));
|
|
37931
38596
|
}
|
|
37932
38597
|
}
|
|
37933
38598
|
|
|
@@ -38900,7 +39565,7 @@ $_kendo-module-meta: (
|
|
|
38900
39565
|
// Window theme colors
|
|
38901
39566
|
@each $name, $color in $kendo-window-theme-colors {
|
|
38902
39567
|
.k-window-#{$name} .k-window-titlebar {
|
|
38903
|
-
color: k-contrast-legacy( $color );
|
|
39568
|
+
color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color ));
|
|
38904
39569
|
background-color: $color;
|
|
38905
39570
|
}
|
|
38906
39571
|
}
|
|
@@ -39081,7 +39746,7 @@ $kendo-dialog-theme-colors: (
|
|
|
39081
39746
|
// Dialog theme colors
|
|
39082
39747
|
@each $name, $color in $kendo-dialog-theme-colors {
|
|
39083
39748
|
.k-dialog-#{$name} .k-dialog-titlebar {
|
|
39084
|
-
color: k-contrast-legacy( $color );
|
|
39749
|
+
color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color ));
|
|
39085
39750
|
background-color: $color;
|
|
39086
39751
|
}
|
|
39087
39752
|
}
|
|
@@ -39198,7 +39863,7 @@ $kendo-drawer-focus-shadow: inset 0 0 0 2px rgba( black, .15 ) !default;
|
|
|
39198
39863
|
|
|
39199
39864
|
$kendo-drawer-selected-bg: $kendo-selected-bg !default;
|
|
39200
39865
|
$kendo-drawer-selected-text: $kendo-selected-text !default;
|
|
39201
|
-
$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;
|
|
39202
39867
|
$kendo-drawer-selected-hover-text: $kendo-selected-text !default;
|
|
39203
39868
|
|
|
39204
39869
|
// #endregion
|
|
@@ -39642,9 +40307,9 @@ $kendo-notification-icon-spacing: $kendo-icon-spacing !default;
|
|
|
39642
40307
|
|
|
39643
40308
|
@each $name, $color in $colors {
|
|
39644
40309
|
$_theme: k-map-merge(( $name: (
|
|
39645
|
-
color: k-color-shade( $color, 6 ),
|
|
39646
|
-
background-color: k-color-tint( $color, 9 ),
|
|
39647
|
-
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 )),
|
|
39648
40313
|
)), $_theme );
|
|
39649
40314
|
}
|
|
39650
40315
|
|
|
@@ -40248,6 +40913,10 @@ $kendo-card-callout-height: 1.3em !default;
|
|
|
40248
40913
|
gap: $kendo-card-actions-gap;
|
|
40249
40914
|
}
|
|
40250
40915
|
|
|
40916
|
+
.k-card-horizontal .k-actions-horizontal {
|
|
40917
|
+
width: auto;
|
|
40918
|
+
}
|
|
40919
|
+
|
|
40251
40920
|
// List
|
|
40252
40921
|
.k-card-list {
|
|
40253
40922
|
display: flex;
|
|
@@ -40472,9 +41141,9 @@ $kendo-card-callout-height: 1.3em !default;
|
|
|
40472
41141
|
// Card theme colors
|
|
40473
41142
|
@each $name, $color in $kendo-theme-colors {
|
|
40474
41143
|
.k-card-#{$name} {
|
|
40475
|
-
background-color: k-color-tint($color, 10);
|
|
40476
|
-
color: k-color-shade($color, 6);
|
|
40477
|
-
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));
|
|
40478
41147
|
|
|
40479
41148
|
.k-card-subtitle {
|
|
40480
41149
|
color: inherit;
|
|
@@ -41196,17 +41865,17 @@ $kendo-bottom-nav-flat-border: $kendo-component-border !default;
|
|
|
41196
41865
|
@each $name, $color in $kendo-theme-colors {
|
|
41197
41866
|
.k-bottom-nav-solid-#{$name} {
|
|
41198
41867
|
@include fill(
|
|
41199
|
-
$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%)),
|
|
41200
41869
|
$bg: $color
|
|
41201
41870
|
);
|
|
41202
41871
|
|
|
41203
41872
|
.k-bottom-nav-item.k-focus,
|
|
41204
41873
|
.k-bottom-nav-item:focus {
|
|
41205
|
-
@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)));
|
|
41206
41875
|
}
|
|
41207
41876
|
|
|
41208
41877
|
.k-bottom-nav-item.k-selected {
|
|
41209
|
-
@include fill( $color: k-contrast-legacy( $color ) );
|
|
41878
|
+
@include fill( $color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color )) );
|
|
41210
41879
|
}
|
|
41211
41880
|
}
|
|
41212
41881
|
// TODO: remove when suites update class names
|
|
@@ -41226,12 +41895,12 @@ $kendo-bottom-nav-flat-border: $kendo-component-border !default;
|
|
|
41226
41895
|
|
|
41227
41896
|
.k-bottom-nav-item.k-focus,
|
|
41228
41897
|
.k-bottom-nav-item:focus {
|
|
41229
|
-
@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)) );
|
|
41230
41899
|
}
|
|
41231
41900
|
|
|
41232
41901
|
.k-bottom-nav-item.k-selected {
|
|
41233
41902
|
@if $name == "secondary" or $name == "light" {
|
|
41234
|
-
@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)) );
|
|
41235
41904
|
} @else {
|
|
41236
41905
|
@include fill( $color: $color );
|
|
41237
41906
|
}
|
|
@@ -41470,7 +42139,7 @@ $kendo-breadcrumb-link-focus-text: null !default;
|
|
|
41470
42139
|
$kendo-breadcrumb-link-focus-border: null !default;
|
|
41471
42140
|
/// The box shadow of the focused Breadcrumb link.
|
|
41472
42141
|
/// @group breadcrumb
|
|
41473
|
-
$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;
|
|
41474
42143
|
|
|
41475
42144
|
/// The background color of the Breadcrumb root link.
|
|
41476
42145
|
/// @group breadcrumb
|
|
@@ -42009,7 +42678,7 @@ $kendo-pager-item-focus-opacity: null !default;
|
|
|
42009
42678
|
$kendo-pager-item-focus-bg: $kendo-pager-item-bg !default;
|
|
42010
42679
|
/// The box shadow of the focused Pager items.
|
|
42011
42680
|
/// @group pager
|
|
42012
|
-
$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;
|
|
42013
42682
|
|
|
42014
42683
|
/// The border radius of the Pager numbers.
|
|
42015
42684
|
/// @group pager
|
|
@@ -42386,24 +43055,24 @@ $kendo-stepper-indicator-bg: $kendo-component-bg !default;
|
|
|
42386
43055
|
$kendo-stepper-indicator-text: $kendo-component-text !default;
|
|
42387
43056
|
$kendo-stepper-indicator-border: $kendo-component-border !default;
|
|
42388
43057
|
|
|
42389
|
-
$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;
|
|
42390
43059
|
$kendo-stepper-indicator-hover-text: null !default;
|
|
42391
43060
|
$kendo-stepper-indicator-hover-border: null !default;
|
|
42392
43061
|
|
|
42393
43062
|
$kendo-stepper-indicator-disabled-bg: null !default;
|
|
42394
|
-
$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;
|
|
42395
43064
|
$kendo-stepper-indicator-disabled-border: null !default;
|
|
42396
43065
|
|
|
42397
43066
|
$kendo-stepper-indicator-done-bg: $kendo-color-primary !default;
|
|
42398
|
-
$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;
|
|
42399
43068
|
$kendo-stepper-indicator-done-border: $kendo-stepper-indicator-done-bg !default;
|
|
42400
43069
|
|
|
42401
|
-
$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;
|
|
42402
43071
|
$kendo-stepper-indicator-done-hover-text: null !default;
|
|
42403
43072
|
$kendo-stepper-indicator-done-hover-border: null !default;
|
|
42404
43073
|
|
|
42405
|
-
$kendo-stepper-indicator-done-disabled-bg: k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%) !default;
|
|
42406
|
-
$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;
|
|
42407
43076
|
$kendo-stepper-indicator-done-disabled-border: $kendo-stepper-indicator-done-disabled-bg !default;
|
|
42408
43077
|
|
|
42409
43078
|
$kendo-stepper-indicator-current-bg: $kendo-stepper-indicator-done-bg !default;
|
|
@@ -42422,7 +43091,7 @@ $kendo-stepper-label-text: null !default;
|
|
|
42422
43091
|
$kendo-stepper-label-success-text: $kendo-color-success !default;
|
|
42423
43092
|
$kendo-stepper-label-error-text: $kendo-color-error !default;
|
|
42424
43093
|
$kendo-stepper-label-hover-text: null !default;
|
|
42425
|
-
$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;
|
|
42426
43095
|
|
|
42427
43096
|
$kendo-stepper-optional-label-text: $kendo-subtle-text !default;
|
|
42428
43097
|
$kendo-stepper-optional-label-opacity: null !default;
|
|
@@ -42517,6 +43186,17 @@ $kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0m
|
|
|
42517
43186
|
transition-duration: .4s;
|
|
42518
43187
|
transition-timing-function: ease-in-out;
|
|
42519
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
|
+
|
|
42520
43200
|
&::after {
|
|
42521
43201
|
@include border-radius( 100% );
|
|
42522
43202
|
content: "";
|
|
@@ -42777,11 +43457,23 @@ $kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0m
|
|
|
42777
43457
|
&.k-disabled,
|
|
42778
43458
|
&:disabled {
|
|
42779
43459
|
.k-step-indicator {
|
|
42780
|
-
@
|
|
42781
|
-
|
|
42782
|
-
|
|
42783
|
-
|
|
42784
|
-
|
|
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
|
+
}
|
|
42785
43477
|
}
|
|
42786
43478
|
|
|
42787
43479
|
.k-step-label {
|
|
@@ -42839,11 +43531,23 @@ $kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0m
|
|
|
42839
43531
|
&.k-disabled,
|
|
42840
43532
|
&:disabled {
|
|
42841
43533
|
.k-step-indicator {
|
|
42842
|
-
@
|
|
42843
|
-
|
|
42844
|
-
|
|
42845
|
-
|
|
42846
|
-
|
|
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
|
+
}
|
|
42847
43551
|
}
|
|
42848
43552
|
}
|
|
42849
43553
|
}
|
|
@@ -42880,11 +43584,23 @@ $kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0m
|
|
|
42880
43584
|
&.k-disabled,
|
|
42881
43585
|
&:disabled {
|
|
42882
43586
|
.k-step-indicator {
|
|
42883
|
-
@
|
|
42884
|
-
|
|
42885
|
-
|
|
42886
|
-
|
|
42887
|
-
|
|
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
|
+
}
|
|
42888
43604
|
}
|
|
42889
43605
|
}
|
|
42890
43606
|
}
|
|
@@ -44257,7 +44973,7 @@ $kendo-panelbar-header-text: $kendo-link-text !default;
|
|
|
44257
44973
|
$kendo-panelbar-header-border: null !default;
|
|
44258
44974
|
$kendo-panelbar-header-gradient: null !default;
|
|
44259
44975
|
|
|
44260
|
-
$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;
|
|
44261
44977
|
$kendo-panelbar-header-hover-text: null !default;
|
|
44262
44978
|
$kendo-panelbar-header-hover-border: null !default;
|
|
44263
44979
|
$kendo-panelbar-header-hover-gradient: null !default;
|
|
@@ -44278,7 +44994,7 @@ $kendo-panelbar-header-selected-text: $kendo-selected-text !default;
|
|
|
44278
44994
|
$kendo-panelbar-header-selected-border: null !default;
|
|
44279
44995
|
$kendo-panelbar-header-selected-gradient: null !default;
|
|
44280
44996
|
|
|
44281
|
-
$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;
|
|
44282
44998
|
$kendo-panelbar-header-selected-hover-text: null !default;
|
|
44283
44999
|
$kendo-panelbar-header-selected-hover-border: null !default;
|
|
44284
45000
|
$kendo-panelbar-header-selected-hover-gradient: null !default;
|
|
@@ -44293,7 +45009,7 @@ $kendo-panelbar-header-selected-hover-focus-text: null !default;
|
|
|
44293
45009
|
$kendo-panelbar-header-selected-hover-focus-border: null !default;
|
|
44294
45010
|
$kendo-panelbar-header-selected-hover-focus-gradient: null !default;
|
|
44295
45011
|
|
|
44296
|
-
$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;
|
|
44297
45013
|
$kendo-panelbar-item-hover-text: null !default;
|
|
44298
45014
|
$kendo-panelbar-item-hover-border: null !default;
|
|
44299
45015
|
$kendo-panelbar-item-hover-gradient: null !default;
|
|
@@ -44314,7 +45030,7 @@ $kendo-panelbar-item-selected-text: $kendo-selected-text !default;
|
|
|
44314
45030
|
$kendo-panelbar-item-selected-border: null !default;
|
|
44315
45031
|
$kendo-panelbar-item-selected-gradient: null !default;
|
|
44316
45032
|
|
|
44317
|
-
$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;
|
|
44318
45034
|
$kendo-panelbar-item-selected-hover-text: null !default;
|
|
44319
45035
|
$kendo-panelbar-item-selected-hover-border: null !default;
|
|
44320
45036
|
$kendo-panelbar-item-selected-hover-gradient: null !default;
|
|
@@ -44805,7 +45521,7 @@ $kendo-splitter-collapse-icon-padding-y: k-map-get( $kendo-spacing, .5 ) !defaul
|
|
|
44805
45521
|
$kendo-splitbar-bg: $kendo-base-bg !default;
|
|
44806
45522
|
$kendo-splitbar-text: $kendo-base-text !default;
|
|
44807
45523
|
|
|
44808
|
-
$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;
|
|
44809
45525
|
$kendo-splitbar-hover-text: $kendo-splitbar-text !default;
|
|
44810
45526
|
|
|
44811
45527
|
$kendo-splitbar-selected-bg: $kendo-selected-bg !default;
|
|
@@ -45417,7 +46133,7 @@ $kendo-dock-manager-dock-preview-border-style: dashed !default;
|
|
|
45417
46133
|
$kendo-dock-manager-dock-preview-border-radius: $kendo-border-radius-sm !default;
|
|
45418
46134
|
/// The background color of the dropping area in the DockManager component.
|
|
45419
46135
|
/// @group dock-manager
|
|
45420
|
-
$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;
|
|
45421
46137
|
/// The border color of the dropping area in the DockManager component.
|
|
45422
46138
|
/// @group dock-manager
|
|
45423
46139
|
$kendo-dock-manager-dock-preview-border: $kendo-color-primary !default;
|
|
@@ -45829,7 +46545,7 @@ $kendo-adaptive-content-bg: $kendo-app-bg !default;
|
|
|
45829
46545
|
$kendo-adaptive-content-text: $kendo-app-text !default;
|
|
45830
46546
|
|
|
45831
46547
|
$kendo-adaptive-menu-bg: $kendo-color-primary !default;
|
|
45832
|
-
$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;
|
|
45833
46549
|
|
|
45834
46550
|
$kendo-adaptive-menu-clear-text: $kendo-color-primary !default;
|
|
45835
46551
|
|
|
@@ -46769,10 +47485,10 @@ $kendo-grid-selection-aggregates-line-height: $kendo-grid-line-height !default;
|
|
|
46769
47485
|
/// @group grid
|
|
46770
47486
|
$kendo-grid-selection-aggregates-font-weight: $kendo-font-weight-bold !default;
|
|
46771
47487
|
|
|
46772
|
-
$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;
|
|
46773
47489
|
$kendo-grid-grouping-row-text: $kendo-grid-text !default;
|
|
46774
47490
|
|
|
46775
|
-
$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;
|
|
46776
47492
|
$kendo-grid-sorting-indicator-text: $kendo-color-primary !default;
|
|
46777
47493
|
$kendo-grid-sorting-index-font-size: ($kendo-icon-size * .75) !default;
|
|
46778
47494
|
$kendo-grid-sorting-index-height: $kendo-icon-size !default;
|
|
@@ -46787,11 +47503,13 @@ $kendo-grid-command-cell-button-spacing: k-map-get( $kendo-spacing, 2 ) !default
|
|
|
46787
47503
|
// be cautious when changing the next line; see https://github.com/MoOx/reduce-css-calc/issues/38
|
|
46788
47504
|
$kendo-grid-command-cell-padding-y: calc( #{$kendo-grid-cell-padding-y} - (#{$kendo-button-calc-size} - #{$kendo-line-height-em}) / 2 ) !default;
|
|
46789
47505
|
|
|
47506
|
+
// Must be a solid color
|
|
46790
47507
|
$kendo-grid-sticky-bg: $kendo-grid-bg !default;
|
|
46791
47508
|
$kendo-grid-sticky-text: $kendo-grid-text !default;
|
|
46792
|
-
$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;
|
|
46793
47510
|
|
|
46794
|
-
|
|
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;
|
|
46795
47513
|
|
|
46796
47514
|
$kendo-grid-sticky-header-bg: $kendo-grid-header-bg !default;
|
|
46797
47515
|
$kendo-grid-sticky-header-text: $kendo-grid-header-text !default;
|
|
@@ -46800,11 +47518,12 @@ $kendo-grid-sticky-header-border: $kendo-grid-sticky-border !default;
|
|
|
46800
47518
|
$kendo-grid-sticky-footer-bg: $kendo-grid-header-bg !default;
|
|
46801
47519
|
$kendo-grid-sticky-footer-hover-bg: $kendo-grid-sticky-footer-bg !default;
|
|
46802
47520
|
|
|
46803
|
-
$kendo-grid-sticky-selected-bg: k-color-mix( $kendo-selected-bg, $kendo-grid-bg, 25% ) !default;
|
|
46804
|
-
$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;
|
|
46805
47523
|
|
|
46806
|
-
|
|
46807
|
-
$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;
|
|
46808
47527
|
|
|
46809
47528
|
$kendo-grid-column-menu-width: 250px !default;
|
|
46810
47529
|
$kendo-grid-column-menu-max-width: 320px !default;
|
|
@@ -46855,7 +47574,7 @@ $kendo-grid-group-footer-second-cell-border: 1px !default;
|
|
|
46855
47574
|
|
|
46856
47575
|
/// Background color of the grid row resize indicator
|
|
46857
47576
|
/// @group grid
|
|
46858
|
-
$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;
|
|
46859
47578
|
/// Active background color of the grid row resize indicator
|
|
46860
47579
|
/// @group grid
|
|
46861
47580
|
$kendo-grid-row-resizer-active-bg: $kendo-color-primary !default;
|
|
@@ -47646,6 +48365,16 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
47646
48365
|
}
|
|
47647
48366
|
}
|
|
47648
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
|
+
|
|
47649
48378
|
kendo-grid {
|
|
47650
48379
|
.k-table-row.k-grid-row-sticky {
|
|
47651
48380
|
border: 0;
|
|
@@ -48503,14 +49232,30 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
48503
49232
|
&.k-table-row.k-selected .k-table-td.k-grid-row-sticky,
|
|
48504
49233
|
&.k-table-row td.k-grid-content-sticky.k-selected,
|
|
48505
49234
|
&.k-table-row .k-table-td.k-grid-content-sticky.k-selected {
|
|
48506
|
-
@
|
|
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
|
+
}
|
|
48507
49244
|
}
|
|
48508
49245
|
|
|
48509
49246
|
&.k-selected.k-table-alt-row td.k-grid-content-sticky,
|
|
48510
49247
|
&.k-selected.k-table-alt-row .k-table-td.k-grid-row-sticky,
|
|
48511
49248
|
&.k-table-alt-row td.k-grid-content-sticky.k-selected,
|
|
48512
49249
|
&.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected {
|
|
48513
|
-
@
|
|
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
|
+
}
|
|
48514
49259
|
}
|
|
48515
49260
|
|
|
48516
49261
|
|
|
@@ -48532,7 +49277,15 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
48532
49277
|
&.k-hover td.k-grid-content-sticky.k-selected,
|
|
48533
49278
|
&:hover .k-table-td.k-grid-content-sticky.k-selected,
|
|
48534
49279
|
&.k-hover .k-table-td.k-grid-content-sticky.k-selected {
|
|
48535
|
-
|
|
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
|
+
}
|
|
48536
49289
|
}
|
|
48537
49290
|
}
|
|
48538
49291
|
|
|
@@ -48578,14 +49331,30 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
48578
49331
|
.k-selected.k-grid-row-sticky .k-table-td,
|
|
48579
49332
|
.k-grid-row-sticky .k-table-td.k-selected,
|
|
48580
49333
|
.k-selected.k-grid-content-sticky {
|
|
48581
|
-
@
|
|
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
|
+
}
|
|
48582
49343
|
}
|
|
48583
49344
|
|
|
48584
49345
|
.k-table-row.k-selected.k-table-alt-row .k-grid-content-sticky,
|
|
48585
49346
|
.k-selected.k-table-alt-row.k-grid-row-sticky td,
|
|
48586
49347
|
.k-selected.k-table-alt-row.k-grid-row-sticky .k-table-td,
|
|
48587
49348
|
.k-table-alt-row .k-selected.k-grid-content-sticky {
|
|
48588
|
-
@
|
|
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
|
+
}
|
|
48589
49358
|
}
|
|
48590
49359
|
|
|
48591
49360
|
// Hover state
|
|
@@ -48623,7 +49392,15 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
48623
49392
|
.k-grid-row-sticky.k-hover .k-table-td.k-selected,
|
|
48624
49393
|
.k-table-row:hover .k-grid-content-sticky.k-selected,
|
|
48625
49394
|
.k-table-row.k-hover .k-grid-content-sticky.k-selected {
|
|
48626
|
-
|
|
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
|
+
}
|
|
48627
49404
|
}
|
|
48628
49405
|
}
|
|
48629
49406
|
|
|
@@ -48947,14 +49724,30 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
48947
49724
|
&.k-table-row.k-selected .k-table-td.k-grid-row-sticky,
|
|
48948
49725
|
&.k-table-row td.k-grid-content-sticky.k-selected,
|
|
48949
49726
|
&.k-table-row .k-table-td.k-grid-content-sticky.k-selected {
|
|
48950
|
-
@
|
|
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
|
+
}
|
|
48951
49736
|
}
|
|
48952
49737
|
|
|
48953
49738
|
&.k-selected.k-table-alt-row td.k-grid-content-sticky,
|
|
48954
49739
|
&.k-selected.k-table-alt-row .k-table-td.k-grid-row-sticky,
|
|
48955
49740
|
&.k-table-alt-row td.k-grid-content-sticky.k-selected,
|
|
48956
49741
|
&.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected {
|
|
48957
|
-
@
|
|
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
|
+
}
|
|
48958
49751
|
}
|
|
48959
49752
|
|
|
48960
49753
|
|
|
@@ -48976,7 +49769,15 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
48976
49769
|
&.k-hover td.k-grid-content-sticky.k-selected,
|
|
48977
49770
|
&:hover .k-table-td.k-grid-content-sticky.k-selected,
|
|
48978
49771
|
&.k-hover .k-table-td.k-grid-content-sticky.k-selected {
|
|
48979
|
-
|
|
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
|
+
}
|
|
48980
49781
|
}
|
|
48981
49782
|
}
|
|
48982
49783
|
|
|
@@ -49020,14 +49821,30 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
49020
49821
|
.k-selected.k-grid-row-sticky .k-table-td,
|
|
49021
49822
|
.k-grid-row-sticky .k-table-td.k-selected,
|
|
49022
49823
|
.k-selected.k-grid-content-sticky {
|
|
49023
|
-
@
|
|
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
|
+
}
|
|
49024
49833
|
}
|
|
49025
49834
|
|
|
49026
49835
|
.k-table-row.k-selected.k-table-alt-row .k-grid-content-sticky,
|
|
49027
49836
|
.k-selected.k-table-alt-row.k-grid-row-sticky td,
|
|
49028
49837
|
.k-selected.k-table-alt-row.k-grid-row-sticky .k-table-td,
|
|
49029
49838
|
.k-table-alt-row .k-selected.k-grid-content-sticky {
|
|
49030
|
-
@
|
|
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
|
+
}
|
|
49031
49848
|
}
|
|
49032
49849
|
|
|
49033
49850
|
// Hover state
|
|
@@ -49065,7 +49882,15 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
49065
49882
|
.k-grid-row-sticky.k-hover .k-table-td.k-selected,
|
|
49066
49883
|
.k-table-row:hover .k-grid-content-sticky.k-selected,
|
|
49067
49884
|
.k-table-row.k-hover .k-grid-content-sticky.k-selected {
|
|
49068
|
-
|
|
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
|
+
}
|
|
49069
49894
|
}
|
|
49070
49895
|
}
|
|
49071
49896
|
|
|
@@ -49318,7 +50143,7 @@ $kendo-listview-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
|
49318
50143
|
$kendo-listview-item-selected-text: null !default;
|
|
49319
50144
|
/// The background color of the selected ListView items.
|
|
49320
50145
|
/// @group listview
|
|
49321
|
-
$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;
|
|
49322
50147
|
/// The border color of the selected ListView items.
|
|
49323
50148
|
/// @group listview
|
|
49324
50149
|
$kendo-listview-item-selected-border: null !default;
|
|
@@ -49334,7 +50159,8 @@ $kendo-listview-item-focus-bg: null !default;
|
|
|
49334
50159
|
$kendo-listview-item-focus-border: null !default;
|
|
49335
50160
|
/// The box shadow of the focused ListView items.
|
|
49336
50161
|
/// @group listview
|
|
49337
|
-
$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
|
+
|
|
49338
50164
|
// #endregion
|
|
49339
50165
|
// #region @import "./_layout.scss"; -> scss/listview/_layout.scss
|
|
49340
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
|
|
@@ -49697,7 +50523,7 @@ $kendo-spreadsheet-formula-input-line-height: $kendo-input-line-height !default;
|
|
|
49697
50523
|
$kendo-spreadsheet-view-font-family: Arial, Verdana, sans-serif !default;
|
|
49698
50524
|
$kendo-spreadsheet-view-font-size: $kendo-spreadsheet-font-size !default;
|
|
49699
50525
|
|
|
49700
|
-
$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;
|
|
49701
50527
|
$kendo-spreadsheet-selection-text: null !default;
|
|
49702
50528
|
$kendo-spreadsheet-selection-border: $kendo-selected-bg !default;
|
|
49703
50529
|
$kendo-spreadsheet-selection-shadow: inset 0 0 0 1px $kendo-selected-bg !default;
|
|
@@ -49706,12 +50532,12 @@ $kendo-spreadsheet-single-selection-bg: $kendo-selected-bg !default;
|
|
|
49706
50532
|
$kendo-spreadsheet-single-selection-text: null !default;
|
|
49707
50533
|
$kendo-spreadsheet-single-selection-border: $kendo-spreadsheet-bg !default;
|
|
49708
50534
|
|
|
49709
|
-
$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;
|
|
49710
50536
|
|
|
49711
50537
|
$kendo-spreadsheet-active-cell-bg: $kendo-spreadsheet-bg !default;
|
|
49712
50538
|
$kendo-spreadsheet-active-cell-shadow: inset 0 0 0 1px $kendo-selected-bg !default;
|
|
49713
50539
|
|
|
49714
|
-
$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;
|
|
49715
50541
|
$kendo-spreadsheet-auto-fill-text: null !default;
|
|
49716
50542
|
$kendo-spreadsheet-auto-fill-border: $kendo-selected-bg !default;
|
|
49717
50543
|
$kendo-spreadsheet-auto-fill-shadow: inset 0 0 0 1px $kendo-selected-bg !default;
|
|
@@ -49761,7 +50587,7 @@ $kendo-spreadsheet-drawing-handle-border-radius: $kendo-border-radius-lg !defaul
|
|
|
49761
50587
|
$kendo-spreadsheet-drawing-outline-style: solid !default;
|
|
49762
50588
|
$kendo-spreadsheet-drawing-outline-width: 2px !default;
|
|
49763
50589
|
|
|
49764
|
-
$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;
|
|
49765
50591
|
|
|
49766
50592
|
$kendo-spreadsheet-dropzone-spacing-y: k-map-get( $kendo-spacing, 4 ) !default;
|
|
49767
50593
|
|
|
@@ -51017,21 +51843,21 @@ $kendo-pivotgrid-bg: $kendo-component-bg !default;
|
|
|
51017
51843
|
$kendo-pivotgrid-text: $kendo-component-text !default;
|
|
51018
51844
|
$kendo-pivotgrid-border: $kendo-component-border !default;
|
|
51019
51845
|
|
|
51020
|
-
$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;
|
|
51021
51847
|
|
|
51022
51848
|
$kendo-pivotgrid-headers-bg: $kendo-component-header-bg !default;
|
|
51023
51849
|
$kendo-pivotgrid-headers-text: $kendo-component-header-text !default;
|
|
51024
51850
|
$kendo-pivotgrid-headers-border: $kendo-component-header-border !default;
|
|
51025
51851
|
|
|
51026
|
-
$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;
|
|
51027
51853
|
$kendo-pivotgrid-total-text: $kendo-component-header-text !default;
|
|
51028
51854
|
$kendo-pivotgrid-total-border: $kendo-component-header-border !default;
|
|
51029
51855
|
|
|
51030
|
-
$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;
|
|
51031
51857
|
$kendo-pivotgrid-hover-text: null !default;
|
|
51032
51858
|
$kendo-pivotgrid-hover-border: null !default;
|
|
51033
51859
|
|
|
51034
|
-
$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;
|
|
51035
51861
|
$kendo-pivotgrid-selected-text: null !default;
|
|
51036
51862
|
$kendo-pivotgrid-selected-border: null !default;
|
|
51037
51863
|
|
|
@@ -51100,7 +51926,7 @@ $kendo-pivotgrid-alt-text: $kendo-grid-header-text !default;
|
|
|
51100
51926
|
$kendo-pivotgrid-chrome-border: $kendo-grid-border !default;
|
|
51101
51927
|
|
|
51102
51928
|
$kendo-pivotgrid-container-bg: $kendo-component-header-bg !default;
|
|
51103
|
-
$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;
|
|
51104
51930
|
|
|
51105
51931
|
$kendo-pivotgrid-button-bg: null !default;
|
|
51106
51932
|
$kendo-pivotgrid-button-text: null !default;
|
|
@@ -52384,7 +53210,8 @@ $kendo-filter-preview-operator-text: $kendo-subtle-text !default;
|
|
|
52384
53210
|
|
|
52385
53211
|
/// The box shadow of the focused Filter toolbar.
|
|
52386
53212
|
/// @group filter
|
|
52387
|
-
$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
|
+
|
|
52388
53215
|
// #endregion
|
|
52389
53216
|
// #region @import "./_layout.scss"; -> scss/filter/_layout.scss
|
|
52390
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
|
|
@@ -52750,7 +53577,7 @@ $kendo-file-manager-listview-item-border: null !default;
|
|
|
52750
53577
|
$kendo-file-manager-listview-item-icon-bg: null !default;
|
|
52751
53578
|
/// The text color of the FileManager ListView item icon.
|
|
52752
53579
|
/// @group filemanager
|
|
52753
|
-
$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;
|
|
52754
53581
|
/// The border color of the FileManager ListView item icon.
|
|
52755
53582
|
/// @group filemanager
|
|
52756
53583
|
$kendo-file-manager-listview-item-icon-border: null !default;
|
|
@@ -52807,7 +53634,7 @@ $kendo-file-manager-preview-border: null !default;
|
|
|
52807
53634
|
$kendo-file-manager-preview-icon-bg: null !default;
|
|
52808
53635
|
/// The text color of the FileManager preview icon.
|
|
52809
53636
|
/// @group filemanager
|
|
52810
|
-
$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;
|
|
52811
53638
|
/// The border color of the FileManager preview icon.
|
|
52812
53639
|
/// @group filemanager
|
|
52813
53640
|
$kendo-file-manager-preview-icon-border: null !default;
|
|
@@ -52839,6 +53666,7 @@ $kendo-file-manager-preview-icon-border: null !default;
|
|
|
52839
53666
|
border-bottom-width: $kendo-file-manager-toolbar-border-width;
|
|
52840
53667
|
border-color: inherit;
|
|
52841
53668
|
flex-shrink: 0;
|
|
53669
|
+
z-index: 1;
|
|
52842
53670
|
}
|
|
52843
53671
|
|
|
52844
53672
|
|
|
@@ -52853,6 +53681,10 @@ $kendo-file-manager-preview-icon-border: null !default;
|
|
|
52853
53681
|
overflow: hidden;
|
|
52854
53682
|
}
|
|
52855
53683
|
|
|
53684
|
+
.k-filemanager-splitter {
|
|
53685
|
+
border-width: 0;
|
|
53686
|
+
}
|
|
53687
|
+
|
|
52856
53688
|
|
|
52857
53689
|
// Navigation
|
|
52858
53690
|
.k-filemanager-navigation {
|
|
@@ -53289,13 +54121,13 @@ $kendo-taskboard-columns-container-gap: $kendo-taskboard-spacer !default;
|
|
|
53289
54121
|
$kendo-taskboard-column-width: 320px !default;
|
|
53290
54122
|
$kendo-taskboard-column-border-width: 1px !default;
|
|
53291
54123
|
$kendo-taskboard-column-border-radius: $kendo-border-radius-sm !default;
|
|
53292
|
-
$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;
|
|
53293
54125
|
$kendo-taskboard-column-text: null !default;
|
|
53294
54126
|
$kendo-taskboard-column-border: transparent !default;
|
|
53295
54127
|
|
|
53296
54128
|
$kendo-taskboard-column-focus-bg: null !default;
|
|
53297
54129
|
$kendo-taskboard-column-focus-text: null !default;
|
|
53298
|
-
$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;
|
|
53299
54131
|
|
|
53300
54132
|
$kendo-taskboard-column-header-padding-y: $kendo-taskboard-spacer * .75 !default;
|
|
53301
54133
|
$kendo-taskboard-column-header-padding-x: $kendo-taskboard-column-header-padding-y !default;
|
|
@@ -53338,12 +54170,12 @@ $kendo-taskboard-card-shadow: $kendo-card-shadow !default;
|
|
|
53338
54170
|
|
|
53339
54171
|
$kendo-taskboard-card-category-border-width: 4px !default;
|
|
53340
54172
|
|
|
53341
|
-
$kendo-taskboard-card-
|
|
53342
|
-
$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;
|
|
53343
54174
|
|
|
53344
|
-
$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;
|
|
53345
54177
|
|
|
53346
|
-
$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;
|
|
53347
54179
|
$kendo-taskboard-card-selected-shadow: none !default;
|
|
53348
54180
|
|
|
53349
54181
|
$kendo-taskboard-card-header-text: $kendo-color-primary !default;
|
|
@@ -53352,9 +54184,8 @@ $kendo-taskboard-card-header-hover-text: $kendo-color-primary-darker !default;
|
|
|
53352
54184
|
|
|
53353
54185
|
$kendo-taskboard-drag-placeholder-border-width: 1px !default;
|
|
53354
54186
|
$kendo-taskboard-drag-placeholder-border-radius: $kendo-taskboard-card-border-radius !default;
|
|
53355
|
-
$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;
|
|
53356
54188
|
$kendo-taskboard-drag-placeholder-border: $kendo-component-border !default;
|
|
53357
|
-
|
|
53358
54189
|
// #endregion
|
|
53359
54190
|
// #region @import "./_layout.scss"; -> scss/taskboard/_layout.scss
|
|
53360
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
|
|
@@ -53825,7 +54656,7 @@ $kendo-editor-selected-bg: $kendo-color-primary !default;
|
|
|
53825
54656
|
|
|
53826
54657
|
/// The highlighted background color of the Editor.
|
|
53827
54658
|
/// @group editor
|
|
53828
|
-
$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;
|
|
53829
54660
|
|
|
53830
54661
|
/// The horizontal margin of the Editor's export tool icon.
|
|
53831
54662
|
/// @group editor
|
|
@@ -55065,12 +55896,12 @@ $kendo-gantt-treelist-bg: null !default;
|
|
|
55065
55896
|
$kendo-gantt-treelist-text: null !default;
|
|
55066
55897
|
$kendo-gantt-treelist-border: null !default;
|
|
55067
55898
|
|
|
55068
|
-
$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;
|
|
55069
55900
|
$kendo-gantt-nonwork-text: null !default;
|
|
55070
55901
|
$kendo-gantt-nonwork-border: null !default;
|
|
55071
55902
|
|
|
55072
55903
|
$kendo-gantt-line-size: 2px !default;
|
|
55073
|
-
$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;
|
|
55074
55905
|
$kendo-gantt-line-selected-fill: $kendo-selected-bg !default;
|
|
55075
55906
|
|
|
55076
55907
|
$kendo-gantt-dot-size: 8px !default;
|
|
@@ -55080,24 +55911,24 @@ $kendo-gantt-dot-border: null !default;
|
|
|
55080
55911
|
$kendo-gantt-dot-hover-bg: $kendo-gantt-bg !default;
|
|
55081
55912
|
$kendo-gantt-dot-hover-border: $kendo-gantt-text !default;
|
|
55082
55913
|
|
|
55083
|
-
$kendo-gantt-milestone-bg: if( k-is-light( $kendo-gantt-bg ), $gray-300, $gray-700 ) !default;
|
|
55084
|
-
$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;
|
|
55085
55916
|
$kendo-gantt-milestone-selected-bg: $kendo-selected-bg !default;
|
|
55086
55917
|
$kendo-gantt-milestone-selected-border: $kendo-selected-border !default;
|
|
55087
55918
|
|
|
55088
|
-
$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;
|
|
55089
55920
|
$kendo-gantt-summary-progress-bg: $kendo-gantt-text !default;
|
|
55090
|
-
$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;
|
|
55091
55922
|
$kendo-gantt-summary-progress-selected-bg: $kendo-selected-bg !default;
|
|
55092
55923
|
|
|
55093
55924
|
$kendo-gantt-task-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
55094
55925
|
$kendo-gantt-task-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
55095
55926
|
$kendo-gantt-task-border-width: 1px !default;
|
|
55096
|
-
$kendo-gantt-task-bg: if( k-is-light( $kendo-gantt-bg ), $gray-300, $gray-700 ) !default;
|
|
55097
|
-
$kendo-gantt-task-text: k-contrast-color( $kendo-gantt-task-bg ) !default;
|
|
55098
|
-
$kendo-gantt-task-border: if( k-is-light( $kendo-gantt-bg ), $gray-400, $gray-600 ) !default;
|
|
55099
|
-
$kendo-gantt-task-progress-bg: if( k-is-light( $kendo-gantt-bg ), $gray-400, $gray-600 ) !default;
|
|
55100
|
-
$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;
|
|
55101
55932
|
$kendo-gantt-task-selected-text: $kendo-selected-text !default;
|
|
55102
55933
|
$kendo-gantt-task-selected-border: $kendo-selected-bg !default;
|
|
55103
55934
|
$kendo-gantt-task-progress-selected-bg: $kendo-selected-bg !default;
|
|
@@ -55131,10 +55962,10 @@ $kendo-gantt-planned-bg: $kendo-color-primary !default;
|
|
|
55131
55962
|
$kendo-gantt-planned-border: $kendo-gantt-planned-bg !default;
|
|
55132
55963
|
|
|
55133
55964
|
$kendo-gantt-delayed-bg: $kendo-color-error !default;
|
|
55134
|
-
$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;
|
|
55135
55966
|
|
|
55136
55967
|
$kendo-gantt-advanced-bg: $kendo-color-success !default;
|
|
55137
|
-
$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;
|
|
55138
55969
|
|
|
55139
55970
|
$kendo-gantt-action-on-offset-text: #000000 !default;
|
|
55140
55971
|
$kendo-gantt-offset-resize-handler-top: 45% !default;
|
|
@@ -55441,9 +56272,9 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
|
|
|
55441
56272
|
|
|
55442
56273
|
|
|
55443
56274
|
// Timeline
|
|
55444
|
-
.k-gantt-timeline {
|
|
56275
|
+
.k-gantt-timeline-pane {
|
|
55445
56276
|
|
|
55446
|
-
.k-timeline {
|
|
56277
|
+
.k-gantt-timeline {
|
|
55447
56278
|
height: 100%;
|
|
55448
56279
|
border-width: 0;
|
|
55449
56280
|
display: flex;
|
|
@@ -55922,7 +56753,7 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
|
|
|
55922
56753
|
}
|
|
55923
56754
|
|
|
55924
56755
|
.k-gantt,
|
|
55925
|
-
.k-gantt-timeline,
|
|
56756
|
+
.k-gantt-timeline-pane,
|
|
55926
56757
|
.k-gantt-dependencies {
|
|
55927
56758
|
width: auto !important; // stylelint-disable-line declaration-no-important
|
|
55928
56759
|
height: auto !important; // stylelint-disable-line declaration-no-important
|
|
@@ -55967,7 +56798,7 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
|
|
|
55967
56798
|
margin-inline: -26px;
|
|
55968
56799
|
}
|
|
55969
56800
|
|
|
55970
|
-
.k-gantt-timeline {
|
|
56801
|
+
.k-gantt-timeline-pane {
|
|
55971
56802
|
.k-header {
|
|
55972
56803
|
border-width: 0 $kendo-grid-cell-vertical-border-width 1px 0;
|
|
55973
56804
|
}
|
|
@@ -56027,7 +56858,7 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
|
|
|
56027
56858
|
margin-right: $kendo-gantt-rtl-milestone-planned-moment-margin-x;
|
|
56028
56859
|
}
|
|
56029
56860
|
|
|
56030
|
-
.k-gantt-timeline .k-milestone-wrap .k-task-start {
|
|
56861
|
+
.k-gantt-timeline-pane .k-milestone-wrap .k-task-start {
|
|
56031
56862
|
right: $kendo-gantt-rtl-milestone-dot-start-margin-x;
|
|
56032
56863
|
}
|
|
56033
56864
|
|
|
@@ -56443,7 +57274,7 @@ $kendo-scheduler-event-min-height: 25px !default;
|
|
|
56443
57274
|
$kendo-scheduler-event-border-radius: $kendo-border-radius-md !default;
|
|
56444
57275
|
$kendo-scheduler-event-line-height: calc( #{$kendo-scheduler-event-min-height} - (2 * #{$kendo-padding-sm-y}) ) !default;
|
|
56445
57276
|
|
|
56446
|
-
$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;
|
|
56447
57278
|
$kendo-scheduler-event-text: $kendo-selected-text !default;
|
|
56448
57279
|
$kendo-scheduler-event-border: null !default;
|
|
56449
57280
|
$kendo-scheduler-event-gradient: null !default;
|
|
@@ -56469,13 +57300,13 @@ $kendo-scheduler-cell-height: $kendo-line-height-em !default;
|
|
|
56469
57300
|
$kendo-scheduler-datecolumn-width: 12em !default;
|
|
56470
57301
|
$kendo-scheduler-timecolumn-width: 11em !default;
|
|
56471
57302
|
|
|
56472
|
-
$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;
|
|
56473
57304
|
$kendo-scheduler-nonwork-text: null !default;
|
|
56474
57305
|
|
|
56475
57306
|
$kendo-scheduler-weekend-bg: null !default;
|
|
56476
57307
|
$kendo-scheduler-weekend-text: null !default;
|
|
56477
57308
|
|
|
56478
|
-
$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;
|
|
56479
57310
|
$kendo-scheduler-othermonth-text: null !default;
|
|
56480
57311
|
|
|
56481
57312
|
$kendo-scheduler-yearview-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
@@ -57666,7 +58497,7 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
|
|
|
57666
58497
|
|
|
57667
58498
|
.k-scheduler-layout td.k-selected,
|
|
57668
58499
|
.k-scheduler-layout .k-scheduler-cell.k-selected {
|
|
57669
|
-
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));
|
|
57670
58501
|
}
|
|
57671
58502
|
|
|
57672
58503
|
.k-scheduler-layout-flex {
|
|
@@ -57709,7 +58540,7 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
|
|
|
57709
58540
|
}
|
|
57710
58541
|
|
|
57711
58542
|
&.k-event-inverse {
|
|
57712
|
-
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 ));
|
|
57713
58544
|
}
|
|
57714
58545
|
|
|
57715
58546
|
&.k-event-ongoing {
|
|
@@ -57783,7 +58614,7 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
|
|
|
57783
58614
|
|
|
57784
58615
|
// Selected
|
|
57785
58616
|
.k-scheduler-content tr.k-selected {
|
|
57786
|
-
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));
|
|
57787
58618
|
}
|
|
57788
58619
|
.k-scheduler-content tr.k-selected .k-scheduler-datecolumn,
|
|
57789
58620
|
.k-scheduler-content tr.k-selected .k-scheduler-groupcolumn {
|
|
@@ -57972,7 +58803,7 @@ $kendo-chat-bubble-hover-shadow: none !default;
|
|
|
57972
58803
|
$kendo-chat-bubble-selected-shadow: none !default;
|
|
57973
58804
|
|
|
57974
58805
|
$kendo-chat-alt-bubble-bg: $kendo-color-primary !default;
|
|
57975
|
-
$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;
|
|
57976
58807
|
$kendo-chat-alt-bubble-border: $kendo-chat-alt-bubble-bg !default;
|
|
57977
58808
|
$kendo-chat-alt-bubble-shadow: none !default;
|
|
57978
58809
|
$kendo-chat-alt-bubble-hover-shadow: none !default;
|
|
@@ -58647,7 +59478,7 @@ $kendo-media-player-titlebar-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
|
58647
59478
|
$kendo-media-player-titlebar-bg: null !default;
|
|
58648
59479
|
$kendo-media-player-titlebar-text: $kendo-media-player-bg !default;
|
|
58649
59480
|
$kendo-media-player-titlebar-border: null !default;
|
|
58650
|
-
$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;
|
|
58651
59482
|
|
|
58652
59483
|
// #endregion
|
|
58653
59484
|
// #region @import "./_layout.scss"; -> scss/mediaplayer/_layout.scss
|
|
@@ -58785,7 +59616,7 @@ $kendo-media-player-titlebar-gradient: rgba( $kendo-media-player-text, .7 ), rgb
|
|
|
58785
59616
|
.k-mediaplayer-titlebar {
|
|
58786
59617
|
color: $kendo-media-player-titlebar-text;
|
|
58787
59618
|
background-image: linear-gradient( $kendo-media-player-titlebar-gradient );
|
|
58788
|
-
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 ));
|
|
58789
59620
|
}
|
|
58790
59621
|
|
|
58791
59622
|
}
|
|
@@ -58877,9 +59708,9 @@ $kendo-timeline-mobile-spacing-y: $kendo-padding-md-x !default;
|
|
|
58877
59708
|
$kendo-timeline-track-arrow-width: 38px !default;
|
|
58878
59709
|
$kendo-timeline-track-arrow-height: 38px !default;
|
|
58879
59710
|
|
|
58880
|
-
$kendo-timeline-track-arrow-disabled-
|
|
58881
|
-
$kendo-timeline-track-arrow-disabled-
|
|
58882
|
-
$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;
|
|
58883
59714
|
|
|
58884
59715
|
$kendo-timeline-track-size: 6px !default;
|
|
58885
59716
|
$kendo-timeline-track-wrap-padding-bottom: k-math-div( $kendo-timeline-track-size, 2 ) !default;
|
|
@@ -58903,7 +59734,7 @@ $kendo-timeline-flag-max-width: calc(#{$kendo-timeline-flag-min-width} + 2 * #{$
|
|
|
58903
59734
|
$kendo-timeline-mobile-flag-max-width: calc(#{$kendo-timeline-flag-min-width} + 2 * #{$kendo-timeline-mobile-spacing-x}) !default;
|
|
58904
59735
|
$kendo-timeline-horizontal-flag-min-width: 80px !default;
|
|
58905
59736
|
$kendo-timeline-flag-bg: $kendo-color-primary !default;
|
|
58906
|
-
$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;
|
|
58907
59738
|
|
|
58908
59739
|
$kendo-timeline-flag-callout-width: 10px !default;
|
|
58909
59740
|
$kendo-timeline-flag-callout-height: 10px !default;
|
|
@@ -60919,51 +61750,51 @@ $_kendo-module-meta: (
|
|
|
60919
61750
|
|
|
60920
61751
|
/// The first base series color and its light and dark shades.
|
|
60921
61752
|
/// @group charts
|
|
60922
|
-
$kendo-series-a: $blue !default;
|
|
60923
|
-
$kendo-series-a-dark: k-color-mix( black, $kendo-series-a, 25% ) !default;
|
|
60924
|
-
$kendo-series-a-darker: k-color-mix( black, $kendo-series-a, 50% ) !default;
|
|
60925
|
-
$kendo-series-a-light: k-color-mix( white, $kendo-series-a, 25% ) !default;
|
|
60926
|
-
$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;
|
|
60927
61758
|
|
|
60928
61759
|
/// The second base series color and its light and dark shades.
|
|
60929
61760
|
/// @group charts
|
|
60930
|
-
$kendo-series-b: $purple !default;
|
|
60931
|
-
$kendo-series-b-dark: k-color-mix( black, $kendo-series-b, 25% ) !default;
|
|
60932
|
-
$kendo-series-b-darker: k-color-mix( black, $kendo-series-b, 50% ) !default;
|
|
60933
|
-
$kendo-series-b-light: k-color-mix( white, $kendo-series-b, 25% ) !default;
|
|
60934
|
-
$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;
|
|
60935
61766
|
|
|
60936
61767
|
/// The third base series color and its light and dark shades.
|
|
60937
61768
|
/// @group charts
|
|
60938
|
-
$kendo-series-c: $teal !default;
|
|
60939
|
-
$kendo-series-c-dark: k-color-mix( black, $kendo-series-c, 25% ) !default;
|
|
60940
|
-
$kendo-series-c-darker: k-color-mix( black, $kendo-series-c, 50% ) !default;
|
|
60941
|
-
$kendo-series-c-light: k-color-mix( white, $kendo-series-c, 25% ) !default;
|
|
60942
|
-
$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;
|
|
60943
61774
|
|
|
60944
61775
|
/// The fourth base series color and its light and dark shades.
|
|
60945
61776
|
/// @group charts
|
|
60946
|
-
$kendo-series-d: $green !default;
|
|
60947
|
-
$kendo-series-d-dark: k-color-mix( black, $kendo-series-d, 25% ) !default;
|
|
60948
|
-
$kendo-series-d-darker: k-color-mix( black, $kendo-series-d, 50% ) !default;
|
|
60949
|
-
$kendo-series-d-light: k-color-mix( white, $kendo-series-d, 25% ) !default;
|
|
60950
|
-
$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;
|
|
60951
61782
|
|
|
60952
61783
|
/// The fifth base series color and its light and dark shades.
|
|
60953
61784
|
/// @group charts
|
|
60954
|
-
$kendo-series-e: $yellow !default;
|
|
60955
|
-
$kendo-series-e-dark: k-color-mix( black, $kendo-series-e, 25% ) !default;
|
|
60956
|
-
$kendo-series-e-darker: k-color-mix( black, $kendo-series-e, 50% ) !default;
|
|
60957
|
-
$kendo-series-e-light: k-color-mix( white, $kendo-series-e, 25% ) !default;
|
|
60958
|
-
$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;
|
|
60959
61790
|
|
|
60960
61791
|
/// The sixth base series color and its light and dark shades.
|
|
60961
61792
|
/// @group charts
|
|
60962
|
-
$kendo-series-f: $red !default;
|
|
60963
|
-
$kendo-series-f-dark: k-color-mix( black, $kendo-series-f, 25% ) !default;
|
|
60964
|
-
$kendo-series-f-darker: k-color-mix( black, $kendo-series-f, 50% ) !default;
|
|
60965
|
-
$kendo-series-f-light: k-color-mix( white, $kendo-series-f, 25% ) !default;
|
|
60966
|
-
$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;
|
|
60967
61798
|
|
|
60968
61799
|
/// The series colors in order:
|
|
60969
61800
|
/// base, light, dark, lighter, darker
|
|
@@ -61014,13 +61845,13 @@ $kendo-chart-pane-title-font-weight: $kendo-font-weight-normal !default;
|
|
|
61014
61845
|
|
|
61015
61846
|
/// The color of the Chart grid lines (major).
|
|
61016
61847
|
/// @group charts
|
|
61017
|
-
$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;
|
|
61018
61849
|
|
|
61019
61850
|
/// The color of the Chart grid lines (minor).
|
|
61020
61851
|
/// @group charts
|
|
61021
|
-
$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;
|
|
61022
61853
|
|
|
61023
|
-
$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;
|
|
61024
61855
|
$kendo-chart-area-opacity: .6 !default;
|
|
61025
61856
|
$kendo-chart-area-inactive-opacity: .1 !default;
|
|
61026
61857
|
$kendo-chart-line-inactive-opacity: .3 !default;
|
|
@@ -61031,20 +61862,20 @@ $kendo-chart-bg: $kendo-component-bg !default;
|
|
|
61031
61862
|
$kendo-chart-text: $kendo-component-text !default;
|
|
61032
61863
|
$kendo-chart-border: $kendo-component-border !default;
|
|
61033
61864
|
|
|
61034
|
-
$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;
|
|
61035
61866
|
$kendo-chart-crosshair-shared-tooltip-color: $kendo-chart-text !default;
|
|
61036
|
-
$kendo-chart-crosshair-shared-tooltip-background: k-try-shade( $kendo-chart-bg, 1 ) !default;
|
|
61037
|
-
$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;
|
|
61038
61869
|
|
|
61039
|
-
$kendo-chart-notes-background: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .5 ) !default;
|
|
61040
|
-
$kendo-chart-notes-border: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .5 ) !default;
|
|
61041
|
-
$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;
|
|
61042
61873
|
|
|
61043
|
-
$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;
|
|
61044
61875
|
|
|
61045
61876
|
$kendo-chart-selection-handle-size: 22px !default;
|
|
61046
|
-
$kendo-chart-selection-border-color: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .08 ) !default;
|
|
61047
|
-
$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;
|
|
61048
61879
|
|
|
61049
61880
|
|
|
61050
61881
|
// TreeMap
|
|
@@ -61510,14 +62341,14 @@ $kendo-treemap-line-height: $kendo-line-height-md !default;
|
|
|
61510
62341
|
series-30: $kendo-series-30,
|
|
61511
62342
|
|
|
61512
62343
|
gauge-pointer: $kendo-color-primary,
|
|
61513
|
-
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 ))
|
|
61514
62345
|
);
|
|
61515
62346
|
|
|
61516
62347
|
@each $name, $value in $exported {
|
|
61517
62348
|
$type: k-meta-type-of($value);
|
|
61518
62349
|
|
|
61519
62350
|
.k-var--#{$name} {
|
|
61520
|
-
@if $type == "color" {
|
|
62351
|
+
@if $type == "color" or $type == "string" {
|
|
61521
62352
|
// background-color can store any color
|
|
61522
62353
|
background-color: $value;
|
|
61523
62354
|
} @else if $type == "number" {
|
|
@@ -61806,7 +62637,7 @@ $kendo-map-zoom-control-button-padding-y: $kendo-map-zoom-control-button-padding
|
|
|
61806
62637
|
$kendo-map-attribution-padding-x: $kendo-padding-sm-x !default;
|
|
61807
62638
|
$kendo-map-attribution-padding-y: $kendo-padding-sm-y !default;
|
|
61808
62639
|
$kendo-map-attribution-font-size: ($kendo-map-font-size * .75) !default;
|
|
61809
|
-
$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;
|
|
61810
62641
|
|
|
61811
62642
|
$kendo-map-marker-fill: $kendo-color-primary !default;
|
|
61812
62643
|
|
|
@@ -62407,7 +63238,7 @@ $kendo-signature-lg-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
|
62407
63238
|
|
|
62408
63239
|
$kendo-signature-line-width: 1px !default;
|
|
62409
63240
|
$kendo-signature-line-style: dashed !default;
|
|
62410
|
-
$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;
|
|
62411
63242
|
|
|
62412
63243
|
$kendo-signature-line-size: calc( 100% - 2 * #{$kendo-signature-padding-x} ) !default;
|
|
62413
63244
|
$kendo-signature-sm-line-size: calc( 100% - 2 * #{$kendo-signature-sm-padding-x} ) !default;
|
|
@@ -62748,7 +63579,6 @@ $kendo-signature-maximized-line-width: 3px !default;
|
|
|
62748
63579
|
|
|
62749
63580
|
// #endregion
|
|
62750
63581
|
|
|
62751
|
-
|
|
62752
63582
|
@if not $kendo-auto-bootstrap {
|
|
62753
63583
|
@include kendo-theme--config();
|
|
62754
63584
|
@include kendo-theme--styles();
|