@progress/kendo-theme-bootstrap 7.1.0-dev.8 → 7.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all.css +78 -34
- package/dist/all.scss +1554 -699
- 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
|
|
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
|
|
5272
5721
|
|
|
5273
|
-
|
|
5274
|
-
|
|
5275
|
-
/// @type Color
|
|
5276
|
-
/// @group color-system
|
|
5277
|
-
$kendo-color-black: #000000; // stylelint-disable-line scss/dollar-variable-default
|
|
5722
|
+
// Config
|
|
5723
|
+
$kendo-enable-color-system: false !default;
|
|
5278
5724
|
|
|
5279
|
-
|
|
5280
|
-
|
|
5281
|
-
|
|
5282
|
-
|
|
5283
|
-
|
|
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;
|
|
5284
5893
|
|
|
5285
|
-
///
|
|
5286
|
-
/// Note: you cannot change this value.
|
|
5287
|
-
/// @type Gradient
|
|
5894
|
+
/// The global default Colors map.
|
|
5288
5895
|
/// @group color-system
|
|
5289
|
-
$kendo-
|
|
5896
|
+
$kendo-colors: $_default-colors !default;
|
|
5897
|
+
$kendo-colors: k-map-merge($_default-colors, $kendo-colors);
|
|
5290
5898
|
|
|
5291
|
-
|
|
5292
|
-
|
|
5293
|
-
/// @type Gradient
|
|
5294
|
-
/// @group color-system
|
|
5295
|
-
$kendo-gradient-transparent-to-white: rgba( white, 0 ), white; // stylelint-disable-line scss/dollar-variable-default
|
|
5899
|
+
@function k-color($key, $rgb: false) {
|
|
5900
|
+
$_color: k-map-get($kendo-colors, $key);
|
|
5296
5901
|
|
|
5297
|
-
|
|
5298
|
-
|
|
5299
|
-
|
|
5300
|
-
|
|
5301
|
-
|
|
5302
|
-
|
|
5303
|
-
|
|
5304
|
-
|
|
5305
|
-
|
|
5306
|
-
|
|
5307
|
-
$kendo-gradient-white-to-transparent: white, rgba( white, 0 ); // stylelint-disable-line scss/dollar-variable-default
|
|
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};
|
|
5427
|
-
|
|
5428
|
-
--kendo-focus-outline: #{$kendo-focus-outline};
|
|
5429
|
-
|
|
5430
|
-
--kendo-subtle-text: #{$kendo-subtle-text};
|
|
5431
|
-
|
|
5432
|
-
--kendo-invalid-bg: #{$kendo-invalid-bg};
|
|
5433
|
-
--kendo-invalid-text: #{$kendo-invalid-text};
|
|
5434
|
-
--kendo-invalid-border: #{$kendo-invalid-border};
|
|
5435
|
-
--kendo-invalid-shadow: #{$kendo-invalid-shadow};
|
|
5436
|
-
|
|
5437
|
-
--kendo-border-radius-sm: #{$kendo-border-radius-sm};
|
|
5438
|
-
--kendo-border-radius-md: #{$kendo-border-radius-md};
|
|
5439
|
-
--kendo-border-radius-lg: #{$kendo-border-radius-lg};
|
|
5440
|
-
}
|
|
5981
|
+
@include k-css-vars($kendo-palettes);
|
|
5982
|
+
@include k-css-vars($kendo-theme-colors);
|
|
5441
5983
|
|
|
5442
|
-
|
|
5443
|
-
|
|
5444
|
-
|
|
5984
|
+
// Text colors
|
|
5985
|
+
@each $theme-color, $color-props in $kendo-theme-colors {
|
|
5986
|
+
$_color: k-map-get($color-props, text);
|
|
5445
5987
|
|
|
5446
|
-
|
|
5447
|
-
|
|
5448
|
-
|
|
5449
|
-
|
|
5450
|
-
|
|
5451
|
-
|
|
5452
|
-
|
|
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.
|
|
@@ -26612,16 +27289,21 @@ $_kendo-module-meta: (
|
|
|
26612
27289
|
margin: 0;
|
|
26613
27290
|
border-style: solid;
|
|
26614
27291
|
border-color: inherit;
|
|
26615
|
-
|
|
26616
|
-
|
|
27292
|
+
border-width: 0 0 0 1px;
|
|
27293
|
+
height: $kendo-icon-size;
|
|
27294
|
+
align-self: center;
|
|
26617
27295
|
|
|
26618
27296
|
&-horizontal {
|
|
27297
|
+
height: auto;
|
|
26619
27298
|
margin-inline: $kendo-input-md-padding-y;
|
|
27299
|
+
align-self: stretch;
|
|
26620
27300
|
border-width: 1px 0 0;
|
|
26621
27301
|
}
|
|
26622
27302
|
|
|
26623
27303
|
&-vertical {
|
|
27304
|
+
height: auto;
|
|
26624
27305
|
margin-block: $kendo-input-md-padding-y;
|
|
27306
|
+
align-self: stretch;
|
|
26625
27307
|
border-width: 0 0 0 1px;
|
|
26626
27308
|
}
|
|
26627
27309
|
}
|
|
@@ -27674,8 +28356,8 @@ $kendo-floating-label-focus-text: null !default;
|
|
|
27674
28356
|
white-space: nowrap;
|
|
27675
28357
|
text-overflow: ellipsis;
|
|
27676
28358
|
position: absolute;
|
|
27677
|
-
top: $kendo-floating-label-offset-y;
|
|
27678
|
-
left: $kendo-floating-label-offset-x;
|
|
28359
|
+
top: var(--kendo-floating-label-offset-y, #{$kendo-floating-label-offset-y});
|
|
28360
|
+
left: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
|
|
27679
28361
|
overflow: hidden;
|
|
27680
28362
|
cursor: text;
|
|
27681
28363
|
transform-origin: left center;
|
|
@@ -27689,8 +28371,8 @@ $kendo-floating-label-focus-text: null !default;
|
|
|
27689
28371
|
|
|
27690
28372
|
&.k-empty {
|
|
27691
28373
|
> .k-label {
|
|
27692
|
-
top: $kendo-floating-label-offset-y;
|
|
27693
|
-
left: $kendo-floating-label-offset-x;
|
|
28374
|
+
top: var(--kendo-floating-label-offset-y, #{$kendo-floating-label-offset-y});
|
|
28375
|
+
left: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
|
|
27694
28376
|
transform: scale( $kendo-floating-label-scale );
|
|
27695
28377
|
pointer-events: none;
|
|
27696
28378
|
}
|
|
@@ -27698,13 +28380,13 @@ $kendo-floating-label-focus-text: null !default;
|
|
|
27698
28380
|
|
|
27699
28381
|
> .k-label,
|
|
27700
28382
|
&.k-focus > .k-label {
|
|
27701
|
-
top: $kendo-floating-label-focus-offset-y;
|
|
27702
|
-
left: $kendo-floating-label-focus-offset-x;
|
|
28383
|
+
top: var(--kendo-floating-label-focus-offset-y, #{$kendo-floating-label-focus-offset-y});
|
|
28384
|
+
left: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
27703
28385
|
transform: scale( $kendo-floating-label-focus-scale );
|
|
27704
28386
|
}
|
|
27705
28387
|
&:focus-within > .k-label {
|
|
27706
|
-
top: $kendo-floating-label-focus-offset-y;
|
|
27707
|
-
left: $kendo-floating-label-focus-offset-x;
|
|
28388
|
+
top: var(--kendo-floating-label-focus-offset-y, #{$kendo-floating-label-focus-offset-y});
|
|
28389
|
+
left: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
27708
28390
|
transform: scale( $kendo-floating-label-focus-scale );
|
|
27709
28391
|
}
|
|
27710
28392
|
|
|
@@ -27724,18 +28406,18 @@ $kendo-floating-label-focus-text: null !default;
|
|
|
27724
28406
|
&.k-empty {
|
|
27725
28407
|
> .k-label {
|
|
27726
28408
|
left: auto;
|
|
27727
|
-
right: $kendo-floating-label-offset-x;
|
|
28409
|
+
right: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
|
|
27728
28410
|
}
|
|
27729
28411
|
}
|
|
27730
28412
|
|
|
27731
28413
|
> .k-label,
|
|
27732
28414
|
&.k-focus > .k-label {
|
|
27733
28415
|
left: auto;
|
|
27734
|
-
right: $kendo-floating-label-focus-offset-x;
|
|
28416
|
+
right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
27735
28417
|
}
|
|
27736
28418
|
&:focus-within > .k-label {
|
|
27737
28419
|
left: auto;
|
|
27738
|
-
right: $kendo-floating-label-focus-offset-x;
|
|
28420
|
+
right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
27739
28421
|
}
|
|
27740
28422
|
}
|
|
27741
28423
|
}
|
|
@@ -28960,7 +29642,7 @@ $kendo-circular-progressbar-scale-stroke: $kendo-progressbar-bg !default;
|
|
|
28960
29642
|
|
|
28961
29643
|
.k-progressbar-indeterminate {
|
|
28962
29644
|
@include fill( $kendo-progressbar-indeterminate-text, $kendo-progressbar-indeterminate-bg, $kendo-progressbar-indeterminate-border );
|
|
28963
|
-
@include striped-gradient( k-color-shade($kendo-progressbar-indeterminate-bg) );
|
|
29645
|
+
@include striped-gradient( if($kendo-enable-color-system, rgba( k-color( base-emphasis, true ), .55 ), k-color-shade($kendo-progressbar-indeterminate-bg)) );
|
|
28964
29646
|
background-size: $kendo-progressbar-height $kendo-progressbar-height;
|
|
28965
29647
|
animation: kendo-progressbar-indeterminate-animation $kendo-progressbar-animation-timing;
|
|
28966
29648
|
}
|
|
@@ -29657,21 +30339,21 @@ $kendo-slider-draghandle-active-scale: 1 !default;
|
|
|
29657
30339
|
$kendo-slider-draghandle-active-size: null !default;
|
|
29658
30340
|
|
|
29659
30341
|
$kendo-slider-draghandle-bg: $kendo-color-primary !default;
|
|
29660
|
-
$kendo-slider-draghandle-text: k-contrast-color( $kendo-color-primary ) !default;
|
|
30342
|
+
$kendo-slider-draghandle-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-color-primary )) !default;
|
|
29661
30343
|
$kendo-slider-draghandle-border: $kendo-color-primary !default;
|
|
29662
30344
|
$kendo-slider-draghandle-gradient: null !default;
|
|
29663
30345
|
|
|
29664
|
-
$kendo-slider-draghandle-hover-bg: k-try-darken( $kendo-color-primary, 7.5% ) !default;
|
|
29665
|
-
$kendo-slider-draghandle-hover-text: k-contrast-color( $kendo-color-primary ) !default;
|
|
29666
|
-
$kendo-slider-draghandle-hover-border: k-try-darken( $kendo-color-primary, 10% ) !default;
|
|
30346
|
+
$kendo-slider-draghandle-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-darken( $kendo-color-primary, 7.5% )) !default;
|
|
30347
|
+
$kendo-slider-draghandle-hover-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-color-primary )) !default;
|
|
30348
|
+
$kendo-slider-draghandle-hover-border: if($kendo-enable-color-system, k-color( primary-hover ), k-try-darken( $kendo-color-primary, 10% )) !default;
|
|
29667
30349
|
$kendo-slider-draghandle-hover-gradient: null !default;
|
|
29668
30350
|
|
|
29669
|
-
$kendo-slider-draghandle-pressed-bg: k-try-darken( $kendo-color-primary, 10% ) !default;
|
|
29670
|
-
$kendo-slider-draghandle-pressed-text: k-contrast-color( $kendo-color-primary ) !default;
|
|
29671
|
-
$kendo-slider-draghandle-pressed-border: k-try-darken( $kendo-color-primary, 12.5% ) !default;
|
|
30351
|
+
$kendo-slider-draghandle-pressed-bg: if($kendo-enable-color-system, k-color( primary-active ), k-try-darken( $kendo-color-primary, 10% )) !default;
|
|
30352
|
+
$kendo-slider-draghandle-pressed-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-color-primary )) !default;
|
|
30353
|
+
$kendo-slider-draghandle-pressed-border: if($kendo-enable-color-system, k-color( primary-active ), k-try-darken( $kendo-color-primary, 12.5% )) !default;
|
|
29672
30354
|
$kendo-slider-draghandle-pressed-gradient: null !default;
|
|
29673
30355
|
|
|
29674
|
-
$kendo-slider-draghandle-focus-shadow: 0 0 0 3px rgba( $kendo-color-primary, .5 ) !default;
|
|
30356
|
+
$kendo-slider-draghandle-focus-shadow: 0 0 0 3px if($kendo-enable-color-system, rgba( k-color( primary, true ), .5 ), rgba( $kendo-color-primary, .5 )) !default;
|
|
29675
30357
|
|
|
29676
30358
|
$kendo-slider-transition-speed: .3s !default;
|
|
29677
30359
|
$kendo-slider-transition-function: ease-out !default;
|
|
@@ -30335,7 +31017,7 @@ $kendo-calendar-cell-selected-hover-border: $kendo-selected-hover-border !defaul
|
|
|
30335
31017
|
$kendo-calendar-cell-selected-hover-gradient: null !default;
|
|
30336
31018
|
|
|
30337
31019
|
$kendo-calendar-cell-focus-shadow: inset $kendo-button-focus-shadow !default;
|
|
30338
|
-
$kendo-calendar-cell-selected-focus-shadow: inset 0 0 0 2px rgba( k-color-darken( $kendo-color-primary, 12.5% ), .5 ) !default;
|
|
31020
|
+
$kendo-calendar-cell-selected-focus-shadow: inset 0 0 0 2px if($kendo-enable-color-system, rgba( k-color( primary-active, true ), .5 ), rgba( k-color-darken( $kendo-color-primary, 12.5% ), .5 )) !default;
|
|
30339
31021
|
|
|
30340
31022
|
|
|
30341
31023
|
// Calendar navigation
|
|
@@ -31086,7 +31768,7 @@ $kendo-calendar-sizes: (
|
|
|
31086
31768
|
.k-calendar { // stylelint-disable-line
|
|
31087
31769
|
|
|
31088
31770
|
$kendo-calendar-range-gap: 1px !default;
|
|
31089
|
-
$kendo-calendar-range-bg: rgba( $kendo-calendar-cell-selected-bg, .25 );
|
|
31771
|
+
$kendo-calendar-range-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-calendar-cell-selected-bg, .25 ));
|
|
31090
31772
|
$kendo-calendar-range-split-size: 5px !default;
|
|
31091
31773
|
|
|
31092
31774
|
.k-range-start,
|
|
@@ -34692,7 +35374,7 @@ $kendo-treeview-item-selected-gradient: null !default;
|
|
|
34692
35374
|
|
|
34693
35375
|
/// The box shadow of focused TreeView items.
|
|
34694
35376
|
/// @group treeview
|
|
34695
|
-
$kendo-treeview-item-focus-shadow: inset 0 0 0 2px rgba( $kendo-treeview-text, .15 ) !default;
|
|
35377
|
+
$kendo-treeview-item-focus-shadow: inset 0 0 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .15 ), rgba( $kendo-treeview-text, .15 )) !default;
|
|
34696
35378
|
|
|
34697
35379
|
/// The background color of the Load More button in the TreeView.
|
|
34698
35380
|
/// @group treeview
|
|
@@ -35748,17 +36430,17 @@ $kendo-switch-off-track-focus-bg: null !default;
|
|
|
35748
36430
|
$kendo-switch-off-track-focus-text: null !default;
|
|
35749
36431
|
/// The border color of the track when the focused Switch is not checked.
|
|
35750
36432
|
/// @group switch
|
|
35751
|
-
$kendo-switch-off-track-focus-border: k-color-mix( $kendo-switch-off-track-bg, $kendo-color-primary ) !default;
|
|
36433
|
+
$kendo-switch-off-track-focus-border: if($kendo-enable-color-system, k-color( primary-emphasis ), k-color-mix( $kendo-switch-off-track-bg, $kendo-color-primary )) !default;
|
|
35752
36434
|
/// The background gradient of the track when the focused Switch is not checked.
|
|
35753
36435
|
/// @group switch
|
|
35754
36436
|
$kendo-switch-off-track-focus-gradient: null !default;
|
|
35755
36437
|
/// The ring around the track when the focused Switch is not checked.
|
|
35756
36438
|
/// @group switch
|
|
35757
|
-
$kendo-switch-off-track-focus-ring: .25rem solid rgba( $kendo-color-primary, .25 ) !default;
|
|
36439
|
+
$kendo-switch-off-track-focus-ring: .25rem solid if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-color-primary, .25 )) !default;
|
|
35758
36440
|
|
|
35759
36441
|
/// The background of the track when the disabled Switch is not checked.
|
|
35760
36442
|
/// @group switch
|
|
35761
|
-
$kendo-switch-off-track-disabled-bg: if( $kendo-is-dark-theme, $gray-800, $gray-200 ) !default;
|
|
36443
|
+
$kendo-switch-off-track-disabled-bg: if($kendo-enable-color-system, k-color( base-subtle ), if( $kendo-is-dark-theme, $gray-800, $gray-200 )) !default;
|
|
35762
36444
|
/// The text color of the track when the disabled Switch is not checked.
|
|
35763
36445
|
/// @group switch
|
|
35764
36446
|
$kendo-switch-off-track-disabled-text: null !default;
|
|
@@ -35836,11 +36518,11 @@ $kendo-switch-on-track-focus-border: null !default;
|
|
|
35836
36518
|
$kendo-switch-on-track-focus-gradient: null !default;
|
|
35837
36519
|
/// The ring around the track when the focused Switch is checked.
|
|
35838
36520
|
/// @group switch
|
|
35839
|
-
$kendo-switch-on-track-focus-ring: .25rem solid rgba( $kendo-switch-on-track-border, .25 ) !default;
|
|
36521
|
+
$kendo-switch-on-track-focus-ring: .25rem solid if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-switch-on-track-border, .25 )) !default;
|
|
35840
36522
|
|
|
35841
36523
|
/// The background of the track when the disabled Switch is checked.
|
|
35842
36524
|
/// @group switch
|
|
35843
|
-
$kendo-switch-on-track-disabled-bg: k-try-tint( $kendo-switch-on-track-bg, 50% ) !default;
|
|
36525
|
+
$kendo-switch-on-track-disabled-bg: if($kendo-enable-color-system, rgba( k-color( primary ), .5 ), k-try-tint( $kendo-switch-on-track-bg, 50% )) !default;
|
|
35844
36526
|
/// The text color of the track when the disabled Switch is checked.
|
|
35845
36527
|
/// @group switch
|
|
35846
36528
|
$kendo-switch-on-track-disabled-text: null !default;
|
|
@@ -35853,7 +36535,7 @@ $kendo-switch-on-track-disabled-gradient: null !default;
|
|
|
35853
36535
|
|
|
35854
36536
|
/// The background of the thumb when the Switch is checked.
|
|
35855
36537
|
/// @group switch
|
|
35856
|
-
$kendo-switch-on-thumb-bg: k-contrast-color( $kendo-switch-on-track-bg ) !default;
|
|
36538
|
+
$kendo-switch-on-thumb-bg: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-switch-on-track-bg )) !default;
|
|
35857
36539
|
/// The text color of the thumb when the Switch is checked.
|
|
35858
36540
|
/// @group switch
|
|
35859
36541
|
$kendo-switch-on-thumb-text: null !default;
|
|
@@ -36117,7 +36799,7 @@ $kendo-switch-on-thumb-hover-gradient: null !default;
|
|
|
36117
36799
|
$kendo-switch-off-track-focus-gradient
|
|
36118
36800
|
);
|
|
36119
36801
|
@if $kendo-enable-focus-contrast {
|
|
36120
|
-
@include box-shadow( 0 0 0 2px if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ) );
|
|
36802
|
+
@include box-shadow( 0 0 0 2px if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )) );
|
|
36121
36803
|
} @else {
|
|
36122
36804
|
outline: $kendo-switch-off-track-focus-ring;
|
|
36123
36805
|
}
|
|
@@ -36197,7 +36879,7 @@ $kendo-switch-on-thumb-hover-gradient: null !default;
|
|
|
36197
36879
|
$kendo-switch-on-track-focus-gradient
|
|
36198
36880
|
);
|
|
36199
36881
|
@if $kendo-enable-focus-contrast {
|
|
36200
|
-
@include box-shadow( 0 0 0 2px if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ) );
|
|
36882
|
+
@include box-shadow( 0 0 0 2px if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )) );
|
|
36201
36883
|
} @else {
|
|
36202
36884
|
outline: $kendo-switch-on-track-focus-ring;
|
|
36203
36885
|
}
|
|
@@ -36344,7 +37026,7 @@ $kendo-dropzone-line-height: $kendo-line-height-md !default;
|
|
|
36344
37026
|
|
|
36345
37027
|
/// The background color of the DropZone.
|
|
36346
37028
|
/// @group dropzone
|
|
36347
|
-
$kendo-dropzone-bg: if( k-is-light( $kendo-component-bg ), $gray-100, $gray-900 ) !default;
|
|
37029
|
+
$kendo-dropzone-bg: if($kendo-enable-color-system, k-color( surface ), if( k-is-light( $kendo-component-bg ), $gray-100, $gray-900 )) !default;
|
|
36348
37030
|
/// The text color of the DropZone.
|
|
36349
37031
|
/// @group dropzone
|
|
36350
37032
|
$kendo-dropzone-text: $kendo-component-text !default;
|
|
@@ -36357,7 +37039,7 @@ $kendo-dropzone-border: $kendo-component-border !default;
|
|
|
36357
37039
|
$kendo-dropzone-icon-spacing: k-map-get( $kendo-spacing, 6 ) !default;
|
|
36358
37040
|
/// The text color of the DropZone icon.
|
|
36359
37041
|
/// @group dropzone
|
|
36360
|
-
$kendo-dropzone-icon-text: k-try-tint( $kendo-dropzone-text, 8 ) !default;
|
|
37042
|
+
$kendo-dropzone-icon-text: if($kendo-enable-color-system, k-color( subtle ), k-try-tint( $kendo-dropzone-text, 8 )) !default;
|
|
36361
37043
|
/// The text color of the hovered DropZone icon.
|
|
36362
37044
|
/// @group dropzone
|
|
36363
37045
|
$kendo-dropzone-icon-hover-text: $kendo-color-primary !default;
|
|
@@ -36561,7 +37243,7 @@ $kendo-upload-dropzone-bg: $kendo-component-header-bg !default;
|
|
|
36561
37243
|
$kendo-upload-dropzone-border: $kendo-upload-border !default;
|
|
36562
37244
|
/// The background color of the hovered Upload dropzone.
|
|
36563
37245
|
/// @group upload
|
|
36564
|
-
$kendo-upload-dropzone-hover-bg: k-try-shade( $kendo-upload-dropzone-bg, .2 ) !default;
|
|
37246
|
+
$kendo-upload-dropzone-hover-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-upload-dropzone-bg, .2 )) !default;
|
|
36565
37247
|
|
|
36566
37248
|
/// The text color of the Upload status message.
|
|
36567
37249
|
/// @group upload
|
|
@@ -37089,14 +37771,14 @@ $kendo-appbar-gap: k-map-get( $kendo-spacing, 2 ) !default;
|
|
|
37089
37771
|
$kendo-appbar-light-bg: $kendo-color-light !default;
|
|
37090
37772
|
/// The text color of the AppBar based on light theme color.
|
|
37091
37773
|
/// @group appbar
|
|
37092
|
-
$kendo-appbar-light-text: k-contrast-color( $kendo-color-light ) !default;
|
|
37774
|
+
$kendo-appbar-light-text: if($kendo-enable-color-system, k-color( on-light ), k-contrast-color( $kendo-color-light )) !default;
|
|
37093
37775
|
|
|
37094
37776
|
/// The background color of the AppBar based on dark theme color.
|
|
37095
37777
|
/// @group appbar
|
|
37096
37778
|
$kendo-appbar-dark-bg: $kendo-color-dark !default;
|
|
37097
37779
|
/// The text color of the AppBar based on dark theme color.
|
|
37098
37780
|
/// @group appbar
|
|
37099
|
-
$kendo-appbar-dark-text: k-contrast-color( $kendo-color-dark ) !default;
|
|
37781
|
+
$kendo-appbar-dark-text: if($kendo-enable-color-system, k-color( on-dark ), k-contrast-color( $kendo-color-dark )) !default;
|
|
37100
37782
|
|
|
37101
37783
|
/// The box shadow of the AppBar.
|
|
37102
37784
|
/// @group appbar
|
|
@@ -37256,7 +37938,7 @@ $kendo-appbar-bottom-box-shadow: k-elevation(4) !default;
|
|
|
37256
37938
|
color: $kendo-appbar-dark-text;
|
|
37257
37939
|
background-color: $kendo-appbar-dark-bg;
|
|
37258
37940
|
} @else {
|
|
37259
|
-
color: k-contrast-legacy( $color );
|
|
37941
|
+
color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color ));
|
|
37260
37942
|
background-color: $color;
|
|
37261
37943
|
}
|
|
37262
37944
|
}
|
|
@@ -37677,7 +38359,7 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37677
38359
|
outline: $kendo-fab-border-width $kendo-fab-outline-style $color;
|
|
37678
38360
|
outline-offset: -$kendo-fab-border-width;
|
|
37679
38361
|
border-color: $color;
|
|
37680
|
-
color: k-contrast-legacy( $color );
|
|
38362
|
+
color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color ));
|
|
37681
38363
|
background-color: $color;
|
|
37682
38364
|
}
|
|
37683
38365
|
}
|
|
@@ -37686,8 +38368,8 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37686
38368
|
@each $name, $color in $kendo-fab-theme-colors {
|
|
37687
38369
|
.k-hover.k-fab-solid-#{$name},
|
|
37688
38370
|
.k-fab-solid-#{$name}:hover {
|
|
37689
|
-
border-color: k-try-shade( $color, .5 );
|
|
37690
|
-
background-color: k-try-shade( $color, .5 );
|
|
38371
|
+
border-color: if($kendo-enable-color-system, k-color( #{$name}-hover ), k-try-shade( $color, .5 ));
|
|
38372
|
+
background-color: if($kendo-enable-color-system, k-color( #{$name}-hover ), k-try-shade( $color, .5 ));
|
|
37691
38373
|
}
|
|
37692
38374
|
}
|
|
37693
38375
|
|
|
@@ -37698,7 +38380,7 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37698
38380
|
@if $kendo-enable-focus-contrast {
|
|
37699
38381
|
@include box-shadow( inset 0 0 0 2px currentColor );
|
|
37700
38382
|
} @else {
|
|
37701
|
-
outline: $kendo-fab-outline-style $kendo-fab-outline-width rgba( $color, .3 );
|
|
38383
|
+
outline: $kendo-fab-outline-style $kendo-fab-outline-width if($kendo-enable-color-system, rgba( k-color( $name, true ), .3 ), rgba( $color, .3 ));
|
|
37702
38384
|
}
|
|
37703
38385
|
}
|
|
37704
38386
|
}
|
|
@@ -37709,8 +38391,8 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37709
38391
|
.k-selected.k-fab-solid-#{$name},
|
|
37710
38392
|
.k-fab-solid-#{$name}:active {
|
|
37711
38393
|
@include box-shadow($kendo-fab-active-shadow);
|
|
37712
|
-
border-color: k-try-shade( $color, 1.5);
|
|
37713
|
-
background-color: k-try-shade( $color, 1.5);
|
|
38394
|
+
border-color: if($kendo-enable-color-system, k-color( #{$name}-active ), k-try-shade( $color, 1.5));
|
|
38395
|
+
background-color: if($kendo-enable-color-system, k-color( #{$name}-active ), k-try-shade( $color, 1.5));
|
|
37714
38396
|
}
|
|
37715
38397
|
}
|
|
37716
38398
|
|
|
@@ -37719,8 +38401,8 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37719
38401
|
.k-disabled.k-fab-solid-#{$name},
|
|
37720
38402
|
.k-fab-solid-#{$name}:disabled {
|
|
37721
38403
|
@include box-shadow($kendo-fab-disabled-shadow);
|
|
37722
|
-
background-color: k-try-tint( $color, 5 );
|
|
37723
|
-
color: k-try-tint( k-contrast-legacy( $color ), 5 );
|
|
38404
|
+
background-color: if($kendo-enable-color-system, rgba( k-color( $name, true ), .6 ), k-try-tint( $color, 5 ));
|
|
38405
|
+
color: if($kendo-enable-color-system, rgba( k-color( on-#{$name}, true ), .6 ), k-try-tint( k-contrast-legacy( $color ), 5 ));
|
|
37724
38406
|
opacity: 1;
|
|
37725
38407
|
}
|
|
37726
38408
|
}
|
|
@@ -37749,8 +38431,8 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37749
38431
|
// Hover state
|
|
37750
38432
|
.k-fab-item.k-hover .k-fab-item-icon,
|
|
37751
38433
|
.k-fab-item:hover .k-fab-item-icon {
|
|
37752
|
-
border-color: k-try-shade( $kendo-fab-item-icon-border, .5 );
|
|
37753
|
-
background-color: k-try-shade( $kendo-fab-item-icon-bg, .5 );
|
|
38434
|
+
border-color: if($kendo-enable-color-system, k-color( border ), k-try-shade( $kendo-fab-item-icon-border, .5 ));
|
|
38435
|
+
background-color: if($kendo-enable-color-system, k-color( base-hover ), k-try-shade( $kendo-fab-item-icon-bg, .5 ));
|
|
37754
38436
|
}
|
|
37755
38437
|
|
|
37756
38438
|
// Focus state
|
|
@@ -37759,7 +38441,7 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37759
38441
|
.k-fab-item.k-focus .k-fab-item-text,
|
|
37760
38442
|
.k-fab-item.k-focus .k-fab-item-icon {
|
|
37761
38443
|
@if $kendo-enable-focus-contrast {
|
|
37762
|
-
@include box-shadow( inset 0 0 0 2px if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ) );
|
|
38444
|
+
@include box-shadow( inset 0 0 0 2px if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )) );
|
|
37763
38445
|
} @else {
|
|
37764
38446
|
outline: $kendo-fab-item-outline-style $kendo-fab-item-outline-width $kendo-fab-item-outline-color;
|
|
37765
38447
|
}
|
|
@@ -37769,8 +38451,8 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37769
38451
|
.k-fab-item.k-active .k-fab-item-icon,
|
|
37770
38452
|
.k-fab-item:active .k-fab-item-icon {
|
|
37771
38453
|
@include box-shadow($kendo-fab-item-active-shadow);
|
|
37772
|
-
border-color: k-try-shade( $kendo-fab-item-icon-border, 1);
|
|
37773
|
-
background-color: k-try-shade( $kendo-fab-item-icon-bg, 1);
|
|
38454
|
+
border-color: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-fab-item-icon-border, 1 ));
|
|
38455
|
+
background-color: if($kendo-enable-color-system, k-color( base-active ), k-try-shade( $kendo-fab-item-icon-bg, 1 ));
|
|
37774
38456
|
}
|
|
37775
38457
|
|
|
37776
38458
|
// Disabled state
|
|
@@ -37781,8 +38463,8 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37781
38463
|
.k-fab-item-text,
|
|
37782
38464
|
.k-fab-item-icon {
|
|
37783
38465
|
@include box-shadow($kendo-fab-item-disabled-shadow);
|
|
37784
|
-
background-color: k-try-tint( $kendo-fab-item-bg, 5 );
|
|
37785
|
-
color: k-try-tint( $kendo-fab-item-text, 5 );
|
|
38466
|
+
background-color: if($kendo-enable-color-system, rgba( k-color( base, true ), .6 ), k-try-tint( $kendo-fab-item-bg, 5 ));
|
|
38467
|
+
color: if($kendo-enable-color-system, rgba( k-color( on-base, true ), .6 ), k-try-tint( $kendo-fab-item-text, 5 ));
|
|
37786
38468
|
}
|
|
37787
38469
|
}
|
|
37788
38470
|
|
|
@@ -37810,7 +38492,7 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37810
38492
|
outline: $kendo-fab-border-width $kendo-fab-outline-style $color;
|
|
37811
38493
|
outline-offset: -$kendo-fab-border-width;
|
|
37812
38494
|
border-color: $color;
|
|
37813
|
-
color: k-contrast-color( $color );
|
|
38495
|
+
color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-color( $color ));
|
|
37814
38496
|
background-color: $color;
|
|
37815
38497
|
}
|
|
37816
38498
|
}
|
|
@@ -37819,9 +38501,9 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37819
38501
|
@each $name, $color in $kendo-fab-theme-colors {
|
|
37820
38502
|
.k-fab-solid-#{$name}:hover,
|
|
37821
38503
|
.k-fab-solid-#{$name}.k-hover {
|
|
37822
|
-
border-color: k-color-darken( $color, 10% );
|
|
37823
|
-
color: k-contrast-color( k-color-darken( $color, 7.5% ) );
|
|
37824
|
-
background-color: k-color-darken( $color, 7.5% );
|
|
38504
|
+
border-color: if($kendo-enable-color-system, k-color( #{$name}-hover ), k-color-darken( $color, 10% ));
|
|
38505
|
+
color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-color( k-color-darken( $color, 7.5% ) ));
|
|
38506
|
+
background-color: if($kendo-enable-color-system, k-color( #{$name}-hover ), k-color-darken( $color, 7.5% ));
|
|
37825
38507
|
}
|
|
37826
38508
|
}
|
|
37827
38509
|
|
|
@@ -37829,7 +38511,7 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37829
38511
|
@each $name, $color in $kendo-fab-theme-colors {
|
|
37830
38512
|
.k-fab-solid-#{$name}:focus,
|
|
37831
38513
|
.k-fab-solid-#{$name}.k-focus {
|
|
37832
|
-
outline: $kendo-fab-outline-width $kendo-fab-outline-style rgba( $color, .5 );
|
|
38514
|
+
outline: $kendo-fab-outline-width $kendo-fab-outline-style if($kendo-enable-color-system, rgba( k-color( $name, true ), .5 ), rgba( $color, .5 ));
|
|
37833
38515
|
}
|
|
37834
38516
|
}
|
|
37835
38517
|
|
|
@@ -37839,9 +38521,9 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37839
38521
|
.k-fab-solid-#{$name}.k-active,
|
|
37840
38522
|
.k-fab-solid-#{$name}.k-selected {
|
|
37841
38523
|
@include box-shadow( $kendo-fab-active-shadow );
|
|
37842
|
-
border-color: k-color-darken( $color, 12.5% );
|
|
37843
|
-
color: k-contrast-color( k-color-darken( $color, 10% ) );
|
|
37844
|
-
background-color: k-color-darken( $color, 10% );
|
|
38524
|
+
border-color: if($kendo-enable-color-system, k-color( #{$name}-active ), k-color-darken( $color, 12.5% ));
|
|
38525
|
+
color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-color( k-color-darken( $color, 10% ) ));
|
|
38526
|
+
background-color: if($kendo-enable-color-system, k-color( #{$name}-active ), k-color-darken( $color, 10% ));
|
|
37845
38527
|
}
|
|
37846
38528
|
}
|
|
37847
38529
|
|
|
@@ -37850,8 +38532,8 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37850
38532
|
.k-fab-solid-#{$name}:disabled,
|
|
37851
38533
|
.k-fab-solid-#{$name}.k-disabled {
|
|
37852
38534
|
@include box-shadow( $kendo-fab-disabled-shadow );
|
|
37853
|
-
background-color: k-try-tint( $color, 4.5 );
|
|
37854
|
-
color: k-try-tint( k-contrast-color( $color ), 5 );
|
|
38535
|
+
background-color: if($kendo-enable-color-system, rgba( k-color( $name, true ), .65 ), k-try-tint( $color, 4.5 ));
|
|
38536
|
+
color: if($kendo-enable-color-system, rgba( k-color( on-#{$name}, true ), .65 ), k-try-tint( k-contrast-color( $color ), 5 ));
|
|
37855
38537
|
opacity: 1;
|
|
37856
38538
|
}
|
|
37857
38539
|
}
|
|
@@ -37880,11 +38562,11 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37880
38562
|
.k-fab-item:hover .k-fab-item-icon,
|
|
37881
38563
|
.k-fab-item.k-hover .k-fab-item-icon {
|
|
37882
38564
|
@include box-shadow( $kendo-fab-item-shadow );
|
|
37883
|
-
outline: $kendo-fab-border-width $kendo-fab-item-outline-style k-try-darken( $kendo-fab-item-icon-border, 10% );
|
|
38565
|
+
outline: $kendo-fab-border-width $kendo-fab-item-outline-style if($kendo-enable-color-system, k-color( base-hover ), k-try-darken( $kendo-fab-item-icon-border, 10% ));
|
|
37884
38566
|
outline-offset: -$kendo-fab-border-width;
|
|
37885
|
-
border-color: k-color-darken( $kendo-fab-item-icon-border, 10% );
|
|
37886
|
-
color: k-contrast-color( k-color-darken( $kendo-fab-item-icon-bg, 7.5% ) );
|
|
37887
|
-
background-color: k-color-darken( $kendo-fab-item-icon-bg, 7.5% );
|
|
38567
|
+
border-color: if($kendo-enable-color-system, k-color( base-hover ), k-color-darken( $kendo-fab-item-icon-border, 10% ));
|
|
38568
|
+
color: if($kendo-enable-color-system, k-color( on-base ), k-contrast-color( k-color-darken( $kendo-fab-item-icon-bg, 7.5% ) ));
|
|
38569
|
+
background-color: if($kendo-enable-color-system, k-color( base-hover ), k-color-darken( $kendo-fab-item-icon-bg, 7.5% ));
|
|
37888
38570
|
}
|
|
37889
38571
|
|
|
37890
38572
|
// Focus state
|
|
@@ -37892,18 +38574,18 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37892
38574
|
.k-fab-item.k-focus .k-fab-item-text,
|
|
37893
38575
|
.k-fab-item:focus .k-fab-item-icon,
|
|
37894
38576
|
.k-fab-item.k-focus .k-fab-item-icon {
|
|
37895
|
-
outline: $kendo-fab-item-outline-width $kendo-fab-item-outline-style rgba( $kendo-fab-item-icon-border, .5 );
|
|
38577
|
+
outline: $kendo-fab-item-outline-width $kendo-fab-item-outline-style if($kendo-enable-color-system, rgba( k-color( base, true ), .5 ), rgba( $kendo-fab-item-icon-border, .5 ));
|
|
37896
38578
|
}
|
|
37897
38579
|
|
|
37898
38580
|
// Active state
|
|
37899
38581
|
.k-fab-item:active .k-fab-item-icon,
|
|
37900
38582
|
.k-fab-item.k-active .k-fab-item-icon {
|
|
37901
38583
|
@include box-shadow( $kendo-fab-item-active-shadow );
|
|
37902
|
-
outline: $kendo-fab-border-width solid k-color-darken( $kendo-fab-item-icon-border, 12.5% );
|
|
38584
|
+
outline: $kendo-fab-border-width solid if($kendo-enable-color-system, k-color( base-active ), k-color-darken( $kendo-fab-item-icon-border, 12.5% ));
|
|
37903
38585
|
outline-offset: -$kendo-fab-border-width;
|
|
37904
|
-
border-color: k-color-darken( $kendo-fab-item-icon-border, 12.5% );
|
|
37905
|
-
color: k-contrast-color( k-color-darken( $kendo-fab-item-icon-bg, 10% ) );
|
|
37906
|
-
background-color: k-color-darken( $kendo-fab-item-icon-bg, 10% );
|
|
38586
|
+
border-color: if($kendo-enable-color-system, k-color( base-active ), k-color-darken( $kendo-fab-item-icon-border, 12.5% ));
|
|
38587
|
+
color: if($kendo-enable-color-system, k-color( on-base ), k-contrast-color( k-color-darken( $kendo-fab-item-icon-bg, 10% ) ));
|
|
38588
|
+
background-color: if($kendo-enable-color-system, k-color( base-active ), k-color-darken( $kendo-fab-item-icon-bg, 10% ));
|
|
37907
38589
|
}
|
|
37908
38590
|
|
|
37909
38591
|
// Disabled state
|
|
@@ -37914,8 +38596,8 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
|
|
|
37914
38596
|
.k-fab-item-text,
|
|
37915
38597
|
.k-fab-item-icon {
|
|
37916
38598
|
@include box-shadow( $kendo-fab-item-disabled-shadow );
|
|
37917
|
-
background-color: k-try-tint( $kendo-fab-item-bg, 8 );
|
|
37918
|
-
color: k-try-tint( $kendo-fab-item-text, 8 );
|
|
38599
|
+
background-color: if($kendo-enable-color-system, rgba( k-color( base, true ), .65 ), k-try-tint( $kendo-fab-item-bg, 8 ));
|
|
38600
|
+
color: if($kendo-enable-color-system, rgba( k-color( on-base, true ), .65 ), k-try-tint( $kendo-fab-item-text, 8 ));
|
|
37919
38601
|
}
|
|
37920
38602
|
}
|
|
37921
38603
|
|
|
@@ -38888,7 +39570,7 @@ $_kendo-module-meta: (
|
|
|
38888
39570
|
// Window theme colors
|
|
38889
39571
|
@each $name, $color in $kendo-window-theme-colors {
|
|
38890
39572
|
.k-window-#{$name} .k-window-titlebar {
|
|
38891
|
-
color: k-contrast-legacy( $color );
|
|
39573
|
+
color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color ));
|
|
38892
39574
|
background-color: $color;
|
|
38893
39575
|
}
|
|
38894
39576
|
}
|
|
@@ -39069,7 +39751,7 @@ $kendo-dialog-theme-colors: (
|
|
|
39069
39751
|
// Dialog theme colors
|
|
39070
39752
|
@each $name, $color in $kendo-dialog-theme-colors {
|
|
39071
39753
|
.k-dialog-#{$name} .k-dialog-titlebar {
|
|
39072
|
-
color: k-contrast-legacy( $color );
|
|
39754
|
+
color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color ));
|
|
39073
39755
|
background-color: $color;
|
|
39074
39756
|
}
|
|
39075
39757
|
}
|
|
@@ -39186,7 +39868,7 @@ $kendo-drawer-focus-shadow: inset 0 0 0 2px rgba( black, .15 ) !default;
|
|
|
39186
39868
|
|
|
39187
39869
|
$kendo-drawer-selected-bg: $kendo-selected-bg !default;
|
|
39188
39870
|
$kendo-drawer-selected-text: $kendo-selected-text !default;
|
|
39189
|
-
$kendo-drawer-selected-hover-bg: k-try-shade( $kendo-selected-bg, 1 ) !default;
|
|
39871
|
+
$kendo-drawer-selected-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-selected-bg, 1 )) !default;
|
|
39190
39872
|
$kendo-drawer-selected-hover-text: $kendo-selected-text !default;
|
|
39191
39873
|
|
|
39192
39874
|
// #endregion
|
|
@@ -39630,9 +40312,9 @@ $kendo-notification-icon-spacing: $kendo-icon-spacing !default;
|
|
|
39630
40312
|
|
|
39631
40313
|
@each $name, $color in $colors {
|
|
39632
40314
|
$_theme: k-map-merge(( $name: (
|
|
39633
|
-
color: k-color-shade( $color, 6 ),
|
|
39634
|
-
background-color: k-color-tint( $color, 9 ),
|
|
39635
|
-
border: k-color-tint( $color, 10 ),
|
|
40315
|
+
color: if($kendo-enable-color-system, k-color( #{$name}-on-subtle ), k-color-shade( $color, 6 )),
|
|
40316
|
+
background-color: if($kendo-enable-color-system, k-color( #{$name}-subtle ), k-color-tint( $color, 9 )),
|
|
40317
|
+
border: if($kendo-enable-color-system, k-color( #{$name}-emphasis ), k-color-tint( $color, 10 )),
|
|
39636
40318
|
)), $_theme );
|
|
39637
40319
|
}
|
|
39638
40320
|
|
|
@@ -40236,6 +40918,10 @@ $kendo-card-callout-height: 1.3em !default;
|
|
|
40236
40918
|
gap: $kendo-card-actions-gap;
|
|
40237
40919
|
}
|
|
40238
40920
|
|
|
40921
|
+
.k-card-horizontal .k-actions-horizontal {
|
|
40922
|
+
width: auto;
|
|
40923
|
+
}
|
|
40924
|
+
|
|
40239
40925
|
// List
|
|
40240
40926
|
.k-card-list {
|
|
40241
40927
|
display: flex;
|
|
@@ -40460,9 +41146,9 @@ $kendo-card-callout-height: 1.3em !default;
|
|
|
40460
41146
|
// Card theme colors
|
|
40461
41147
|
@each $name, $color in $kendo-theme-colors {
|
|
40462
41148
|
.k-card-#{$name} {
|
|
40463
|
-
background-color: k-color-tint($color, 10);
|
|
40464
|
-
color: k-color-shade($color, 6);
|
|
40465
|
-
border-color: k-color-tint($color, 9);
|
|
41149
|
+
background-color: if($kendo-enable-color-system, k-color( #{$name}-subtle ), k-color-tint($color, 10));
|
|
41150
|
+
color: if($kendo-enable-color-system, k-color( #{$name}-on-subtle ), k-color-shade($color, 6));
|
|
41151
|
+
border-color: if($kendo-enable-color-system, k-color( #{$name}-emphasis ), k-color-tint($color, 9));
|
|
40466
41152
|
|
|
40467
41153
|
.k-card-subtitle {
|
|
40468
41154
|
color: inherit;
|
|
@@ -41184,17 +41870,17 @@ $kendo-bottom-nav-flat-border: $kendo-component-border !default;
|
|
|
41184
41870
|
@each $name, $color in $kendo-theme-colors {
|
|
41185
41871
|
.k-bottom-nav-solid-#{$name} {
|
|
41186
41872
|
@include fill(
|
|
41187
|
-
$color: k-true-mix( $color, k-contrast-legacy( $color ), 35%),
|
|
41873
|
+
$color: if($kendo-enable-color-system, rgba( k-color( on-#{$name}, true ), .65 ), k-true-mix( $color, k-contrast-legacy( $color ), 35%)),
|
|
41188
41874
|
$bg: $color
|
|
41189
41875
|
);
|
|
41190
41876
|
|
|
41191
41877
|
.k-bottom-nav-item.k-focus,
|
|
41192
41878
|
.k-bottom-nav-item:focus {
|
|
41193
|
-
@include fill( $bg: rgba(k-true-mix( $color, k-contrast-legacy( $color ), 35%), .2));
|
|
41879
|
+
@include fill( $bg: if($kendo-enable-color-system, rgba( k-color( on-#{$name}, true ), .125 ), rgba(k-true-mix( $color, k-contrast-legacy( $color ), 35%), .2)));
|
|
41194
41880
|
}
|
|
41195
41881
|
|
|
41196
41882
|
.k-bottom-nav-item.k-selected {
|
|
41197
|
-
@include fill( $color: k-contrast-legacy( $color ) );
|
|
41883
|
+
@include fill( $color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color )) );
|
|
41198
41884
|
}
|
|
41199
41885
|
}
|
|
41200
41886
|
// TODO: remove when suites update class names
|
|
@@ -41214,12 +41900,12 @@ $kendo-bottom-nav-flat-border: $kendo-component-border !default;
|
|
|
41214
41900
|
|
|
41215
41901
|
.k-bottom-nav-item.k-focus,
|
|
41216
41902
|
.k-bottom-nav-item:focus {
|
|
41217
|
-
@include fill( $bg: rgba($kendo-bottom-nav-flat-text, .05) );
|
|
41903
|
+
@include fill( $bg: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .05), rgba($kendo-bottom-nav-flat-text, .05)) );
|
|
41218
41904
|
}
|
|
41219
41905
|
|
|
41220
41906
|
.k-bottom-nav-item.k-selected {
|
|
41221
41907
|
@if $name == "secondary" or $name == "light" {
|
|
41222
|
-
@include fill( $color: k-try-shade($color, 3) );
|
|
41908
|
+
@include fill( $color: if($kendo-enable-color-system, k-color( #{$name} ), k-try-shade($color, 3)) );
|
|
41223
41909
|
} @else {
|
|
41224
41910
|
@include fill( $color: $color );
|
|
41225
41911
|
}
|
|
@@ -41458,7 +42144,7 @@ $kendo-breadcrumb-link-focus-text: null !default;
|
|
|
41458
42144
|
$kendo-breadcrumb-link-focus-border: null !default;
|
|
41459
42145
|
/// The box shadow of the focused Breadcrumb link.
|
|
41460
42146
|
/// @group breadcrumb
|
|
41461
|
-
$kendo-breadcrumb-link-focus-shadow: inset 0 0 0 3px rgba( $kendo-breadcrumb-text, .25 ) !default;
|
|
42147
|
+
$kendo-breadcrumb-link-focus-shadow: inset 0 0 0 3px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .25 ), rgba( $kendo-breadcrumb-text, .25 )) !default;
|
|
41462
42148
|
|
|
41463
42149
|
/// The background color of the Breadcrumb root link.
|
|
41464
42150
|
/// @group breadcrumb
|
|
@@ -41997,7 +42683,7 @@ $kendo-pager-item-focus-opacity: null !default;
|
|
|
41997
42683
|
$kendo-pager-item-focus-bg: $kendo-pager-item-bg !default;
|
|
41998
42684
|
/// The box shadow of the focused Pager items.
|
|
41999
42685
|
/// @group pager
|
|
42000
|
-
$kendo-pager-item-focus-shadow: 0 0 0 3px rgba($kendo-color-primary, .25) !default;
|
|
42686
|
+
$kendo-pager-item-focus-shadow: 0 0 0 3px if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-color-primary, .25)) !default;
|
|
42001
42687
|
|
|
42002
42688
|
/// The border radius of the Pager numbers.
|
|
42003
42689
|
/// @group pager
|
|
@@ -42374,24 +43060,24 @@ $kendo-stepper-indicator-bg: $kendo-component-bg !default;
|
|
|
42374
43060
|
$kendo-stepper-indicator-text: $kendo-component-text !default;
|
|
42375
43061
|
$kendo-stepper-indicator-border: $kendo-component-border !default;
|
|
42376
43062
|
|
|
42377
|
-
$kendo-stepper-indicator-hover-bg: k-try-shade( $kendo-stepper-indicator-bg ) !default;
|
|
43063
|
+
$kendo-stepper-indicator-hover-bg: if($kendo-enable-color-system, k-color( base-hover ), k-try-shade( $kendo-stepper-indicator-bg )) !default;
|
|
42378
43064
|
$kendo-stepper-indicator-hover-text: null !default;
|
|
42379
43065
|
$kendo-stepper-indicator-hover-border: null !default;
|
|
42380
43066
|
|
|
42381
43067
|
$kendo-stepper-indicator-disabled-bg: null !default;
|
|
42382
|
-
$kendo-stepper-indicator-disabled-text: $kendo-disabled-text !default;
|
|
43068
|
+
$kendo-stepper-indicator-disabled-text: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .65 ), $kendo-disabled-text) !default;
|
|
42383
43069
|
$kendo-stepper-indicator-disabled-border: null !default;
|
|
42384
43070
|
|
|
42385
43071
|
$kendo-stepper-indicator-done-bg: $kendo-color-primary !default;
|
|
42386
|
-
$kendo-stepper-indicator-done-text: k-contrast-color( $kendo-stepper-indicator-done-bg ) !default;
|
|
43072
|
+
$kendo-stepper-indicator-done-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-stepper-indicator-done-bg )) !default;
|
|
42387
43073
|
$kendo-stepper-indicator-done-border: $kendo-stepper-indicator-done-bg !default;
|
|
42388
43074
|
|
|
42389
|
-
$kendo-stepper-indicator-done-hover-bg: k-try-shade( $kendo-stepper-indicator-done-bg ) !default;
|
|
43075
|
+
$kendo-stepper-indicator-done-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-stepper-indicator-done-bg )) !default;
|
|
42390
43076
|
$kendo-stepper-indicator-done-hover-text: null !default;
|
|
42391
43077
|
$kendo-stepper-indicator-done-hover-border: null !default;
|
|
42392
43078
|
|
|
42393
|
-
$kendo-stepper-indicator-done-disabled-bg: k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%) !default;
|
|
42394
|
-
$kendo-stepper-indicator-done-disabled-text: k-contrast-color( $kendo-stepper-indicator-done-bg ) !default;
|
|
43079
|
+
$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;
|
|
43080
|
+
$kendo-stepper-indicator-done-disabled-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-stepper-indicator-done-bg )) !default;
|
|
42395
43081
|
$kendo-stepper-indicator-done-disabled-border: $kendo-stepper-indicator-done-disabled-bg !default;
|
|
42396
43082
|
|
|
42397
43083
|
$kendo-stepper-indicator-current-bg: $kendo-stepper-indicator-done-bg !default;
|
|
@@ -42410,7 +43096,7 @@ $kendo-stepper-label-text: null !default;
|
|
|
42410
43096
|
$kendo-stepper-label-success-text: $kendo-color-success !default;
|
|
42411
43097
|
$kendo-stepper-label-error-text: $kendo-color-error !default;
|
|
42412
43098
|
$kendo-stepper-label-hover-text: null !default;
|
|
42413
|
-
$kendo-stepper-label-disabled-text: $kendo-disabled-text !default;
|
|
43099
|
+
$kendo-stepper-label-disabled-text: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .65 ), $kendo-disabled-text) !default;
|
|
42414
43100
|
|
|
42415
43101
|
$kendo-stepper-optional-label-text: $kendo-subtle-text !default;
|
|
42416
43102
|
$kendo-stepper-optional-label-opacity: null !default;
|
|
@@ -42505,6 +43191,17 @@ $kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0m
|
|
|
42505
43191
|
transition-duration: .4s;
|
|
42506
43192
|
transition-timing-function: ease-in-out;
|
|
42507
43193
|
|
|
43194
|
+
&::before {
|
|
43195
|
+
@include border-radius( $kendo-stepper-indicator-border-radius );
|
|
43196
|
+
content: "";
|
|
43197
|
+
width: 100%;
|
|
43198
|
+
height: 100%;
|
|
43199
|
+
position: absolute;
|
|
43200
|
+
top: 0;
|
|
43201
|
+
left: 0;
|
|
43202
|
+
z-index: -1;
|
|
43203
|
+
}
|
|
43204
|
+
|
|
42508
43205
|
&::after {
|
|
42509
43206
|
@include border-radius( 100% );
|
|
42510
43207
|
content: "";
|
|
@@ -42765,11 +43462,23 @@ $kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0m
|
|
|
42765
43462
|
&.k-disabled,
|
|
42766
43463
|
&:disabled {
|
|
42767
43464
|
.k-step-indicator {
|
|
42768
|
-
@
|
|
42769
|
-
|
|
42770
|
-
|
|
42771
|
-
|
|
42772
|
-
|
|
43465
|
+
@if($kendo-enable-color-system) {
|
|
43466
|
+
@include fill(
|
|
43467
|
+
$kendo-stepper-indicator-disabled-text,
|
|
43468
|
+
k-color( app-surface ),
|
|
43469
|
+
$kendo-stepper-indicator-disabled-border
|
|
43470
|
+
);
|
|
43471
|
+
|
|
43472
|
+
&::before {
|
|
43473
|
+
background-color: $kendo-stepper-indicator-disabled-bg;
|
|
43474
|
+
}
|
|
43475
|
+
} @else {
|
|
43476
|
+
@include fill(
|
|
43477
|
+
$kendo-stepper-indicator-disabled-text,
|
|
43478
|
+
$kendo-stepper-indicator-disabled-bg,
|
|
43479
|
+
$kendo-stepper-indicator-disabled-border
|
|
43480
|
+
);
|
|
43481
|
+
}
|
|
42773
43482
|
}
|
|
42774
43483
|
|
|
42775
43484
|
.k-step-label {
|
|
@@ -42827,11 +43536,23 @@ $kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0m
|
|
|
42827
43536
|
&.k-disabled,
|
|
42828
43537
|
&:disabled {
|
|
42829
43538
|
.k-step-indicator {
|
|
42830
|
-
@
|
|
42831
|
-
|
|
42832
|
-
|
|
42833
|
-
|
|
42834
|
-
|
|
43539
|
+
@if($kendo-enable-color-system) {
|
|
43540
|
+
@include fill(
|
|
43541
|
+
$kendo-stepper-indicator-done-disabled-text,
|
|
43542
|
+
k-color( app-surface ),
|
|
43543
|
+
$kendo-stepper-indicator-done-disabled-border
|
|
43544
|
+
);
|
|
43545
|
+
|
|
43546
|
+
&::before {
|
|
43547
|
+
background-color: $kendo-stepper-indicator-done-disabled-bg;
|
|
43548
|
+
}
|
|
43549
|
+
} @else {
|
|
43550
|
+
@include fill(
|
|
43551
|
+
$kendo-stepper-indicator-done-disabled-text,
|
|
43552
|
+
$kendo-stepper-indicator-done-disabled-bg,
|
|
43553
|
+
$kendo-stepper-indicator-done-disabled-border
|
|
43554
|
+
);
|
|
43555
|
+
}
|
|
42835
43556
|
}
|
|
42836
43557
|
}
|
|
42837
43558
|
}
|
|
@@ -42868,11 +43589,23 @@ $kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0m
|
|
|
42868
43589
|
&.k-disabled,
|
|
42869
43590
|
&:disabled {
|
|
42870
43591
|
.k-step-indicator {
|
|
42871
|
-
@
|
|
42872
|
-
|
|
42873
|
-
|
|
42874
|
-
|
|
42875
|
-
|
|
43592
|
+
@if($kendo-enable-color-system) {
|
|
43593
|
+
@include fill(
|
|
43594
|
+
$kendo-stepper-indicator-current-disabled-text,
|
|
43595
|
+
k-color( app-surface ),
|
|
43596
|
+
$kendo-stepper-indicator-current-disabled-border
|
|
43597
|
+
);
|
|
43598
|
+
|
|
43599
|
+
&::before {
|
|
43600
|
+
background-color: $kendo-stepper-indicator-current-disabled-bg;
|
|
43601
|
+
}
|
|
43602
|
+
} @else {
|
|
43603
|
+
@include fill(
|
|
43604
|
+
$kendo-stepper-indicator-current-disabled-text,
|
|
43605
|
+
$kendo-stepper-indicator-current-disabled-bg,
|
|
43606
|
+
$kendo-stepper-indicator-current-disabled-border
|
|
43607
|
+
);
|
|
43608
|
+
}
|
|
42876
43609
|
}
|
|
42877
43610
|
}
|
|
42878
43611
|
}
|
|
@@ -44245,7 +44978,7 @@ $kendo-panelbar-header-text: $kendo-link-text !default;
|
|
|
44245
44978
|
$kendo-panelbar-header-border: null !default;
|
|
44246
44979
|
$kendo-panelbar-header-gradient: null !default;
|
|
44247
44980
|
|
|
44248
|
-
$kendo-panelbar-header-hover-bg: k-try-shade( $kendo-panelbar-header-bg, .5 ) !default;
|
|
44981
|
+
$kendo-panelbar-header-hover-bg: if($kendo-enable-color-system, k-color( base-subtle-hover ), k-try-shade( $kendo-panelbar-header-bg, .5 )) !default;
|
|
44249
44982
|
$kendo-panelbar-header-hover-text: null !default;
|
|
44250
44983
|
$kendo-panelbar-header-hover-border: null !default;
|
|
44251
44984
|
$kendo-panelbar-header-hover-gradient: null !default;
|
|
@@ -44266,7 +44999,7 @@ $kendo-panelbar-header-selected-text: $kendo-selected-text !default;
|
|
|
44266
44999
|
$kendo-panelbar-header-selected-border: null !default;
|
|
44267
45000
|
$kendo-panelbar-header-selected-gradient: null !default;
|
|
44268
45001
|
|
|
44269
|
-
$kendo-panelbar-header-selected-hover-bg: k-try-shade( $kendo-panelbar-header-selected-bg ) !default;
|
|
45002
|
+
$kendo-panelbar-header-selected-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-panelbar-header-selected-bg )) !default;
|
|
44270
45003
|
$kendo-panelbar-header-selected-hover-text: null !default;
|
|
44271
45004
|
$kendo-panelbar-header-selected-hover-border: null !default;
|
|
44272
45005
|
$kendo-panelbar-header-selected-hover-gradient: null !default;
|
|
@@ -44281,7 +45014,7 @@ $kendo-panelbar-header-selected-hover-focus-text: null !default;
|
|
|
44281
45014
|
$kendo-panelbar-header-selected-hover-focus-border: null !default;
|
|
44282
45015
|
$kendo-panelbar-header-selected-hover-focus-gradient: null !default;
|
|
44283
45016
|
|
|
44284
|
-
$kendo-panelbar-item-hover-bg: k-try-shade( $kendo-panelbar-bg, 1 ) !default;
|
|
45017
|
+
$kendo-panelbar-item-hover-bg: if($kendo-enable-color-system, k-color( base-hover ), k-try-shade( $kendo-panelbar-bg, 1 )) !default;
|
|
44285
45018
|
$kendo-panelbar-item-hover-text: null !default;
|
|
44286
45019
|
$kendo-panelbar-item-hover-border: null !default;
|
|
44287
45020
|
$kendo-panelbar-item-hover-gradient: null !default;
|
|
@@ -44302,7 +45035,7 @@ $kendo-panelbar-item-selected-text: $kendo-selected-text !default;
|
|
|
44302
45035
|
$kendo-panelbar-item-selected-border: null !default;
|
|
44303
45036
|
$kendo-panelbar-item-selected-gradient: null !default;
|
|
44304
45037
|
|
|
44305
|
-
$kendo-panelbar-item-selected-hover-bg: k-try-shade( $kendo-panelbar-item-selected-bg ) !default;
|
|
45038
|
+
$kendo-panelbar-item-selected-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-panelbar-item-selected-bg )) !default;
|
|
44306
45039
|
$kendo-panelbar-item-selected-hover-text: null !default;
|
|
44307
45040
|
$kendo-panelbar-item-selected-hover-border: null !default;
|
|
44308
45041
|
$kendo-panelbar-item-selected-hover-gradient: null !default;
|
|
@@ -44793,7 +45526,7 @@ $kendo-splitter-collapse-icon-padding-y: k-map-get( $kendo-spacing, .5 ) !defaul
|
|
|
44793
45526
|
$kendo-splitbar-bg: $kendo-base-bg !default;
|
|
44794
45527
|
$kendo-splitbar-text: $kendo-base-text !default;
|
|
44795
45528
|
|
|
44796
|
-
$kendo-splitbar-hover-bg: k-try-shade( $kendo-splitbar-bg, .5 ) !default;
|
|
45529
|
+
$kendo-splitbar-hover-bg: if($kendo-enable-color-system, k-color( base-subtle-hover ), k-try-shade( $kendo-splitbar-bg, .5 )) !default;
|
|
44797
45530
|
$kendo-splitbar-hover-text: $kendo-splitbar-text !default;
|
|
44798
45531
|
|
|
44799
45532
|
$kendo-splitbar-selected-bg: $kendo-selected-bg !default;
|
|
@@ -45405,7 +46138,7 @@ $kendo-dock-manager-dock-preview-border-style: dashed !default;
|
|
|
45405
46138
|
$kendo-dock-manager-dock-preview-border-radius: $kendo-border-radius-sm !default;
|
|
45406
46139
|
/// The background color of the dropping area in the DockManager component.
|
|
45407
46140
|
/// @group dock-manager
|
|
45408
|
-
$kendo-dock-manager-dock-preview-bg: rgba( $kendo-color-primary, .16 ) !default;
|
|
46141
|
+
$kendo-dock-manager-dock-preview-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .16 ), rgba( $kendo-color-primary, .16 )) !default;
|
|
45409
46142
|
/// The border color of the dropping area in the DockManager component.
|
|
45410
46143
|
/// @group dock-manager
|
|
45411
46144
|
$kendo-dock-manager-dock-preview-border: $kendo-color-primary !default;
|
|
@@ -45817,7 +46550,7 @@ $kendo-adaptive-content-bg: $kendo-app-bg !default;
|
|
|
45817
46550
|
$kendo-adaptive-content-text: $kendo-app-text !default;
|
|
45818
46551
|
|
|
45819
46552
|
$kendo-adaptive-menu-bg: $kendo-color-primary !default;
|
|
45820
|
-
$kendo-adaptive-menu-text: k-contrast-color( $kendo-adaptive-menu-bg ) !default;
|
|
46553
|
+
$kendo-adaptive-menu-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-adaptive-menu-bg )) !default;
|
|
45821
46554
|
|
|
45822
46555
|
$kendo-adaptive-menu-clear-text: $kendo-color-primary !default;
|
|
45823
46556
|
|
|
@@ -46757,10 +47490,10 @@ $kendo-grid-selection-aggregates-line-height: $kendo-grid-line-height !default;
|
|
|
46757
47490
|
/// @group grid
|
|
46758
47491
|
$kendo-grid-selection-aggregates-font-weight: $kendo-font-weight-bold !default;
|
|
46759
47492
|
|
|
46760
|
-
$kendo-grid-grouping-row-bg: k-try-shade( $kendo-grid-bg ) !default;
|
|
47493
|
+
$kendo-grid-grouping-row-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-grid-bg )) !default;
|
|
46761
47494
|
$kendo-grid-grouping-row-text: $kendo-grid-text !default;
|
|
46762
47495
|
|
|
46763
|
-
$kendo-grid-sorted-bg: rgba( k-contrast-color( $kendo-grid-bg ), .02 ) !default;
|
|
47496
|
+
$kendo-grid-sorted-bg: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .02 ), rgba( k-contrast-color( $kendo-grid-bg ), .02 )) !default;
|
|
46764
47497
|
$kendo-grid-sorting-indicator-text: $kendo-color-primary !default;
|
|
46765
47498
|
$kendo-grid-sorting-index-font-size: ($kendo-icon-size * .75) !default;
|
|
46766
47499
|
$kendo-grid-sorting-index-height: $kendo-icon-size !default;
|
|
@@ -46775,11 +47508,13 @@ $kendo-grid-command-cell-button-spacing: k-map-get( $kendo-spacing, 2 ) !default
|
|
|
46775
47508
|
// be cautious when changing the next line; see https://github.com/MoOx/reduce-css-calc/issues/38
|
|
46776
47509
|
$kendo-grid-command-cell-padding-y: calc( #{$kendo-grid-cell-padding-y} - (#{$kendo-button-calc-size} - #{$kendo-line-height-em}) / 2 ) !default;
|
|
46777
47510
|
|
|
47511
|
+
// Must be a solid color
|
|
46778
47512
|
$kendo-grid-sticky-bg: $kendo-grid-bg !default;
|
|
46779
47513
|
$kendo-grid-sticky-text: $kendo-grid-text !default;
|
|
46780
|
-
$kendo-grid-sticky-border: rgba($kendo-grid-text, .5) !default;
|
|
47514
|
+
$kendo-grid-sticky-border: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .5 ), rgba($kendo-grid-text, .5)) !default;
|
|
46781
47515
|
|
|
46782
|
-
|
|
47516
|
+
// Must be a solid color
|
|
47517
|
+
$kendo-grid-sticky-alt-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-grid-bg, .5 )) !default;
|
|
46783
47518
|
|
|
46784
47519
|
$kendo-grid-sticky-header-bg: $kendo-grid-header-bg !default;
|
|
46785
47520
|
$kendo-grid-sticky-header-text: $kendo-grid-header-text !default;
|
|
@@ -46788,11 +47523,12 @@ $kendo-grid-sticky-header-border: $kendo-grid-sticky-border !default;
|
|
|
46788
47523
|
$kendo-grid-sticky-footer-bg: $kendo-grid-header-bg !default;
|
|
46789
47524
|
$kendo-grid-sticky-footer-hover-bg: $kendo-grid-sticky-footer-bg !default;
|
|
46790
47525
|
|
|
46791
|
-
$kendo-grid-sticky-selected-bg: k-color-mix( $kendo-selected-bg, $kendo-grid-bg, 25% ) !default;
|
|
46792
|
-
$kendo-grid-sticky-selected-alt-bg: k-color-shade( $kendo-grid-sticky-selected-bg, .4 ) !default;
|
|
47526
|
+
$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;
|
|
47527
|
+
$kendo-grid-sticky-selected-alt-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .24 ), k-color-shade( $kendo-grid-sticky-selected-bg, .4 )) !default;
|
|
46793
47528
|
|
|
46794
|
-
|
|
46795
|
-
$kendo-grid-sticky-
|
|
47529
|
+
// Must be a solid color
|
|
47530
|
+
$kendo-grid-sticky-hover-bg: if($kendo-enable-color-system, k-color( base-subtle-hover ), k-try-shade( $kendo-grid-bg )) !default;
|
|
47531
|
+
$kendo-grid-sticky-selected-hover-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .24 ), k-color-shade( $kendo-grid-sticky-selected-bg, .7 )) !default;
|
|
46796
47532
|
|
|
46797
47533
|
$kendo-grid-column-menu-width: 250px !default;
|
|
46798
47534
|
$kendo-grid-column-menu-max-width: 320px !default;
|
|
@@ -46843,7 +47579,7 @@ $kendo-grid-group-footer-second-cell-border: 1px !default;
|
|
|
46843
47579
|
|
|
46844
47580
|
/// Background color of the grid row resize indicator
|
|
46845
47581
|
/// @group grid
|
|
46846
|
-
$kendo-grid-row-resizer-hover-bg: rgba( k-contrast-color( $kendo-grid-bg ), .12 ) !default;
|
|
47582
|
+
$kendo-grid-row-resizer-hover-bg: if($kendo-enable-color-system, rgba( k-color( on-base, true ), .2 ), rgba( k-contrast-color( $kendo-grid-bg ), .12 )) !default;
|
|
46847
47583
|
/// Active background color of the grid row resize indicator
|
|
46848
47584
|
/// @group grid
|
|
46849
47585
|
$kendo-grid-row-resizer-active-bg: $kendo-color-primary !default;
|
|
@@ -47634,6 +48370,16 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
47634
48370
|
}
|
|
47635
48371
|
}
|
|
47636
48372
|
|
|
48373
|
+
.k-master-row .k-grid-content-sticky::before {
|
|
48374
|
+
content: "";
|
|
48375
|
+
width: 100%;
|
|
48376
|
+
height: 100%;
|
|
48377
|
+
position: absolute;
|
|
48378
|
+
top: 0;
|
|
48379
|
+
left: 0;
|
|
48380
|
+
z-index: -1;
|
|
48381
|
+
}
|
|
48382
|
+
|
|
47637
48383
|
kendo-grid {
|
|
47638
48384
|
.k-table-row.k-grid-row-sticky {
|
|
47639
48385
|
border: 0;
|
|
@@ -48491,14 +49237,30 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
48491
49237
|
&.k-table-row.k-selected .k-table-td.k-grid-row-sticky,
|
|
48492
49238
|
&.k-table-row td.k-grid-content-sticky.k-selected,
|
|
48493
49239
|
&.k-table-row .k-table-td.k-grid-content-sticky.k-selected {
|
|
48494
|
-
@
|
|
49240
|
+
@if($kendo-enable-color-system) {
|
|
49241
|
+
@include fill( $bg: $kendo-grid-sticky-bg );
|
|
49242
|
+
|
|
49243
|
+
&::before {
|
|
49244
|
+
@include fill( $bg: $kendo-grid-sticky-selected-bg );
|
|
49245
|
+
}
|
|
49246
|
+
} @else {
|
|
49247
|
+
@include fill( $bg: $kendo-grid-sticky-selected-bg );
|
|
49248
|
+
}
|
|
48495
49249
|
}
|
|
48496
49250
|
|
|
48497
49251
|
&.k-selected.k-table-alt-row td.k-grid-content-sticky,
|
|
48498
49252
|
&.k-selected.k-table-alt-row .k-table-td.k-grid-row-sticky,
|
|
48499
49253
|
&.k-table-alt-row td.k-grid-content-sticky.k-selected,
|
|
48500
49254
|
&.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected {
|
|
48501
|
-
@
|
|
49255
|
+
@if($kendo-enable-color-system) {
|
|
49256
|
+
@include fill( $bg: $kendo-grid-sticky-alt-bg );
|
|
49257
|
+
|
|
49258
|
+
&::before {
|
|
49259
|
+
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
49260
|
+
}
|
|
49261
|
+
} @else {
|
|
49262
|
+
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
49263
|
+
}
|
|
48502
49264
|
}
|
|
48503
49265
|
|
|
48504
49266
|
|
|
@@ -48520,7 +49282,15 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
48520
49282
|
&.k-hover td.k-grid-content-sticky.k-selected,
|
|
48521
49283
|
&:hover .k-table-td.k-grid-content-sticky.k-selected,
|
|
48522
49284
|
&.k-hover .k-table-td.k-grid-content-sticky.k-selected {
|
|
48523
|
-
|
|
49285
|
+
@if($kendo-enable-color-system) {
|
|
49286
|
+
background-color: $kendo-grid-sticky-hover-bg;
|
|
49287
|
+
|
|
49288
|
+
&::before {
|
|
49289
|
+
background-color: $kendo-grid-sticky-selected-hover-bg;
|
|
49290
|
+
}
|
|
49291
|
+
} @else {
|
|
49292
|
+
background-color: $kendo-grid-sticky-selected-hover-bg;
|
|
49293
|
+
}
|
|
48524
49294
|
}
|
|
48525
49295
|
}
|
|
48526
49296
|
|
|
@@ -48566,14 +49336,30 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
48566
49336
|
.k-selected.k-grid-row-sticky .k-table-td,
|
|
48567
49337
|
.k-grid-row-sticky .k-table-td.k-selected,
|
|
48568
49338
|
.k-selected.k-grid-content-sticky {
|
|
48569
|
-
@
|
|
49339
|
+
@if($kendo-enable-color-system) {
|
|
49340
|
+
@include fill( $bg: $kendo-grid-sticky-bg );
|
|
49341
|
+
|
|
49342
|
+
&::before {
|
|
49343
|
+
@include fill( $bg: $kendo-grid-sticky-selected-bg );
|
|
49344
|
+
}
|
|
49345
|
+
} @else {
|
|
49346
|
+
@include fill( $bg: $kendo-grid-sticky-selected-bg );
|
|
49347
|
+
}
|
|
48570
49348
|
}
|
|
48571
49349
|
|
|
48572
49350
|
.k-table-row.k-selected.k-table-alt-row .k-grid-content-sticky,
|
|
48573
49351
|
.k-selected.k-table-alt-row.k-grid-row-sticky td,
|
|
48574
49352
|
.k-selected.k-table-alt-row.k-grid-row-sticky .k-table-td,
|
|
48575
49353
|
.k-table-alt-row .k-selected.k-grid-content-sticky {
|
|
48576
|
-
@
|
|
49354
|
+
@if($kendo-enable-color-system) {
|
|
49355
|
+
@include fill( $bg: $kendo-grid-sticky-alt-bg );
|
|
49356
|
+
|
|
49357
|
+
&::before {
|
|
49358
|
+
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
49359
|
+
}
|
|
49360
|
+
} @else {
|
|
49361
|
+
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
49362
|
+
}
|
|
48577
49363
|
}
|
|
48578
49364
|
|
|
48579
49365
|
// Hover state
|
|
@@ -48611,7 +49397,15 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
48611
49397
|
.k-grid-row-sticky.k-hover .k-table-td.k-selected,
|
|
48612
49398
|
.k-table-row:hover .k-grid-content-sticky.k-selected,
|
|
48613
49399
|
.k-table-row.k-hover .k-grid-content-sticky.k-selected {
|
|
48614
|
-
|
|
49400
|
+
@if($kendo-enable-color-system) {
|
|
49401
|
+
background-color: $kendo-grid-sticky-hover-bg;
|
|
49402
|
+
|
|
49403
|
+
&::before {
|
|
49404
|
+
background-color: $kendo-grid-sticky-selected-hover-bg;
|
|
49405
|
+
}
|
|
49406
|
+
} @else {
|
|
49407
|
+
background-color: $kendo-grid-sticky-selected-hover-bg;
|
|
49408
|
+
}
|
|
48615
49409
|
}
|
|
48616
49410
|
}
|
|
48617
49411
|
|
|
@@ -48935,14 +49729,30 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
48935
49729
|
&.k-table-row.k-selected .k-table-td.k-grid-row-sticky,
|
|
48936
49730
|
&.k-table-row td.k-grid-content-sticky.k-selected,
|
|
48937
49731
|
&.k-table-row .k-table-td.k-grid-content-sticky.k-selected {
|
|
48938
|
-
@
|
|
49732
|
+
@if($kendo-enable-color-system) {
|
|
49733
|
+
@include fill( $bg: $kendo-grid-sticky-bg );
|
|
49734
|
+
|
|
49735
|
+
&::before {
|
|
49736
|
+
@include fill( $bg: $kendo-grid-sticky-selected-bg );
|
|
49737
|
+
}
|
|
49738
|
+
} @else {
|
|
49739
|
+
@include fill( $bg: $kendo-grid-sticky-selected-bg );
|
|
49740
|
+
}
|
|
48939
49741
|
}
|
|
48940
49742
|
|
|
48941
49743
|
&.k-selected.k-table-alt-row td.k-grid-content-sticky,
|
|
48942
49744
|
&.k-selected.k-table-alt-row .k-table-td.k-grid-row-sticky,
|
|
48943
49745
|
&.k-table-alt-row td.k-grid-content-sticky.k-selected,
|
|
48944
49746
|
&.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected {
|
|
48945
|
-
@
|
|
49747
|
+
@if($kendo-enable-color-system) {
|
|
49748
|
+
@include fill( $bg: $kendo-grid-sticky-alt-bg );
|
|
49749
|
+
|
|
49750
|
+
&::before {
|
|
49751
|
+
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
49752
|
+
}
|
|
49753
|
+
} @else {
|
|
49754
|
+
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
49755
|
+
}
|
|
48946
49756
|
}
|
|
48947
49757
|
|
|
48948
49758
|
|
|
@@ -48964,7 +49774,15 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
48964
49774
|
&.k-hover td.k-grid-content-sticky.k-selected,
|
|
48965
49775
|
&:hover .k-table-td.k-grid-content-sticky.k-selected,
|
|
48966
49776
|
&.k-hover .k-table-td.k-grid-content-sticky.k-selected {
|
|
48967
|
-
|
|
49777
|
+
@if($kendo-enable-color-system) {
|
|
49778
|
+
background-color: $kendo-grid-sticky-hover-bg;
|
|
49779
|
+
|
|
49780
|
+
&::before {
|
|
49781
|
+
background-color: $kendo-grid-sticky-selected-hover-bg;
|
|
49782
|
+
}
|
|
49783
|
+
} @else {
|
|
49784
|
+
background-color: $kendo-grid-sticky-selected-hover-bg;
|
|
49785
|
+
}
|
|
48968
49786
|
}
|
|
48969
49787
|
}
|
|
48970
49788
|
|
|
@@ -49008,14 +49826,30 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
49008
49826
|
.k-selected.k-grid-row-sticky .k-table-td,
|
|
49009
49827
|
.k-grid-row-sticky .k-table-td.k-selected,
|
|
49010
49828
|
.k-selected.k-grid-content-sticky {
|
|
49011
|
-
@
|
|
49829
|
+
@if($kendo-enable-color-system) {
|
|
49830
|
+
@include fill( $bg: $kendo-grid-sticky-bg );
|
|
49831
|
+
|
|
49832
|
+
&::before {
|
|
49833
|
+
@include fill( $bg: $kendo-grid-sticky-selected-bg );
|
|
49834
|
+
}
|
|
49835
|
+
} @else {
|
|
49836
|
+
@include fill( $bg: $kendo-grid-sticky-selected-bg );
|
|
49837
|
+
}
|
|
49012
49838
|
}
|
|
49013
49839
|
|
|
49014
49840
|
.k-table-row.k-selected.k-table-alt-row .k-grid-content-sticky,
|
|
49015
49841
|
.k-selected.k-table-alt-row.k-grid-row-sticky td,
|
|
49016
49842
|
.k-selected.k-table-alt-row.k-grid-row-sticky .k-table-td,
|
|
49017
49843
|
.k-table-alt-row .k-selected.k-grid-content-sticky {
|
|
49018
|
-
@
|
|
49844
|
+
@if($kendo-enable-color-system) {
|
|
49845
|
+
@include fill( $bg: $kendo-grid-sticky-alt-bg );
|
|
49846
|
+
|
|
49847
|
+
&::before {
|
|
49848
|
+
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
49849
|
+
}
|
|
49850
|
+
} @else {
|
|
49851
|
+
@include fill( $bg: $kendo-grid-sticky-selected-alt-bg );
|
|
49852
|
+
}
|
|
49019
49853
|
}
|
|
49020
49854
|
|
|
49021
49855
|
// Hover state
|
|
@@ -49053,7 +49887,15 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
49053
49887
|
.k-grid-row-sticky.k-hover .k-table-td.k-selected,
|
|
49054
49888
|
.k-table-row:hover .k-grid-content-sticky.k-selected,
|
|
49055
49889
|
.k-table-row.k-hover .k-grid-content-sticky.k-selected {
|
|
49056
|
-
|
|
49890
|
+
@if($kendo-enable-color-system) {
|
|
49891
|
+
background-color: $kendo-grid-sticky-hover-bg;
|
|
49892
|
+
|
|
49893
|
+
&::before {
|
|
49894
|
+
background-color: $kendo-grid-sticky-selected-hover-bg;
|
|
49895
|
+
}
|
|
49896
|
+
} @else {
|
|
49897
|
+
background-color: $kendo-grid-sticky-selected-hover-bg;
|
|
49898
|
+
}
|
|
49057
49899
|
}
|
|
49058
49900
|
}
|
|
49059
49901
|
|
|
@@ -49306,7 +50148,7 @@ $kendo-listview-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
|
49306
50148
|
$kendo-listview-item-selected-text: null !default;
|
|
49307
50149
|
/// The background color of the selected ListView items.
|
|
49308
50150
|
/// @group listview
|
|
49309
|
-
$kendo-listview-item-selected-bg: rgba( $kendo-selected-bg, .25 ) !default;
|
|
50151
|
+
$kendo-listview-item-selected-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 )) !default;
|
|
49310
50152
|
/// The border color of the selected ListView items.
|
|
49311
50153
|
/// @group listview
|
|
49312
50154
|
$kendo-listview-item-selected-border: null !default;
|
|
@@ -49322,7 +50164,8 @@ $kendo-listview-item-focus-bg: null !default;
|
|
|
49322
50164
|
$kendo-listview-item-focus-border: null !default;
|
|
49323
50165
|
/// The box shadow of the focused ListView items.
|
|
49324
50166
|
/// @group listview
|
|
49325
|
-
$kendo-listview-item-focus-shadow: inset 0 0 0 3px rgba( $kendo-listview-text, .15 ) !default;
|
|
50167
|
+
$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;
|
|
50168
|
+
|
|
49326
50169
|
// #endregion
|
|
49327
50170
|
// #region @import "./_layout.scss"; -> scss/listview/_layout.scss
|
|
49328
50171
|
// #region @import "@progress/kendo-theme-default/scss/listview/_layout.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-default/scss/listview/_layout.scss
|
|
@@ -49685,7 +50528,7 @@ $kendo-spreadsheet-formula-input-line-height: $kendo-input-line-height !default;
|
|
|
49685
50528
|
$kendo-spreadsheet-view-font-family: Arial, Verdana, sans-serif !default;
|
|
49686
50529
|
$kendo-spreadsheet-view-font-size: $kendo-spreadsheet-font-size !default;
|
|
49687
50530
|
|
|
49688
|
-
$kendo-spreadsheet-selection-bg: rgba( $kendo-selected-bg, .25 ) !default;
|
|
50531
|
+
$kendo-spreadsheet-selection-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 )) !default;
|
|
49689
50532
|
$kendo-spreadsheet-selection-text: null !default;
|
|
49690
50533
|
$kendo-spreadsheet-selection-border: $kendo-selected-bg !default;
|
|
49691
50534
|
$kendo-spreadsheet-selection-shadow: inset 0 0 0 1px $kendo-selected-bg !default;
|
|
@@ -49694,12 +50537,12 @@ $kendo-spreadsheet-single-selection-bg: $kendo-selected-bg !default;
|
|
|
49694
50537
|
$kendo-spreadsheet-single-selection-text: null !default;
|
|
49695
50538
|
$kendo-spreadsheet-single-selection-border: $kendo-spreadsheet-bg !default;
|
|
49696
50539
|
|
|
49697
|
-
$kendo-spreadsheet-partial-selection-bg: rgba( $kendo-selected-bg, .25 ) !default;
|
|
50540
|
+
$kendo-spreadsheet-partial-selection-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 )) !default;
|
|
49698
50541
|
|
|
49699
50542
|
$kendo-spreadsheet-active-cell-bg: $kendo-spreadsheet-bg !default;
|
|
49700
50543
|
$kendo-spreadsheet-active-cell-shadow: inset 0 0 0 1px $kendo-selected-bg !default;
|
|
49701
50544
|
|
|
49702
|
-
$kendo-spreadsheet-auto-fill-bg: rgba( $kendo-selected-bg, .25 ) !default;
|
|
50545
|
+
$kendo-spreadsheet-auto-fill-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 )) !default;
|
|
49703
50546
|
$kendo-spreadsheet-auto-fill-text: null !default;
|
|
49704
50547
|
$kendo-spreadsheet-auto-fill-border: $kendo-selected-bg !default;
|
|
49705
50548
|
$kendo-spreadsheet-auto-fill-shadow: inset 0 0 0 1px $kendo-selected-bg !default;
|
|
@@ -49749,7 +50592,7 @@ $kendo-spreadsheet-drawing-handle-border-radius: $kendo-border-radius-lg !defaul
|
|
|
49749
50592
|
$kendo-spreadsheet-drawing-outline-style: solid !default;
|
|
49750
50593
|
$kendo-spreadsheet-drawing-outline-width: 2px !default;
|
|
49751
50594
|
|
|
49752
|
-
$kendo-spreadsheet-drawing-anchor-bg: rgba( $kendo-selected-bg, .25 ) !default;
|
|
50595
|
+
$kendo-spreadsheet-drawing-anchor-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 )) !default;
|
|
49753
50596
|
|
|
49754
50597
|
$kendo-spreadsheet-dropzone-spacing-y: k-map-get( $kendo-spacing, 4 ) !default;
|
|
49755
50598
|
|
|
@@ -51005,21 +51848,21 @@ $kendo-pivotgrid-bg: $kendo-component-bg !default;
|
|
|
51005
51848
|
$kendo-pivotgrid-text: $kendo-component-text !default;
|
|
51006
51849
|
$kendo-pivotgrid-border: $kendo-component-border !default;
|
|
51007
51850
|
|
|
51008
|
-
$kendo-pivotgrid-alt-border: k-try-shade( $kendo-pivotgrid-border, 2 ) !default;
|
|
51851
|
+
$kendo-pivotgrid-alt-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-pivotgrid-border, 2 )) !default;
|
|
51009
51852
|
|
|
51010
51853
|
$kendo-pivotgrid-headers-bg: $kendo-component-header-bg !default;
|
|
51011
51854
|
$kendo-pivotgrid-headers-text: $kendo-component-header-text !default;
|
|
51012
51855
|
$kendo-pivotgrid-headers-border: $kendo-component-header-border !default;
|
|
51013
51856
|
|
|
51014
|
-
$kendo-pivotgrid-total-bg: k-try-shade( $kendo-pivotgrid-bg, 1 ) !default;
|
|
51857
|
+
$kendo-pivotgrid-total-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-pivotgrid-bg, 1 )) !default;
|
|
51015
51858
|
$kendo-pivotgrid-total-text: $kendo-component-header-text !default;
|
|
51016
51859
|
$kendo-pivotgrid-total-border: $kendo-component-header-border !default;
|
|
51017
51860
|
|
|
51018
|
-
$kendo-pivotgrid-hover-bg: k-color-darken( $kendo-pivotgrid-bg, 7% ) !default;
|
|
51861
|
+
$kendo-pivotgrid-hover-bg: if($kendo-enable-color-system, k-color( base-subtle-hover ), k-color-darken( $kendo-pivotgrid-bg, 7% )) !default;
|
|
51019
51862
|
$kendo-pivotgrid-hover-text: null !default;
|
|
51020
51863
|
$kendo-pivotgrid-hover-border: null !default;
|
|
51021
51864
|
|
|
51022
|
-
$kendo-pivotgrid-selected-bg: rgba( $kendo-selected-bg, .25 ) !default;
|
|
51865
|
+
$kendo-pivotgrid-selected-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 )) !default;
|
|
51023
51866
|
$kendo-pivotgrid-selected-text: null !default;
|
|
51024
51867
|
$kendo-pivotgrid-selected-border: null !default;
|
|
51025
51868
|
|
|
@@ -51088,7 +51931,7 @@ $kendo-pivotgrid-alt-text: $kendo-grid-header-text !default;
|
|
|
51088
51931
|
$kendo-pivotgrid-chrome-border: $kendo-grid-border !default;
|
|
51089
51932
|
|
|
51090
51933
|
$kendo-pivotgrid-container-bg: $kendo-component-header-bg !default;
|
|
51091
|
-
$kendo-pivotgrid-row-headers-bg: k-try-shade( $kendo-component-header-bg, .5 ) !default;
|
|
51934
|
+
$kendo-pivotgrid-row-headers-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-component-header-bg, .5 )) !default;
|
|
51092
51935
|
|
|
51093
51936
|
$kendo-pivotgrid-button-bg: null !default;
|
|
51094
51937
|
$kendo-pivotgrid-button-text: null !default;
|
|
@@ -52372,7 +53215,8 @@ $kendo-filter-preview-operator-text: $kendo-subtle-text !default;
|
|
|
52372
53215
|
|
|
52373
53216
|
/// The box shadow of the focused Filter toolbar.
|
|
52374
53217
|
/// @group filter
|
|
52375
|
-
$kendo-filter-toolbar-focus-shadow: 0 0 0 .25rem rgba( $kendo-color-primary, .25 ) !default;
|
|
53218
|
+
$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;
|
|
53219
|
+
|
|
52376
53220
|
// #endregion
|
|
52377
53221
|
// #region @import "./_layout.scss"; -> scss/filter/_layout.scss
|
|
52378
53222
|
// #region @import "@progress/kendo-theme-default/scss/filter/_layout.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-default/scss/filter/_layout.scss
|
|
@@ -52738,7 +53582,7 @@ $kendo-file-manager-listview-item-border: null !default;
|
|
|
52738
53582
|
$kendo-file-manager-listview-item-icon-bg: null !default;
|
|
52739
53583
|
/// The text color of the FileManager ListView item icon.
|
|
52740
53584
|
/// @group filemanager
|
|
52741
|
-
$kendo-file-manager-listview-item-icon-text: k-try-tint( $kendo-file-manager-text, 4 ) !default;
|
|
53585
|
+
$kendo-file-manager-listview-item-icon-text: if($kendo-enable-color-system, k-color( subtle ), k-try-tint( $kendo-file-manager-text, 4 )) !default;
|
|
52742
53586
|
/// The border color of the FileManager ListView item icon.
|
|
52743
53587
|
/// @group filemanager
|
|
52744
53588
|
$kendo-file-manager-listview-item-icon-border: null !default;
|
|
@@ -52795,7 +53639,7 @@ $kendo-file-manager-preview-border: null !default;
|
|
|
52795
53639
|
$kendo-file-manager-preview-icon-bg: null !default;
|
|
52796
53640
|
/// The text color of the FileManager preview icon.
|
|
52797
53641
|
/// @group filemanager
|
|
52798
|
-
$kendo-file-manager-preview-icon-text: k-try-tint( $kendo-file-manager-text, 4 ) !default;
|
|
53642
|
+
$kendo-file-manager-preview-icon-text: if($kendo-enable-color-system, k-color( subtle ), k-try-tint( $kendo-file-manager-text, 4 )) !default;
|
|
52799
53643
|
/// The border color of the FileManager preview icon.
|
|
52800
53644
|
/// @group filemanager
|
|
52801
53645
|
$kendo-file-manager-preview-icon-border: null !default;
|
|
@@ -52827,6 +53671,7 @@ $kendo-file-manager-preview-icon-border: null !default;
|
|
|
52827
53671
|
border-bottom-width: $kendo-file-manager-toolbar-border-width;
|
|
52828
53672
|
border-color: inherit;
|
|
52829
53673
|
flex-shrink: 0;
|
|
53674
|
+
z-index: 1;
|
|
52830
53675
|
}
|
|
52831
53676
|
|
|
52832
53677
|
|
|
@@ -52841,6 +53686,10 @@ $kendo-file-manager-preview-icon-border: null !default;
|
|
|
52841
53686
|
overflow: hidden;
|
|
52842
53687
|
}
|
|
52843
53688
|
|
|
53689
|
+
.k-filemanager-splitter {
|
|
53690
|
+
border-width: 0;
|
|
53691
|
+
}
|
|
53692
|
+
|
|
52844
53693
|
|
|
52845
53694
|
// Navigation
|
|
52846
53695
|
.k-filemanager-navigation {
|
|
@@ -53277,13 +54126,13 @@ $kendo-taskboard-columns-container-gap: $kendo-taskboard-spacer !default;
|
|
|
53277
54126
|
$kendo-taskboard-column-width: 320px !default;
|
|
53278
54127
|
$kendo-taskboard-column-border-width: 1px !default;
|
|
53279
54128
|
$kendo-taskboard-column-border-radius: $kendo-border-radius-sm !default;
|
|
53280
|
-
$kendo-taskboard-column-bg: if( $kendo-is-dark-theme, $gray-900, $gray-100 ) !default;
|
|
54129
|
+
$kendo-taskboard-column-bg: if($kendo-enable-color-system, k-color( surface ), if( $kendo-is-dark-theme, $gray-900, $gray-100 )) !default;
|
|
53281
54130
|
$kendo-taskboard-column-text: null !default;
|
|
53282
54131
|
$kendo-taskboard-column-border: transparent !default;
|
|
53283
54132
|
|
|
53284
54133
|
$kendo-taskboard-column-focus-bg: null !default;
|
|
53285
54134
|
$kendo-taskboard-column-focus-text: null !default;
|
|
53286
|
-
$kendo-taskboard-column-focus-border: k-try-shade( $kendo-base-border, 2.5 ) !default;
|
|
54135
|
+
$kendo-taskboard-column-focus-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-base-border, 2.5 )) !default;
|
|
53287
54136
|
|
|
53288
54137
|
$kendo-taskboard-column-header-padding-y: $kendo-taskboard-spacer * .75 !default;
|
|
53289
54138
|
$kendo-taskboard-column-header-padding-x: $kendo-taskboard-column-header-padding-y !default;
|
|
@@ -53326,12 +54175,12 @@ $kendo-taskboard-card-shadow: $kendo-card-shadow !default;
|
|
|
53326
54175
|
|
|
53327
54176
|
$kendo-taskboard-card-category-border-width: 4px !default;
|
|
53328
54177
|
|
|
53329
|
-
$kendo-taskboard-card-
|
|
53330
|
-
$kendo-taskboard-card-focus-shadow: $kendo-card-focus-shadow !default;
|
|
54178
|
+
$kendo-taskboard-card-hover-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-taskboard-card-border, 10% )) !default;
|
|
53331
54179
|
|
|
53332
|
-
$kendo-taskboard-card-
|
|
54180
|
+
$kendo-taskboard-card-focus-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-taskboard-card-border, 18% )) !default;
|
|
54181
|
+
$kendo-taskboard-card-focus-shadow: $kendo-card-focus-shadow !default;
|
|
53333
54182
|
|
|
53334
|
-
$kendo-taskboard-card-selected-border: k-color-tint( $kendo-color-primary-lighter, 8 ) !default;
|
|
54183
|
+
$kendo-taskboard-card-selected-border: if($kendo-enable-color-system, k-color( primary-emphasis ), k-color-tint( $kendo-color-primary-lighter, 8 )) !default;
|
|
53335
54184
|
$kendo-taskboard-card-selected-shadow: none !default;
|
|
53336
54185
|
|
|
53337
54186
|
$kendo-taskboard-card-header-text: $kendo-color-primary !default;
|
|
@@ -53340,9 +54189,8 @@ $kendo-taskboard-card-header-hover-text: $kendo-color-primary-darker !default;
|
|
|
53340
54189
|
|
|
53341
54190
|
$kendo-taskboard-drag-placeholder-border-width: 1px !default;
|
|
53342
54191
|
$kendo-taskboard-drag-placeholder-border-radius: $kendo-taskboard-card-border-radius !default;
|
|
53343
|
-
$kendo-taskboard-drag-placeholder-bg: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .1 ) !default;
|
|
54192
|
+
$kendo-taskboard-drag-placeholder-bg: rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .1 ) !default;
|
|
53344
54193
|
$kendo-taskboard-drag-placeholder-border: $kendo-component-border !default;
|
|
53345
|
-
|
|
53346
54194
|
// #endregion
|
|
53347
54195
|
// #region @import "./_layout.scss"; -> scss/taskboard/_layout.scss
|
|
53348
54196
|
// #region @import "@progress/kendo-theme-default/scss/taskboard/_layout.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-default/scss/taskboard/_layout.scss
|
|
@@ -53813,7 +54661,7 @@ $kendo-editor-selected-bg: $kendo-color-primary !default;
|
|
|
53813
54661
|
|
|
53814
54662
|
/// The highlighted background color of the Editor.
|
|
53815
54663
|
/// @group editor
|
|
53816
|
-
$kendo-editor-highlighted-bg: k-color-mix( $kendo-color-primary, #ffffff, 20% ) !default;
|
|
54664
|
+
$kendo-editor-highlighted-bg: if($kendo-enable-color-system, k-color( primary-subtle ), k-color-mix( $kendo-color-primary, #ffffff, 20% )) !default;
|
|
53817
54665
|
|
|
53818
54666
|
/// The horizontal margin of the Editor's export tool icon.
|
|
53819
54667
|
/// @group editor
|
|
@@ -55053,12 +55901,12 @@ $kendo-gantt-treelist-bg: null !default;
|
|
|
55053
55901
|
$kendo-gantt-treelist-text: null !default;
|
|
55054
55902
|
$kendo-gantt-treelist-border: null !default;
|
|
55055
55903
|
|
|
55056
|
-
$kendo-gantt-nonwork-bg: rgba( k-contrast-color( $kendo-gantt-bg ), .025 ) !default;
|
|
55904
|
+
$kendo-gantt-nonwork-bg: if($kendo-enable-color-system, rgba( k-color( on-base, true ), .03 ), rgba( k-contrast-color( $kendo-gantt-bg ), .025 )) !default;
|
|
55057
55905
|
$kendo-gantt-nonwork-text: null !default;
|
|
55058
55906
|
$kendo-gantt-nonwork-border: null !default;
|
|
55059
55907
|
|
|
55060
55908
|
$kendo-gantt-line-size: 2px !default;
|
|
55061
|
-
$kendo-gantt-line-fill: k-color-mix( $kendo-gantt-text, $kendo-gantt-bg ) !default;
|
|
55909
|
+
$kendo-gantt-line-fill: if($kendo-enable-color-system, k-color( on-base ), k-color-mix( $kendo-gantt-text, $kendo-gantt-bg )) !default;
|
|
55062
55910
|
$kendo-gantt-line-selected-fill: $kendo-selected-bg !default;
|
|
55063
55911
|
|
|
55064
55912
|
$kendo-gantt-dot-size: 8px !default;
|
|
@@ -55068,24 +55916,24 @@ $kendo-gantt-dot-border: null !default;
|
|
|
55068
55916
|
$kendo-gantt-dot-hover-bg: $kendo-gantt-bg !default;
|
|
55069
55917
|
$kendo-gantt-dot-hover-border: $kendo-gantt-text !default;
|
|
55070
55918
|
|
|
55071
|
-
$kendo-gantt-milestone-bg: if( k-is-light( $kendo-gantt-bg ), $gray-300, $gray-700 ) !default;
|
|
55072
|
-
$kendo-gantt-milestone-border: k-try-shade( $kendo-gantt-milestone-bg, 2 ) !default;
|
|
55919
|
+
$kendo-gantt-milestone-bg: if($kendo-enable-color-system, k-color( base ), if( k-is-light( $kendo-gantt-bg ), $gray-300, $gray-700 )) !default;
|
|
55920
|
+
$kendo-gantt-milestone-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-gantt-milestone-bg, 2 )) !default;
|
|
55073
55921
|
$kendo-gantt-milestone-selected-bg: $kendo-selected-bg !default;
|
|
55074
55922
|
$kendo-gantt-milestone-selected-border: $kendo-selected-border !default;
|
|
55075
55923
|
|
|
55076
|
-
$kendo-gantt-summary-bg: k-color-mix( $kendo-gantt-text, $kendo-gantt-bg ) !default;
|
|
55924
|
+
$kendo-gantt-summary-bg: if($kendo-enable-color-system, k-color( subtle ), k-color-mix( $kendo-gantt-text, $kendo-gantt-bg )) !default;
|
|
55077
55925
|
$kendo-gantt-summary-progress-bg: $kendo-gantt-text !default;
|
|
55078
|
-
$kendo-gantt-summary-selected-bg: k-color-mix( $kendo-selected-bg, $kendo-gantt-bg ) !default;
|
|
55926
|
+
$kendo-gantt-summary-selected-bg: if($kendo-enable-color-system, k-color( primary-subtle-active ), k-color-mix( $kendo-selected-bg, $kendo-gantt-bg )) !default;
|
|
55079
55927
|
$kendo-gantt-summary-progress-selected-bg: $kendo-selected-bg !default;
|
|
55080
55928
|
|
|
55081
55929
|
$kendo-gantt-task-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
55082
55930
|
$kendo-gantt-task-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
55083
55931
|
$kendo-gantt-task-border-width: 1px !default;
|
|
55084
|
-
$kendo-gantt-task-bg: if( k-is-light( $kendo-gantt-bg ), $gray-300, $gray-700 ) !default;
|
|
55085
|
-
$kendo-gantt-task-text: k-contrast-color( $kendo-gantt-task-bg ) !default;
|
|
55086
|
-
$kendo-gantt-task-border: if( k-is-light( $kendo-gantt-bg ), $gray-400, $gray-600 ) !default;
|
|
55087
|
-
$kendo-gantt-task-progress-bg: if( k-is-light( $kendo-gantt-bg ), $gray-400, $gray-600 ) !default;
|
|
55088
|
-
$kendo-gantt-task-selected-bg: k-color-mix( $kendo-selected-bg, $kendo-gantt-bg ) !default;
|
|
55932
|
+
$kendo-gantt-task-bg: if($kendo-enable-color-system, k-color( base ), if( k-is-light( $kendo-gantt-bg ), $gray-300, $gray-700 )) !default;
|
|
55933
|
+
$kendo-gantt-task-text: if($kendo-enable-color-system, k-color( on-base ), k-contrast-color( $kendo-gantt-task-bg )) !default;
|
|
55934
|
+
$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;
|
|
55935
|
+
$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;
|
|
55936
|
+
$kendo-gantt-task-selected-bg: if($kendo-enable-color-system, k-color( primary-subtle-active ), k-color-mix( $kendo-selected-bg, $kendo-gantt-bg )) !default;
|
|
55089
55937
|
$kendo-gantt-task-selected-text: $kendo-selected-text !default;
|
|
55090
55938
|
$kendo-gantt-task-selected-border: $kendo-selected-bg !default;
|
|
55091
55939
|
$kendo-gantt-task-progress-selected-bg: $kendo-selected-bg !default;
|
|
@@ -55119,10 +55967,10 @@ $kendo-gantt-planned-bg: $kendo-color-primary !default;
|
|
|
55119
55967
|
$kendo-gantt-planned-border: $kendo-gantt-planned-bg !default;
|
|
55120
55968
|
|
|
55121
55969
|
$kendo-gantt-delayed-bg: $kendo-color-error !default;
|
|
55122
|
-
$kendo-gantt-delayed-bg-lighter: k-color-tint( $kendo-gantt-delayed-bg, 5 ) !default;
|
|
55970
|
+
$kendo-gantt-delayed-bg-lighter: if($kendo-enable-color-system, k-color( error-emphasis ), k-color-tint( $kendo-gantt-delayed-bg, 5 )) !default;
|
|
55123
55971
|
|
|
55124
55972
|
$kendo-gantt-advanced-bg: $kendo-color-success !default;
|
|
55125
|
-
$kendo-gantt-advanced-bg-lighter: k-color-tint( $kendo-gantt-advanced-bg, 5 ) !default;
|
|
55973
|
+
$kendo-gantt-advanced-bg-lighter: if($kendo-enable-color-system, k-color( success-emphasis ), k-color-tint( $kendo-gantt-advanced-bg, 5 )) !default;
|
|
55126
55974
|
|
|
55127
55975
|
$kendo-gantt-action-on-offset-text: #000000 !default;
|
|
55128
55976
|
$kendo-gantt-offset-resize-handler-top: 45% !default;
|
|
@@ -55429,12 +56277,20 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
|
|
|
55429
56277
|
|
|
55430
56278
|
|
|
55431
56279
|
// Timeline
|
|
55432
|
-
.k-gantt-timeline {
|
|
56280
|
+
.k-gantt-timeline-pane {
|
|
55433
56281
|
|
|
55434
|
-
.k-timeline {
|
|
56282
|
+
.k-gantt-timeline {
|
|
55435
56283
|
height: 100%;
|
|
55436
56284
|
border-width: 0;
|
|
55437
56285
|
display: flex;
|
|
56286
|
+
|
|
56287
|
+
*,
|
|
56288
|
+
*::before,
|
|
56289
|
+
*::after,
|
|
56290
|
+
&::before,
|
|
56291
|
+
&::after {
|
|
56292
|
+
box-sizing: border-box;
|
|
56293
|
+
}
|
|
55438
56294
|
}
|
|
55439
56295
|
.k-grid-header {}
|
|
55440
56296
|
.k-grid-content {
|
|
@@ -55910,7 +56766,7 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
|
|
|
55910
56766
|
}
|
|
55911
56767
|
|
|
55912
56768
|
.k-gantt,
|
|
55913
|
-
.k-gantt-timeline,
|
|
56769
|
+
.k-gantt-timeline-pane,
|
|
55914
56770
|
.k-gantt-dependencies {
|
|
55915
56771
|
width: auto !important; // stylelint-disable-line declaration-no-important
|
|
55916
56772
|
height: auto !important; // stylelint-disable-line declaration-no-important
|
|
@@ -55955,7 +56811,7 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
|
|
|
55955
56811
|
margin-inline: -26px;
|
|
55956
56812
|
}
|
|
55957
56813
|
|
|
55958
|
-
.k-gantt-timeline {
|
|
56814
|
+
.k-gantt-timeline-pane {
|
|
55959
56815
|
.k-header {
|
|
55960
56816
|
border-width: 0 $kendo-grid-cell-vertical-border-width 1px 0;
|
|
55961
56817
|
}
|
|
@@ -56015,7 +56871,7 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
|
|
|
56015
56871
|
margin-right: $kendo-gantt-rtl-milestone-planned-moment-margin-x;
|
|
56016
56872
|
}
|
|
56017
56873
|
|
|
56018
|
-
.k-gantt-timeline .k-milestone-wrap .k-task-start {
|
|
56874
|
+
.k-gantt-timeline-pane .k-milestone-wrap .k-task-start {
|
|
56019
56875
|
right: $kendo-gantt-rtl-milestone-dot-start-margin-x;
|
|
56020
56876
|
}
|
|
56021
56877
|
|
|
@@ -56431,7 +57287,7 @@ $kendo-scheduler-event-min-height: 25px !default;
|
|
|
56431
57287
|
$kendo-scheduler-event-border-radius: $kendo-border-radius-md !default;
|
|
56432
57288
|
$kendo-scheduler-event-line-height: calc( #{$kendo-scheduler-event-min-height} - (2 * #{$kendo-padding-sm-y}) ) !default;
|
|
56433
57289
|
|
|
56434
|
-
$kendo-scheduler-event-bg: k-color-tint( $kendo-selected-bg, 2 ) !default;
|
|
57290
|
+
$kendo-scheduler-event-bg: if($kendo-enable-color-system, k-color( primary ), k-color-tint( $kendo-selected-bg, 2 )) !default;
|
|
56435
57291
|
$kendo-scheduler-event-text: $kendo-selected-text !default;
|
|
56436
57292
|
$kendo-scheduler-event-border: null !default;
|
|
56437
57293
|
$kendo-scheduler-event-gradient: null !default;
|
|
@@ -56457,13 +57313,13 @@ $kendo-scheduler-cell-height: $kendo-line-height-em !default;
|
|
|
56457
57313
|
$kendo-scheduler-datecolumn-width: 12em !default;
|
|
56458
57314
|
$kendo-scheduler-timecolumn-width: 11em !default;
|
|
56459
57315
|
|
|
56460
|
-
$kendo-scheduler-nonwork-bg: k-try-shade( $kendo-scheduler-bg, .5 ) !default;
|
|
57316
|
+
$kendo-scheduler-nonwork-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-scheduler-bg, .5 )) !default;
|
|
56461
57317
|
$kendo-scheduler-nonwork-text: null !default;
|
|
56462
57318
|
|
|
56463
57319
|
$kendo-scheduler-weekend-bg: null !default;
|
|
56464
57320
|
$kendo-scheduler-weekend-text: null !default;
|
|
56465
57321
|
|
|
56466
|
-
$kendo-scheduler-othermonth-bg: k-try-shade( $kendo-scheduler-bg, .5 ) !default;
|
|
57322
|
+
$kendo-scheduler-othermonth-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-scheduler-bg, .5 )) !default;
|
|
56467
57323
|
$kendo-scheduler-othermonth-text: null !default;
|
|
56468
57324
|
|
|
56469
57325
|
$kendo-scheduler-yearview-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
@@ -57654,7 +58510,7 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
|
|
|
57654
58510
|
|
|
57655
58511
|
.k-scheduler-layout td.k-selected,
|
|
57656
58512
|
.k-scheduler-layout .k-scheduler-cell.k-selected {
|
|
57657
|
-
background-color: rgba($kendo-selected-bg, .25);
|
|
58513
|
+
background-color: if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25));
|
|
57658
58514
|
}
|
|
57659
58515
|
|
|
57660
58516
|
.k-scheduler-layout-flex {
|
|
@@ -57697,7 +58553,7 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
|
|
|
57697
58553
|
}
|
|
57698
58554
|
|
|
57699
58555
|
&.k-event-inverse {
|
|
57700
|
-
color: k-contrast-legacy( $kendo-scheduler-event-text );
|
|
58556
|
+
color: if($kendo-enable-color-system, k-color( on-app-surface ), k-contrast-legacy( $kendo-scheduler-event-text ));
|
|
57701
58557
|
}
|
|
57702
58558
|
|
|
57703
58559
|
&.k-event-ongoing {
|
|
@@ -57771,7 +58627,7 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
|
|
|
57771
58627
|
|
|
57772
58628
|
// Selected
|
|
57773
58629
|
.k-scheduler-content tr.k-selected {
|
|
57774
|
-
background-color: rgba($kendo-selected-bg, .25);
|
|
58630
|
+
background-color: if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25));
|
|
57775
58631
|
}
|
|
57776
58632
|
.k-scheduler-content tr.k-selected .k-scheduler-datecolumn,
|
|
57777
58633
|
.k-scheduler-content tr.k-selected .k-scheduler-groupcolumn {
|
|
@@ -57960,7 +58816,7 @@ $kendo-chat-bubble-hover-shadow: none !default;
|
|
|
57960
58816
|
$kendo-chat-bubble-selected-shadow: none !default;
|
|
57961
58817
|
|
|
57962
58818
|
$kendo-chat-alt-bubble-bg: $kendo-color-primary !default;
|
|
57963
|
-
$kendo-chat-alt-bubble-text: k-contrast-color( $kendo-chat-alt-bubble-bg ) !default;
|
|
58819
|
+
$kendo-chat-alt-bubble-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-chat-alt-bubble-bg )) !default;
|
|
57964
58820
|
$kendo-chat-alt-bubble-border: $kendo-chat-alt-bubble-bg !default;
|
|
57965
58821
|
$kendo-chat-alt-bubble-shadow: none !default;
|
|
57966
58822
|
$kendo-chat-alt-bubble-hover-shadow: none !default;
|
|
@@ -58635,7 +59491,7 @@ $kendo-media-player-titlebar-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
|
58635
59491
|
$kendo-media-player-titlebar-bg: null !default;
|
|
58636
59492
|
$kendo-media-player-titlebar-text: $kendo-media-player-bg !default;
|
|
58637
59493
|
$kendo-media-player-titlebar-border: null !default;
|
|
58638
|
-
$kendo-media-player-titlebar-gradient: rgba( $kendo-media-player-text, .7 ), rgba( $kendo-media-player-text, 0 ) !default;
|
|
59494
|
+
$kendo-media-player-titlebar-gradient: if($kendo-enable-color-system, ( rgba( k-color( on-app-surface, true ), .7 ), rgba( k-color( on-app-surface, true ), 0 ) ), ( rgba( $kendo-media-player-text, .7 ), rgba( $kendo-media-player-text, 0 ) )) !default;
|
|
58639
59495
|
|
|
58640
59496
|
// #endregion
|
|
58641
59497
|
// #region @import "./_layout.scss"; -> scss/mediaplayer/_layout.scss
|
|
@@ -58773,7 +59629,7 @@ $kendo-media-player-titlebar-gradient: rgba( $kendo-media-player-text, .7 ), rgb
|
|
|
58773
59629
|
.k-mediaplayer-titlebar {
|
|
58774
59630
|
color: $kendo-media-player-titlebar-text;
|
|
58775
59631
|
background-image: linear-gradient( $kendo-media-player-titlebar-gradient );
|
|
58776
|
-
text-shadow: 0 0 2px rgba( $kendo-media-player-text, .5 );
|
|
59632
|
+
text-shadow: 0 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .5 ), rgba( $kendo-media-player-text, .5 ));
|
|
58777
59633
|
}
|
|
58778
59634
|
|
|
58779
59635
|
}
|
|
@@ -58865,9 +59721,9 @@ $kendo-timeline-mobile-spacing-y: $kendo-padding-md-x !default;
|
|
|
58865
59721
|
$kendo-timeline-track-arrow-width: 38px !default;
|
|
58866
59722
|
$kendo-timeline-track-arrow-height: 38px !default;
|
|
58867
59723
|
|
|
58868
|
-
$kendo-timeline-track-arrow-disabled-
|
|
58869
|
-
$kendo-timeline-track-arrow-disabled-
|
|
58870
|
-
$kendo-timeline-track-arrow-disabled-border: k-true-mix( $kendo-button-border, $kendo-body-bg, 65% ) !default;
|
|
59724
|
+
$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;
|
|
59725
|
+
$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;
|
|
59726
|
+
$kendo-timeline-track-arrow-disabled-border: if($kendo-enable-color-system, rgba( k-color( border, true ), .15 ), k-true-mix( $kendo-button-border, $kendo-body-bg, 65% )) !default;
|
|
58871
59727
|
|
|
58872
59728
|
$kendo-timeline-track-size: 6px !default;
|
|
58873
59729
|
$kendo-timeline-track-wrap-padding-bottom: k-math-div( $kendo-timeline-track-size, 2 ) !default;
|
|
@@ -58891,7 +59747,7 @@ $kendo-timeline-flag-max-width: calc(#{$kendo-timeline-flag-min-width} + 2 * #{$
|
|
|
58891
59747
|
$kendo-timeline-mobile-flag-max-width: calc(#{$kendo-timeline-flag-min-width} + 2 * #{$kendo-timeline-mobile-spacing-x}) !default;
|
|
58892
59748
|
$kendo-timeline-horizontal-flag-min-width: 80px !default;
|
|
58893
59749
|
$kendo-timeline-flag-bg: $kendo-color-primary !default;
|
|
58894
|
-
$kendo-timeline-flag-text: k-contrast-color( $kendo-timeline-flag-bg ) !default;
|
|
59750
|
+
$kendo-timeline-flag-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-timeline-flag-bg )) !default;
|
|
58895
59751
|
|
|
58896
59752
|
$kendo-timeline-flag-callout-width: 10px !default;
|
|
58897
59753
|
$kendo-timeline-flag-callout-height: 10px !default;
|
|
@@ -60907,51 +61763,51 @@ $_kendo-module-meta: (
|
|
|
60907
61763
|
|
|
60908
61764
|
/// The first base series color and its light and dark shades.
|
|
60909
61765
|
/// @group charts
|
|
60910
|
-
$kendo-series-a: $blue !default;
|
|
60911
|
-
$kendo-series-a-dark: k-color-mix( black, $kendo-series-a, 25% ) !default;
|
|
60912
|
-
$kendo-series-a-darker: k-color-mix( black, $kendo-series-a, 50% ) !default;
|
|
60913
|
-
$kendo-series-a-light: k-color-mix( white, $kendo-series-a, 25% ) !default;
|
|
60914
|
-
$kendo-series-a-lighter: k-color-mix( white, $kendo-series-a, 50% ) !default;
|
|
61766
|
+
$kendo-series-a: if($kendo-enable-color-system, k-color( series-a ), $blue) !default;
|
|
61767
|
+
$kendo-series-a-dark: if($kendo-enable-color-system, k-color( series-a-bold ), k-color-mix( black, $kendo-series-a, 25% )) !default;
|
|
61768
|
+
$kendo-series-a-darker: if($kendo-enable-color-system, k-color( series-a-bolder ), k-color-mix( black, $kendo-series-a, 50% )) !default;
|
|
61769
|
+
$kendo-series-a-light: if($kendo-enable-color-system, k-color( series-a-subtle ), k-color-mix( white, $kendo-series-a, 25% )) !default;
|
|
61770
|
+
$kendo-series-a-lighter: if($kendo-enable-color-system, k-color( series-a-subtler ), k-color-mix( white, $kendo-series-a, 50% )) !default;
|
|
60915
61771
|
|
|
60916
61772
|
/// The second base series color and its light and dark shades.
|
|
60917
61773
|
/// @group charts
|
|
60918
|
-
$kendo-series-b: $purple !default;
|
|
60919
|
-
$kendo-series-b-dark: k-color-mix( black, $kendo-series-b, 25% ) !default;
|
|
60920
|
-
$kendo-series-b-darker: k-color-mix( black, $kendo-series-b, 50% ) !default;
|
|
60921
|
-
$kendo-series-b-light: k-color-mix( white, $kendo-series-b, 25% ) !default;
|
|
60922
|
-
$kendo-series-b-lighter: k-color-mix( white, $kendo-series-b, 50% ) !default;
|
|
61774
|
+
$kendo-series-b: if($kendo-enable-color-system, k-color( series-b ), $purple) !default;
|
|
61775
|
+
$kendo-series-b-dark: if($kendo-enable-color-system, k-color( series-b-bold ), k-color-mix( black, $kendo-series-b, 25% )) !default;
|
|
61776
|
+
$kendo-series-b-darker: if($kendo-enable-color-system, k-color( series-b-bolder ), k-color-mix( black, $kendo-series-b, 50% )) !default;
|
|
61777
|
+
$kendo-series-b-light: if($kendo-enable-color-system, k-color( series-b-subtle ), k-color-mix( white, $kendo-series-b, 25% )) !default;
|
|
61778
|
+
$kendo-series-b-lighter: if($kendo-enable-color-system, k-color( series-b-subtler ), k-color-mix( white, $kendo-series-b, 50% )) !default;
|
|
60923
61779
|
|
|
60924
61780
|
/// The third base series color and its light and dark shades.
|
|
60925
61781
|
/// @group charts
|
|
60926
|
-
$kendo-series-c: $teal !default;
|
|
60927
|
-
$kendo-series-c-dark: k-color-mix( black, $kendo-series-c, 25% ) !default;
|
|
60928
|
-
$kendo-series-c-darker: k-color-mix( black, $kendo-series-c, 50% ) !default;
|
|
60929
|
-
$kendo-series-c-light: k-color-mix( white, $kendo-series-c, 25% ) !default;
|
|
60930
|
-
$kendo-series-c-lighter: k-color-mix( white, $kendo-series-c, 50% ) !default;
|
|
61782
|
+
$kendo-series-c: if($kendo-enable-color-system, k-color( series-c ), $teal) !default;
|
|
61783
|
+
$kendo-series-c-dark: if($kendo-enable-color-system, k-color( series-c-bold ), k-color-mix( black, $kendo-series-c, 25% )) !default;
|
|
61784
|
+
$kendo-series-c-darker: if($kendo-enable-color-system, k-color( series-c-bolder ), k-color-mix( black, $kendo-series-c, 50% )) !default;
|
|
61785
|
+
$kendo-series-c-light: if($kendo-enable-color-system, k-color( series-c-subtle ), k-color-mix( white, $kendo-series-c, 25% )) !default;
|
|
61786
|
+
$kendo-series-c-lighter: if($kendo-enable-color-system, k-color( series-c-subtler ), k-color-mix( white, $kendo-series-c, 50% )) !default;
|
|
60931
61787
|
|
|
60932
61788
|
/// The fourth base series color and its light and dark shades.
|
|
60933
61789
|
/// @group charts
|
|
60934
|
-
$kendo-series-d: $green !default;
|
|
60935
|
-
$kendo-series-d-dark: k-color-mix( black, $kendo-series-d, 25% ) !default;
|
|
60936
|
-
$kendo-series-d-darker: k-color-mix( black, $kendo-series-d, 50% ) !default;
|
|
60937
|
-
$kendo-series-d-light: k-color-mix( white, $kendo-series-d, 25% ) !default;
|
|
60938
|
-
$kendo-series-d-lighter: k-color-mix( white, $kendo-series-d, 50% ) !default;
|
|
61790
|
+
$kendo-series-d: if($kendo-enable-color-system, k-color( series-d ), $green) !default;
|
|
61791
|
+
$kendo-series-d-dark: if($kendo-enable-color-system, k-color( series-d-bold ), k-color-mix( black, $kendo-series-d, 25% )) !default;
|
|
61792
|
+
$kendo-series-d-darker: if($kendo-enable-color-system, k-color( series-d-bolder ), k-color-mix( black, $kendo-series-d, 50% )) !default;
|
|
61793
|
+
$kendo-series-d-light: if($kendo-enable-color-system, k-color( series-d-subtle ), k-color-mix( white, $kendo-series-d, 25% )) !default;
|
|
61794
|
+
$kendo-series-d-lighter: if($kendo-enable-color-system, k-color( series-d-subtler ), k-color-mix( white, $kendo-series-d, 50% )) !default;
|
|
60939
61795
|
|
|
60940
61796
|
/// The fifth base series color and its light and dark shades.
|
|
60941
61797
|
/// @group charts
|
|
60942
|
-
$kendo-series-e: $yellow !default;
|
|
60943
|
-
$kendo-series-e-dark: k-color-mix( black, $kendo-series-e, 25% ) !default;
|
|
60944
|
-
$kendo-series-e-darker: k-color-mix( black, $kendo-series-e, 50% ) !default;
|
|
60945
|
-
$kendo-series-e-light: k-color-mix( white, $kendo-series-e, 25% ) !default;
|
|
60946
|
-
$kendo-series-e-lighter: k-color-mix( white, $kendo-series-e, 50% ) !default;
|
|
61798
|
+
$kendo-series-e: if($kendo-enable-color-system, k-color( series-e ), $yellow) !default;
|
|
61799
|
+
$kendo-series-e-dark: if($kendo-enable-color-system, k-color( series-e-bold ), k-color-mix( black, $kendo-series-e, 25% )) !default;
|
|
61800
|
+
$kendo-series-e-darker: if($kendo-enable-color-system, k-color( series-e-bolder ), k-color-mix( black, $kendo-series-e, 50% )) !default;
|
|
61801
|
+
$kendo-series-e-light: if($kendo-enable-color-system, k-color( series-e-subtle ), k-color-mix( white, $kendo-series-e, 25% )) !default;
|
|
61802
|
+
$kendo-series-e-lighter: if($kendo-enable-color-system, k-color( series-e-subtler ), k-color-mix( white, $kendo-series-e, 50% )) !default;
|
|
60947
61803
|
|
|
60948
61804
|
/// The sixth base series color and its light and dark shades.
|
|
60949
61805
|
/// @group charts
|
|
60950
|
-
$kendo-series-f: $red !default;
|
|
60951
|
-
$kendo-series-f-dark: k-color-mix( black, $kendo-series-f, 25% ) !default;
|
|
60952
|
-
$kendo-series-f-darker: k-color-mix( black, $kendo-series-f, 50% ) !default;
|
|
60953
|
-
$kendo-series-f-light: k-color-mix( white, $kendo-series-f, 25% ) !default;
|
|
60954
|
-
$kendo-series-f-lighter: k-color-mix( white, $kendo-series-f, 50% ) !default;
|
|
61806
|
+
$kendo-series-f: if($kendo-enable-color-system, k-color( series-f ), $red) !default;
|
|
61807
|
+
$kendo-series-f-dark: if($kendo-enable-color-system, k-color( series-f-bold ), k-color-mix( black, $kendo-series-f, 25% )) !default;
|
|
61808
|
+
$kendo-series-f-darker: if($kendo-enable-color-system, k-color( series-f-bolder ), k-color-mix( black, $kendo-series-f, 50% )) !default;
|
|
61809
|
+
$kendo-series-f-light: if($kendo-enable-color-system, k-color( series-f-subtle ), k-color-mix( white, $kendo-series-f, 25% )) !default;
|
|
61810
|
+
$kendo-series-f-lighter: if($kendo-enable-color-system, k-color( series-f-subtler ), k-color-mix( white, $kendo-series-f, 50% )) !default;
|
|
60955
61811
|
|
|
60956
61812
|
/// The series colors in order:
|
|
60957
61813
|
/// base, light, dark, lighter, darker
|
|
@@ -61002,13 +61858,13 @@ $kendo-chart-pane-title-font-weight: $kendo-font-weight-normal !default;
|
|
|
61002
61858
|
|
|
61003
61859
|
/// The color of the Chart grid lines (major).
|
|
61004
61860
|
/// @group charts
|
|
61005
|
-
$kendo-chart-major-lines: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .08 ) !default;
|
|
61861
|
+
$kendo-chart-major-lines: rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .08 ) !default;
|
|
61006
61862
|
|
|
61007
61863
|
/// The color of the Chart grid lines (minor).
|
|
61008
61864
|
/// @group charts
|
|
61009
|
-
$kendo-chart-minor-lines: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .04 ) !default;
|
|
61865
|
+
$kendo-chart-minor-lines: rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .04 ) !default;
|
|
61010
61866
|
|
|
61011
|
-
$kendo-chart-inactive: rgba( $kendo-body-text, .5 ) !default;
|
|
61867
|
+
$kendo-chart-inactive: rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), $kendo-body-text), .5 ) !default;
|
|
61012
61868
|
$kendo-chart-area-opacity: .6 !default;
|
|
61013
61869
|
$kendo-chart-area-inactive-opacity: .1 !default;
|
|
61014
61870
|
$kendo-chart-line-inactive-opacity: .3 !default;
|
|
@@ -61019,20 +61875,20 @@ $kendo-chart-bg: $kendo-component-bg !default;
|
|
|
61019
61875
|
$kendo-chart-text: $kendo-component-text !default;
|
|
61020
61876
|
$kendo-chart-border: $kendo-component-border !default;
|
|
61021
61877
|
|
|
61022
|
-
$kendo-chart-crosshair-background: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .5 ) !default;
|
|
61878
|
+
$kendo-chart-crosshair-background: rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .5 ) !default;
|
|
61023
61879
|
$kendo-chart-crosshair-shared-tooltip-color: $kendo-chart-text !default;
|
|
61024
|
-
$kendo-chart-crosshair-shared-tooltip-background: k-try-shade( $kendo-chart-bg, 1 ) !default;
|
|
61025
|
-
$kendo-chart-crosshair-shared-tooltip-border: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .08) !default;
|
|
61880
|
+
$kendo-chart-crosshair-shared-tooltip-background: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-chart-bg, 1 )) !default;
|
|
61881
|
+
$kendo-chart-crosshair-shared-tooltip-border: rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ))), .08) !default;
|
|
61026
61882
|
|
|
61027
|
-
$kendo-chart-notes-background: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .5 ) !default;
|
|
61028
|
-
$kendo-chart-notes-border: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .5 ) !default;
|
|
61029
|
-
$kendo-chart-notes-lines: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .5 ) !default;
|
|
61883
|
+
$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;
|
|
61884
|
+
$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;
|
|
61885
|
+
$kendo-chart-notes-lines: rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .5 ) !default;
|
|
61030
61886
|
|
|
61031
|
-
$kendo-chart-error-bars-background: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .5 ) !default;
|
|
61887
|
+
$kendo-chart-error-bars-background: rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .5 ) !default;
|
|
61032
61888
|
|
|
61033
61889
|
$kendo-chart-selection-handle-size: 22px !default;
|
|
61034
|
-
$kendo-chart-selection-border-color: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .08 ) !default;
|
|
61035
|
-
$kendo-chart-selection-shadow: inset 0 1px 7px rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .15) !default;
|
|
61890
|
+
$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;
|
|
61891
|
+
$kendo-chart-selection-shadow: inset 0 1px 7px rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .15) !default;
|
|
61036
61892
|
|
|
61037
61893
|
|
|
61038
61894
|
// TreeMap
|
|
@@ -61498,14 +62354,14 @@ $kendo-treemap-line-height: $kendo-line-height-md !default;
|
|
|
61498
62354
|
series-30: $kendo-series-30,
|
|
61499
62355
|
|
|
61500
62356
|
gauge-pointer: $kendo-color-primary,
|
|
61501
|
-
gauge-track: k-try-shade( $kendo-chart-bg )
|
|
62357
|
+
gauge-track: if($kendo-enable-color-system, k-color( base ), k-try-shade( $kendo-chart-bg ))
|
|
61502
62358
|
);
|
|
61503
62359
|
|
|
61504
62360
|
@each $name, $value in $exported {
|
|
61505
62361
|
$type: k-meta-type-of($value);
|
|
61506
62362
|
|
|
61507
62363
|
.k-var--#{$name} {
|
|
61508
|
-
@if $type == "color" {
|
|
62364
|
+
@if $type == "color" or $type == "string" {
|
|
61509
62365
|
// background-color can store any color
|
|
61510
62366
|
background-color: $value;
|
|
61511
62367
|
} @else if $type == "number" {
|
|
@@ -61794,7 +62650,7 @@ $kendo-map-zoom-control-button-padding-y: $kendo-map-zoom-control-button-padding
|
|
|
61794
62650
|
$kendo-map-attribution-padding-x: $kendo-padding-sm-x !default;
|
|
61795
62651
|
$kendo-map-attribution-padding-y: $kendo-padding-sm-y !default;
|
|
61796
62652
|
$kendo-map-attribution-font-size: ($kendo-map-font-size * .75) !default;
|
|
61797
|
-
$kendo-map-attribution-bg: rgba( $kendo-map-bg, .8 ) !default;
|
|
62653
|
+
$kendo-map-attribution-bg: if($kendo-enable-color-system, rgba( k-color( app-surface, true ), .8 ), rgba( $kendo-map-bg, .8 )) !default;
|
|
61798
62654
|
|
|
61799
62655
|
$kendo-map-marker-fill: $kendo-color-primary !default;
|
|
61800
62656
|
|
|
@@ -62395,7 +63251,7 @@ $kendo-signature-lg-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
|
62395
63251
|
|
|
62396
63252
|
$kendo-signature-line-width: 1px !default;
|
|
62397
63253
|
$kendo-signature-line-style: dashed !default;
|
|
62398
|
-
$kendo-signature-line-color: rgba( $kendo-color-info, .24 ) !default;
|
|
63254
|
+
$kendo-signature-line-color: if($kendo-enable-color-system, rgba( k-color( info, true ), .24 ), rgba( $kendo-color-info, .24 )) !default;
|
|
62399
63255
|
|
|
62400
63256
|
$kendo-signature-line-size: calc( 100% - 2 * #{$kendo-signature-padding-x} ) !default;
|
|
62401
63257
|
$kendo-signature-sm-line-size: calc( 100% - 2 * #{$kendo-signature-sm-padding-x} ) !default;
|
|
@@ -62736,7 +63592,6 @@ $kendo-signature-maximized-line-width: 3px !default;
|
|
|
62736
63592
|
|
|
62737
63593
|
// #endregion
|
|
62738
63594
|
|
|
62739
|
-
|
|
62740
63595
|
@if not $kendo-auto-bootstrap {
|
|
62741
63596
|
@include kendo-theme--config();
|
|
62742
63597
|
@include kendo-theme--styles();
|