@progress/kendo-theme-classic 7.2.2-dev.0 → 7.3.0-dev.1
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 +210 -1059
- package/dist/all.scss +665 -175
- package/dist/meta/sassdoc-data.json +43973 -32663
- package/dist/meta/sassdoc-raw-data.json +13870 -8645
- package/dist/meta/variables.json +12 -0
- package/lib/swatches/classic-green-dark.json +1 -1
- package/lib/swatches/classic-green.json +1 -1
- package/lib/swatches/classic-lavender-dark.json +1 -1
- package/lib/swatches/classic-lavender.json +1 -1
- package/lib/swatches/classic-main-dark.json +1 -1
- package/lib/swatches/classic-main.json +1 -1
- package/lib/swatches/classic-metro-dark.json +1 -1
- package/lib/swatches/classic-metro.json +1 -1
- package/lib/swatches/classic-moonlight.json +1 -1
- package/lib/swatches/classic-opal-dark.json +1 -1
- package/lib/swatches/classic-opal.json +1 -1
- package/lib/swatches/classic-silver-dark.json +1 -1
- package/lib/swatches/classic-silver.json +1 -1
- package/lib/swatches/classic-uniform.json +1 -1
- package/package.json +5 -5
- package/scss/calendar/_variables.scss +198 -3
- package/scss/drawer/_variables.scss +65 -0
- package/scss/panelbar/_variables.scss +167 -0
package/dist/all.scss
CHANGED
|
@@ -711,27 +711,129 @@ $kendo-color-level-step: 8% !default;
|
|
|
711
711
|
@return k-color-mix( rgba( $color1, 1 ), rgba( $color2, 1 ), $weight );
|
|
712
712
|
}
|
|
713
713
|
|
|
714
|
+
// #endregion
|
|
715
|
+
// #region @import "./_color-variations.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/functions/_color-variations.import.scss
|
|
714
716
|
/// Generates all color variations of a given main color
|
|
715
717
|
/// @param {String} $name - The name of the main color
|
|
716
|
-
/// @param {Color} $
|
|
718
|
+
/// @param {Color} $color - The color value to be assigned to the main color
|
|
719
|
+
/// @param {String} $theme - The theme the colors will be generated for
|
|
717
720
|
/// @return {Map} - A map with the generated keys and values
|
|
718
721
|
///
|
|
719
722
|
/// @group color-system
|
|
720
|
-
@function k-generate-
|
|
721
|
-
$
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
723
|
+
@function k-generate-color-variations( $name, $color, $theme: null ) {
|
|
724
|
+
$result: ();
|
|
725
|
+
|
|
726
|
+
// DataViz
|
|
727
|
+
@if (
|
|
728
|
+
$name == 'series-a' or
|
|
729
|
+
$name == 'series-b' or
|
|
730
|
+
$name == 'series-c' or
|
|
731
|
+
$name == 'series-d' or
|
|
732
|
+
$name == 'series-e' or
|
|
733
|
+
$name == 'series-f'
|
|
734
|
+
) {
|
|
735
|
+
$_variations: (
|
|
736
|
+
#{$name}: $color,
|
|
737
|
+
#{$name}-bold: k-color-mix(black, $color, 25%),
|
|
738
|
+
#{$name}-bolder: k-color-mix(black, $color, 50%),
|
|
739
|
+
#{$name}-subtle: k-color-mix(white, $color, 25%),
|
|
740
|
+
#{$name}-subtler: k-color-mix(white, $color, 50%),
|
|
741
|
+
);
|
|
742
|
+
|
|
743
|
+
$result: k-map-merge($result, $_variations);
|
|
744
|
+
} @else {
|
|
745
|
+
// Default
|
|
746
|
+
@if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line
|
|
747
|
+
$_variations: (
|
|
748
|
+
#{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),
|
|
749
|
+
#{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),
|
|
750
|
+
#{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),
|
|
751
|
+
#{$name}: $color,
|
|
752
|
+
#{$name}-hover: k-try-shade( $color, 0.5 ),
|
|
753
|
+
#{$name}-active: k-try-shade( $color, 1.5 ),
|
|
754
|
+
#{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),
|
|
755
|
+
#{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),
|
|
756
|
+
on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),
|
|
757
|
+
#{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),
|
|
758
|
+
);
|
|
759
|
+
|
|
760
|
+
$result: k-map-merge($result, $_variations);
|
|
761
|
+
}
|
|
762
|
+
|
|
763
|
+
// Bootstrap
|
|
764
|
+
@if ( $theme == 'bootstrap' ) {
|
|
765
|
+
$_variations: (
|
|
766
|
+
#{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),
|
|
767
|
+
#{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),
|
|
768
|
+
#{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),
|
|
769
|
+
#{$name}: $color,
|
|
770
|
+
#{$name}-hover: k-color-darken( $color, 7.5% ),
|
|
771
|
+
#{$name}-active: k-color-darken( $color, 10% ),
|
|
772
|
+
#{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),
|
|
773
|
+
#{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),
|
|
774
|
+
on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-color( $color )),
|
|
775
|
+
#{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),
|
|
776
|
+
);
|
|
777
|
+
|
|
778
|
+
$result: k-map-merge($result, $_variations);
|
|
779
|
+
}
|
|
780
|
+
|
|
781
|
+
// Material
|
|
782
|
+
@if ( $theme == 'material' ) {
|
|
783
|
+
$_variations: (
|
|
784
|
+
#{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),
|
|
785
|
+
#{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),
|
|
786
|
+
#{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),
|
|
787
|
+
#{$name}: $color,
|
|
788
|
+
#{$name}-hover: k-try-shade( $color, 0.5 ),
|
|
789
|
+
#{$name}-active: k-try-shade( $color, 1.5 ),
|
|
790
|
+
#{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),
|
|
791
|
+
#{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),
|
|
792
|
+
on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),
|
|
793
|
+
#{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),
|
|
794
|
+
);
|
|
795
|
+
|
|
796
|
+
$result: k-map-merge($result, $_variations);
|
|
797
|
+
}
|
|
798
|
+
|
|
799
|
+
// Fluent
|
|
800
|
+
@if ( $theme == 'fluent' ) {
|
|
801
|
+
$_variations: (
|
|
802
|
+
#{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),
|
|
803
|
+
#{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),
|
|
804
|
+
#{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),
|
|
805
|
+
#{$name}: $color,
|
|
806
|
+
#{$name}-hover: k-try-shade( $color, 0.5 ),
|
|
807
|
+
#{$name}-active: k-try-shade( $color, 1.5 ),
|
|
808
|
+
#{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),
|
|
809
|
+
#{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),
|
|
810
|
+
on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),
|
|
811
|
+
#{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),
|
|
812
|
+
);
|
|
813
|
+
|
|
814
|
+
$result: k-map-merge($result, $_variations);
|
|
815
|
+
}
|
|
816
|
+
|
|
817
|
+
// Classic
|
|
818
|
+
@if ( $theme == 'classic' ) {
|
|
819
|
+
$_variations: (
|
|
820
|
+
#{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),
|
|
821
|
+
#{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),
|
|
822
|
+
#{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),
|
|
823
|
+
#{$name}: $color,
|
|
824
|
+
#{$name}-hover: k-try-shade( $color, 1 ),
|
|
825
|
+
#{$name}-active: k-try-shade( $color, 2 ),
|
|
826
|
+
#{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),
|
|
827
|
+
#{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),
|
|
828
|
+
on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),
|
|
829
|
+
#{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),
|
|
830
|
+
);
|
|
831
|
+
|
|
832
|
+
$result: k-map-merge($result, $_variations);
|
|
833
|
+
}
|
|
834
|
+
}
|
|
835
|
+
|
|
836
|
+
@return $result;
|
|
735
837
|
}
|
|
736
838
|
// #endregion
|
|
737
839
|
// #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
|
|
@@ -6951,13 +7053,57 @@ $_kendo-module-meta: (
|
|
|
6951
7053
|
|
|
6952
7054
|
// #endregion
|
|
6953
7055
|
// #region @import "./_variables.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/_variables.scss
|
|
7056
|
+
// #region @import "@progress/kendo-theme-core/scss/color-system/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/color-system/index.import.scss
|
|
7057
|
+
// File already imported_once. Skipping output.
|
|
7058
|
+
// #endregion
|
|
7059
|
+
|
|
6954
7060
|
$kendo-prefix: k- !default;
|
|
6955
7061
|
$kendo-important: true !default;
|
|
7062
|
+
$kendo-enable-color-system: false !default;
|
|
6956
7063
|
|
|
6957
7064
|
$kendo-theme-colors: () !default;
|
|
6958
7065
|
|
|
6959
7066
|
$kendo-font-sizes: () !default;
|
|
6960
7067
|
|
|
7068
|
+
$kendo-util-colors-list: (
|
|
7069
|
+
primary-subtle,
|
|
7070
|
+
primary,
|
|
7071
|
+
primary-emphasis,
|
|
7072
|
+
secondary-subtle,
|
|
7073
|
+
secondary,
|
|
7074
|
+
secondary-emphasis,
|
|
7075
|
+
tertiary-subtle,
|
|
7076
|
+
tertiary,
|
|
7077
|
+
tertiary-emphasis,
|
|
7078
|
+
info-subtle,
|
|
7079
|
+
info,
|
|
7080
|
+
info-emphasis,
|
|
7081
|
+
success-subtle,
|
|
7082
|
+
success,
|
|
7083
|
+
success-emphasis,
|
|
7084
|
+
warning-subtle,
|
|
7085
|
+
warning,
|
|
7086
|
+
warning-emphasis,
|
|
7087
|
+
error-subtle,
|
|
7088
|
+
error,
|
|
7089
|
+
error-emphasis,
|
|
7090
|
+
light-subtle,
|
|
7091
|
+
light,
|
|
7092
|
+
light-emphasis,
|
|
7093
|
+
dark-subtle,
|
|
7094
|
+
dark,
|
|
7095
|
+
dark-emphasis,
|
|
7096
|
+
) !default;
|
|
7097
|
+
|
|
7098
|
+
$kendo-util-colors: () !default;
|
|
7099
|
+
@each $name, $color in $kendo-colors {
|
|
7100
|
+
@each $util-color in $kendo-util-colors-list {
|
|
7101
|
+
@if ( $name == $util-color ) {
|
|
7102
|
+
$kendo-util-colors: k-map-merge( $kendo-util-colors, ( $name: $color) );
|
|
7103
|
+
}
|
|
7104
|
+
}
|
|
7105
|
+
}
|
|
7106
|
+
|
|
6961
7107
|
$kendo-spacing: (
|
|
6962
7108
|
0: 0,
|
|
6963
7109
|
1px: 1px,
|
|
@@ -7645,7 +7791,7 @@ $kendo-utils: (
|
|
|
7645
7791
|
start,
|
|
7646
7792
|
end
|
|
7647
7793
|
),
|
|
7648
|
-
"text-color": k-map-merge( $kendo-theme-colors, (
|
|
7794
|
+
"text-color": k-map-merge( if( $kendo-enable-color-system, $kendo-util-colors, $kendo-theme-colors ), (
|
|
7649
7795
|
"inherit": inherit,
|
|
7650
7796
|
"current": currentColor,
|
|
7651
7797
|
"transparent": transparent,
|
|
@@ -7700,7 +7846,7 @@ $kendo-utils: (
|
|
|
7700
7846
|
content: content-box,
|
|
7701
7847
|
text: text
|
|
7702
7848
|
),
|
|
7703
|
-
"background-color": k-map-merge( $kendo-theme-colors, (
|
|
7849
|
+
"background-color": k-map-merge( if( $kendo-enable-color-system, $kendo-util-colors, $kendo-theme-colors ), (
|
|
7704
7850
|
"inherit": inherit,
|
|
7705
7851
|
"transparent": transparent,
|
|
7706
7852
|
"black": black,
|
|
@@ -7743,7 +7889,7 @@ $kendo-utils: (
|
|
|
7743
7889
|
hidden,
|
|
7744
7890
|
none
|
|
7745
7891
|
),
|
|
7746
|
-
"border-color": k-map-merge( $kendo-theme-colors, (
|
|
7892
|
+
"border-color": k-map-merge( if( $kendo-enable-color-system, $kendo-util-colors, $kendo-theme-colors ), (
|
|
7747
7893
|
"inherit": inherit,
|
|
7748
7894
|
"current": currentColor,
|
|
7749
7895
|
"transparent": transparent,
|
|
@@ -7769,7 +7915,7 @@ $kendo-utils: (
|
|
|
7769
7915
|
outset,
|
|
7770
7916
|
none
|
|
7771
7917
|
),
|
|
7772
|
-
"outline-color": k-map-merge( $kendo-theme-colors, (
|
|
7918
|
+
"outline-color": k-map-merge( if( $kendo-enable-color-system, $kendo-util-colors, $kendo-theme-colors ), (
|
|
7773
7919
|
"inherit": inherit,
|
|
7774
7920
|
"current": currentColor,
|
|
7775
7921
|
"transparent": transparent,
|
|
@@ -7988,7 +8134,7 @@ $kendo-utils: (
|
|
|
7988
8134
|
|
|
7989
8135
|
// #endregion
|
|
7990
8136
|
// #region @import "./_mixins.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/_mixins.scss
|
|
7991
|
-
@mixin generate-utils( $name, $props, $values, $function: "", $important: $kendo-important ) {
|
|
8137
|
+
@mixin generate-utils( $name, $props, $values, $function: "", $important: $kendo-important, $css-var: null ) {
|
|
7992
8138
|
@if $values {
|
|
7993
8139
|
$_props: if( k-meta-type-of($props) == list, $props, ( $props ) );
|
|
7994
8140
|
$_fn: if( k-meta-function-exists( $function ), k-meta-get-function( $function ), null );
|
|
@@ -7998,25 +8144,33 @@ $kendo-utils: (
|
|
|
7998
8144
|
$_val: if( k-meta-type-of($values) == list, $key, $val );
|
|
7999
8145
|
$_name: k-escape-class-name( $name );
|
|
8000
8146
|
$_selector: if( $_key == DEFAULT, #{$kendo-prefix}#{$_name}, #{$kendo-prefix}#{$_name}-#{$_key});
|
|
8147
|
+
$_custom-prop: if( $_key == DEFAULT, var( --kendo-#{$css-var}, #{$_val} ), var( --kendo-#{$css-var}-#{$_key}, #{$_val} ) );
|
|
8001
8148
|
|
|
8002
8149
|
@if $important != only {
|
|
8003
8150
|
.#{$_selector} {
|
|
8004
8151
|
@each $prop in $_props {
|
|
8005
|
-
|
|
8152
|
+
@if $css-var {
|
|
8153
|
+
#{$prop}: if( $_fn, k-meta-call($_fn, $_custom-prop), $_custom-prop );
|
|
8154
|
+
} @else {
|
|
8155
|
+
#{$prop}: if( $_fn, k-meta-call($_fn, $_val), $_val );
|
|
8156
|
+
}
|
|
8006
8157
|
}
|
|
8007
8158
|
}
|
|
8008
8159
|
}
|
|
8009
8160
|
@if $important {
|
|
8010
8161
|
.\!#{$_selector} {
|
|
8011
8162
|
@each $prop in $_props {
|
|
8012
|
-
|
|
8163
|
+
@if $css-var {
|
|
8164
|
+
#{$prop}: if( $_fn, k-meta-call($_fn, $-custom-prop), $-custom-prop ) !important; // stylelint-disable-line declaration-no-important
|
|
8165
|
+
} @else {
|
|
8166
|
+
#{$prop}: if( $_fn, k-meta-call($_fn, $_val), $_val ) !important; // stylelint-disable-line declaration-no-important
|
|
8167
|
+
}
|
|
8013
8168
|
}
|
|
8014
8169
|
}
|
|
8015
8170
|
}
|
|
8016
8171
|
}
|
|
8017
8172
|
}
|
|
8018
8173
|
}
|
|
8019
|
-
|
|
8020
8174
|
// #endregion
|
|
8021
8175
|
|
|
8022
8176
|
// #region @import "./accessibility/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/accessibility/index.import.scss
|
|
@@ -12070,11 +12224,11 @@ $kendo-utils: (
|
|
|
12070
12224
|
|
|
12071
12225
|
// Text color utility classes
|
|
12072
12226
|
$kendo-utils-text-color: k-map-get( $kendo-utils, "text-color" ) !default;
|
|
12073
|
-
@include generate-utils( text, color, $kendo-utils-text-color );
|
|
12227
|
+
@include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );
|
|
12074
12228
|
|
|
12075
12229
|
|
|
12076
12230
|
// Legacy aliases
|
|
12077
|
-
@include generate-utils( color, color, $kendo-utils-text-color );
|
|
12231
|
+
@include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );
|
|
12078
12232
|
|
|
12079
12233
|
}
|
|
12080
12234
|
|
|
@@ -12372,7 +12526,7 @@ $kendo-utils: (
|
|
|
12372
12526
|
|
|
12373
12527
|
// Background color utility classes
|
|
12374
12528
|
$kendo-utils-background-color: k-map-get( $kendo-utils, "background-color" ) !default;
|
|
12375
|
-
@include generate-utils( bg, background-color, $kendo-utils-background-color );
|
|
12529
|
+
@include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );
|
|
12376
12530
|
|
|
12377
12531
|
}
|
|
12378
12532
|
|
|
@@ -12516,13 +12670,7 @@ $kendo-utils: (
|
|
|
12516
12670
|
|
|
12517
12671
|
// Border color utility classes
|
|
12518
12672
|
$kendo-utils-border-color: k-map-get( $kendo-utils, "border-color" ) !default;
|
|
12519
|
-
@include generate-utils( border, border-color, $kendo-utils-border-color );
|
|
12520
|
-
@include generate-utils( border-t, border-top-color, $kendo-utils-border-color );
|
|
12521
|
-
@include generate-utils( border-r, border-right-color, $kendo-utils-border-color );
|
|
12522
|
-
@include generate-utils( border-b, border-bottom-color, $kendo-utils-border-color );
|
|
12523
|
-
@include generate-utils( border-l, border-left-color, $kendo-utils-border-color );
|
|
12524
|
-
@include generate-utils( border-x, border-inline-color, $kendo-utils-border-color );
|
|
12525
|
-
@include generate-utils( border-y, border-block-color, $kendo-utils-border-color );
|
|
12673
|
+
@include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );
|
|
12526
12674
|
|
|
12527
12675
|
}
|
|
12528
12676
|
|
|
@@ -13402,7 +13550,7 @@ $kendo-utils: (
|
|
|
13402
13550
|
|
|
13403
13551
|
// Outline color utility classes
|
|
13404
13552
|
$kendo-utils-outline-color: k-map-get( $kendo-utils, "outline-color" ) !default;
|
|
13405
|
-
@include generate-utils( outline, outline-color, $kendo-utils-outline-color );
|
|
13553
|
+
@include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );
|
|
13406
13554
|
|
|
13407
13555
|
}
|
|
13408
13556
|
|
|
@@ -14792,7 +14940,7 @@ $kendo-utils: (
|
|
|
14792
14940
|
// #endregion
|
|
14793
14941
|
|
|
14794
14942
|
@mixin kendo-utils--elevation {
|
|
14795
|
-
@include generate-utils(elevation, box-shadow, $kendo-elevation);
|
|
14943
|
+
@include generate-utils(elevation, box-shadow, $kendo-elevation, $css-var: 'elevation');
|
|
14796
14944
|
}
|
|
14797
14945
|
|
|
14798
14946
|
// #endregion
|
|
@@ -24221,19 +24369,6 @@ $kendo-form-sizes: (
|
|
|
24221
24369
|
}
|
|
24222
24370
|
}
|
|
24223
24371
|
|
|
24224
|
-
.k-input-label {
|
|
24225
|
-
margin-right: $kendo-horizontal-form-label-margin-x;
|
|
24226
|
-
z-index: 1;
|
|
24227
|
-
|
|
24228
|
-
&:dir(rtl),
|
|
24229
|
-
.k-rtl &,
|
|
24230
|
-
&.k-rtl,
|
|
24231
|
-
[dir="rtl"] &,
|
|
24232
|
-
&[dir="rtl"] {
|
|
24233
|
-
margin-right: 0;
|
|
24234
|
-
margin-left: $kendo-horizontal-form-label-margin-x;
|
|
24235
|
-
}
|
|
24236
|
-
}
|
|
24237
24372
|
|
|
24238
24373
|
|
|
24239
24374
|
// Vertical Form
|
|
@@ -26228,7 +26363,7 @@ $kendo-floating-label-focus-text: null !default;
|
|
|
26228
26363
|
box-sizing: border-box;
|
|
26229
26364
|
}
|
|
26230
26365
|
|
|
26231
|
-
> .k-label {
|
|
26366
|
+
> .k-floating-label {
|
|
26232
26367
|
max-width: $kendo-floating-label-max-width;
|
|
26233
26368
|
font-size: $kendo-floating-label-font-size;
|
|
26234
26369
|
line-height: $kendo-floating-label-line-height;
|
|
@@ -26243,13 +26378,9 @@ $kendo-floating-label-focus-text: null !default;
|
|
|
26243
26378
|
transition: transform $kendo-floating-label-transition, color $kendo-floating-label-transition, top $kendo-floating-label-transition, left $kendo-floating-label-transition;
|
|
26244
26379
|
}
|
|
26245
26380
|
|
|
26246
|
-
> .k-widget {
|
|
26247
|
-
flex: 1 1 auto;
|
|
26248
|
-
width: auto;
|
|
26249
|
-
}
|
|
26250
26381
|
|
|
26251
26382
|
&.k-empty {
|
|
26252
|
-
> .k-label {
|
|
26383
|
+
> .k-floating-label {
|
|
26253
26384
|
top: var(--kendo-floating-label-offset-y, #{$kendo-floating-label-offset-y});
|
|
26254
26385
|
left: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
|
|
26255
26386
|
transform: scale( $kendo-floating-label-scale );
|
|
@@ -26257,13 +26388,13 @@ $kendo-floating-label-focus-text: null !default;
|
|
|
26257
26388
|
}
|
|
26258
26389
|
}
|
|
26259
26390
|
|
|
26260
|
-
> .k-label,
|
|
26261
|
-
&.k-focus > .k-label {
|
|
26391
|
+
> .k-floating-label,
|
|
26392
|
+
&.k-focus > .k-floating-label {
|
|
26262
26393
|
top: var(--kendo-floating-label-focus-offset-y, #{$kendo-floating-label-focus-offset-y});
|
|
26263
26394
|
left: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
26264
26395
|
transform: scale( $kendo-floating-label-focus-scale );
|
|
26265
26396
|
}
|
|
26266
|
-
&:focus-within > .k-label {
|
|
26397
|
+
&:focus-within > .k-floating-label {
|
|
26267
26398
|
top: var(--kendo-floating-label-focus-offset-y, #{$kendo-floating-label-focus-offset-y});
|
|
26268
26399
|
left: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
26269
26400
|
transform: scale( $kendo-floating-label-focus-scale );
|
|
@@ -26277,24 +26408,24 @@ $kendo-floating-label-focus-text: null !default;
|
|
|
26277
26408
|
.k-rtl &,
|
|
26278
26409
|
&[dir="rtl"] {
|
|
26279
26410
|
|
|
26280
|
-
> .k-label {
|
|
26411
|
+
> .k-floating-label {
|
|
26281
26412
|
transform-origin: right center;
|
|
26282
26413
|
transition: transform $kendo-floating-label-transition, color $kendo-floating-label-transition, top $kendo-floating-label-transition, right $kendo-floating-label-transition;
|
|
26283
26414
|
}
|
|
26284
26415
|
|
|
26285
26416
|
&.k-empty {
|
|
26286
|
-
> .k-label {
|
|
26417
|
+
> .k-floating-label {
|
|
26287
26418
|
left: auto;
|
|
26288
26419
|
right: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
|
|
26289
26420
|
}
|
|
26290
26421
|
}
|
|
26291
26422
|
|
|
26292
|
-
> .k-label,
|
|
26293
|
-
&.k-focus > .k-label {
|
|
26423
|
+
> .k-floating-label,
|
|
26424
|
+
&.k-focus > .k-floating-label {
|
|
26294
26425
|
left: auto;
|
|
26295
26426
|
right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
26296
26427
|
}
|
|
26297
|
-
&:focus-within > .k-label {
|
|
26428
|
+
&:focus-within > .k-floating-label {
|
|
26298
26429
|
left: auto;
|
|
26299
26430
|
right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
26300
26431
|
}
|
|
@@ -26323,23 +26454,23 @@ $kendo-floating-label-focus-text: null !default;
|
|
|
26323
26454
|
// Floating label
|
|
26324
26455
|
.k-floating-label-container {
|
|
26325
26456
|
|
|
26326
|
-
> .k-label {
|
|
26457
|
+
> .k-floating-label {
|
|
26327
26458
|
@include fill(
|
|
26328
26459
|
$color: $kendo-floating-label-text,
|
|
26329
26460
|
$bg: $kendo-floating-label-bg
|
|
26330
26461
|
);
|
|
26331
26462
|
}
|
|
26332
26463
|
|
|
26333
|
-
&.k-focus > .k-label {
|
|
26464
|
+
&.k-focus > .k-floating-label {
|
|
26334
26465
|
@include fill(
|
|
26335
26466
|
$color: $kendo-floating-label-focus-text,
|
|
26336
26467
|
$bg: $kendo-floating-label-focus-bg
|
|
26337
26468
|
);
|
|
26338
26469
|
}
|
|
26339
26470
|
|
|
26340
|
-
&.k-invalid > .k-label,
|
|
26341
|
-
&.ng-invalid.ng-touched > .k-label,
|
|
26342
|
-
&.ng-invalid.ng-dirty > .k-label {
|
|
26471
|
+
&.k-invalid > .k-floating-label,
|
|
26472
|
+
&.ng-invalid.ng-touched > .k-floating-label,
|
|
26473
|
+
&.ng-invalid.ng-dirty > .k-floating-label {
|
|
26343
26474
|
@include fill ( $color: $kendo-invalid-text );
|
|
26344
26475
|
}
|
|
26345
26476
|
}
|
|
@@ -28879,136 +29010,331 @@ $_kendo-module-meta: (
|
|
|
28879
29010
|
// #region @import "./_variables.scss"; -> scss/calendar/_variables.scss
|
|
28880
29011
|
// Calendar
|
|
28881
29012
|
|
|
29013
|
+
/// The width of the border around the Calendar.
|
|
29014
|
+
/// @group calendar
|
|
28882
29015
|
$kendo-calendar-border-width: 1px !default;
|
|
29016
|
+
|
|
29017
|
+
/// The font family of the Calendar.
|
|
29018
|
+
/// @group calendar
|
|
28883
29019
|
$kendo-calendar-font-family: $kendo-font-family !default;
|
|
29020
|
+
/// The font size of the Calendar.
|
|
29021
|
+
/// @group calendar
|
|
28884
29022
|
$kendo-calendar-font-size: $kendo-font-size-md !default;
|
|
29023
|
+
/// The line height of the Calendar.
|
|
29024
|
+
/// @group calendar
|
|
28885
29025
|
$kendo-calendar-line-height: $kendo-line-height-md !default;
|
|
28886
29026
|
|
|
29027
|
+
/// The size of the cells in the Calendar.
|
|
29028
|
+
/// @group calendar
|
|
28887
29029
|
$kendo-calendar-cell-size: 32px !default;
|
|
28888
29030
|
|
|
29031
|
+
/// The background color of the Calendar.
|
|
29032
|
+
/// @group calendar
|
|
28889
29033
|
$kendo-calendar-bg: $kendo-component-bg !default;
|
|
29034
|
+
/// The text color of the Calendar.
|
|
29035
|
+
/// @group calendar
|
|
28890
29036
|
$kendo-calendar-text: $kendo-component-text !default;
|
|
29037
|
+
/// The border color of the Calendar.
|
|
29038
|
+
/// @group calendar
|
|
28891
29039
|
$kendo-calendar-border: $kendo-component-border !default;
|
|
28892
29040
|
|
|
29041
|
+
/// The horizontal padding of the header in the Calendar.
|
|
29042
|
+
/// @group calendar
|
|
28893
29043
|
$kendo-calendar-header-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
29044
|
+
/// The vertical padding of the header in the Calendar.
|
|
29045
|
+
/// @group calendar
|
|
28894
29046
|
$kendo-calendar-header-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
29047
|
+
|
|
29048
|
+
/// The border width of the header in the Calendar.
|
|
29049
|
+
/// @group calendar
|
|
28895
29050
|
$kendo-calendar-header-border-width: 1px !default;
|
|
28896
29051
|
|
|
29052
|
+
/// The background color of the header in the Calendar.
|
|
29053
|
+
/// @group calendar
|
|
28897
29054
|
$kendo-calendar-header-bg: $kendo-component-header-bg !default;
|
|
29055
|
+
/// The text color of the header in the Calendar.
|
|
29056
|
+
/// @group calendar
|
|
28898
29057
|
$kendo-calendar-header-text: $kendo-component-header-text !default;
|
|
29058
|
+
/// The border color of the header in the Calendar.
|
|
29059
|
+
/// @group calendar
|
|
28899
29060
|
$kendo-calendar-header-border: $kendo-component-header-border !default;
|
|
29061
|
+
/// The gradient of the header in the Calendar.
|
|
29062
|
+
/// @group calendar
|
|
28900
29063
|
$kendo-calendar-header-gradient: $kendo-component-header-gradient !default;
|
|
29064
|
+
/// The shadow of the header in the Calendar.
|
|
29065
|
+
/// @group calendar
|
|
28901
29066
|
$kendo-calendar-header-shadow: null !default;
|
|
28902
29067
|
|
|
29068
|
+
/// The gap between the items in the navigation of the Calendar.
|
|
29069
|
+
/// @group calendar
|
|
28903
29070
|
$kendo-calendar-nav-gap: null !default;
|
|
28904
29071
|
|
|
29072
|
+
/// The horizontal padding of the footer in the Calendar.
|
|
29073
|
+
/// @group calendar
|
|
28905
29074
|
$kendo-calendar-footer-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
29075
|
+
/// The vertical padding of the footer in the Calendar.
|
|
29076
|
+
/// @group calendar
|
|
28906
29077
|
$kendo-calendar-footer-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
28907
29078
|
|
|
29079
|
+
/// The horizontal padding of the cells in the Calendar.
|
|
29080
|
+
/// @group calendar
|
|
28908
29081
|
$kendo-calendar-cell-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
29082
|
+
/// The vertical padding of the cells in the Calendar.
|
|
29083
|
+
/// @group calendar
|
|
28909
29084
|
$kendo-calendar-cell-padding-y: $kendo-calendar-cell-padding-x !default;
|
|
29085
|
+
|
|
29086
|
+
/// The line height of the cells in the Calendar.
|
|
29087
|
+
/// @group calendar
|
|
28910
29088
|
$kendo-calendar-cell-line-height: $kendo-calendar-line-height !default;
|
|
29089
|
+
|
|
29090
|
+
/// The border radius of the cells in the Calendar.
|
|
29091
|
+
/// @group calendar
|
|
28911
29092
|
$kendo-calendar-cell-border-radius: $kendo-border-radius-md !default;
|
|
28912
29093
|
|
|
29094
|
+
/// The horizontal padding of the header cells in the Calendar.
|
|
29095
|
+
/// @group calendar
|
|
28913
29096
|
$kendo-calendar-header-cell-padding-x: null !default;
|
|
29097
|
+
/// The vertical padding of the header cells in the Calendar.
|
|
29098
|
+
/// @group calendar
|
|
28914
29099
|
$kendo-calendar-header-cell-padding-y: null !default;
|
|
29100
|
+
/// The width of the header cells in the Calendar.
|
|
29101
|
+
/// @group calendar
|
|
28915
29102
|
$kendo-calendar-header-cell-width: $kendo-calendar-cell-size !default;
|
|
29103
|
+
/// The height of the header cells in the Calendar.
|
|
29104
|
+
/// @group calendar
|
|
28916
29105
|
$kendo-calendar-header-cell-height: $kendo-calendar-cell-size !default;
|
|
29106
|
+
/// The font size of the header cells in the Calendar.
|
|
29107
|
+
/// @group calendar
|
|
28917
29108
|
$kendo-calendar-header-cell-font-size: $kendo-font-size-sm !default;
|
|
29109
|
+
/// The line height of the header cells in the Calendar.
|
|
29110
|
+
/// @group calendar
|
|
28918
29111
|
$kendo-calendar-header-cell-line-height: 2 !default;
|
|
29112
|
+
|
|
29113
|
+
/// The background color of the header cells in the Calendar.
|
|
29114
|
+
/// @group calendar
|
|
28919
29115
|
$kendo-calendar-header-cell-bg: null !default;
|
|
29116
|
+
/// The text color of the header cells in the Calendar.
|
|
29117
|
+
/// @group calendar
|
|
28920
29118
|
$kendo-calendar-header-cell-text: $kendo-subtle-text !default;
|
|
29119
|
+
/// The opacity of the header cells in the Calendar.
|
|
29120
|
+
/// @group calendar
|
|
28921
29121
|
$kendo-calendar-header-cell-opacity: null !default;
|
|
28922
29122
|
|
|
29123
|
+
/// The horizontal padding of the caption in the Calendar.
|
|
29124
|
+
/// @group calendar
|
|
28923
29125
|
$kendo-calendar-caption-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
29126
|
+
/// The vertical padding of the caption in the Calendar.
|
|
29127
|
+
/// @group calendar
|
|
28924
29128
|
$kendo-calendar-caption-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
29129
|
+
/// The height of the caption in the Calendar.
|
|
29130
|
+
/// @group calendar
|
|
28925
29131
|
$kendo-calendar-caption-height: $kendo-calendar-cell-size !default;
|
|
29132
|
+
/// The font size of the caption in the Calendar.
|
|
29133
|
+
/// @group calendar
|
|
28926
29134
|
$kendo-calendar-caption-font-size: null !default;
|
|
29135
|
+
/// The line height of the caption in the Calendar.
|
|
29136
|
+
/// @group calendar
|
|
28927
29137
|
$kendo-calendar-caption-line-height: null !default;
|
|
29138
|
+
/// The font weight of the caption in the Calendar.
|
|
29139
|
+
/// @group calendar
|
|
28928
29140
|
$kendo-calendar-caption-font-weight: bold !default;
|
|
28929
29141
|
|
|
29142
|
+
/// The font size of the week number cells in the Calendar.
|
|
29143
|
+
/// @group calendar
|
|
29144
|
+
$kendo-calendar-week-number-font-size: $kendo-font-size-sm !default;
|
|
29145
|
+
|
|
29146
|
+
/// The width of the Calendar view.
|
|
29147
|
+
/// @group calendar
|
|
28930
29148
|
$kendo-calendar-view-width: ($kendo-calendar-cell-size * 8) !default;
|
|
29149
|
+
/// The height of the Calendar view.
|
|
29150
|
+
/// @group calendar
|
|
28931
29151
|
$kendo-calendar-view-height: ($kendo-calendar-cell-size * 7) !default;
|
|
29152
|
+
/// The gap between the items in the Calendar view.
|
|
29153
|
+
/// @group calendar
|
|
28932
29154
|
$kendo-calendar-view-gap: k-map-get( $kendo-spacing, 4 ) !default;
|
|
28933
29155
|
|
|
29156
|
+
/// The background color of the weekend cells in the Calendar.
|
|
29157
|
+
/// @group calendar
|
|
28934
29158
|
$kendo-calendar-weekend-bg: null !default;
|
|
29159
|
+
/// The text color of the weekend cells in the Calendar.
|
|
29160
|
+
/// @group calendar
|
|
28935
29161
|
$kendo-calendar-weekend-text: null !default;
|
|
28936
29162
|
|
|
29163
|
+
/// The style of the current day in the Calendar.
|
|
29164
|
+
/// @group calendar
|
|
28937
29165
|
$kendo-calendar-today-style: null !default;
|
|
29166
|
+
/// The color of the current day in the Calendar.
|
|
29167
|
+
/// @group calendar
|
|
28938
29168
|
$kendo-calendar-today-color: null !default;
|
|
28939
29169
|
|
|
29170
|
+
/// The background color of the week number cells in the Calendar.
|
|
29171
|
+
/// @group calendar
|
|
28940
29172
|
$kendo-calendar-week-number-bg: null !default;
|
|
29173
|
+
/// The text color of the week number cells in the Calendar.
|
|
29174
|
+
/// @group calendar
|
|
28941
29175
|
$kendo-calendar-week-number-text: $kendo-calendar-header-cell-text !default;
|
|
28942
29176
|
|
|
29177
|
+
/// The background color of the preceding/subsequent month cells in the Calendar.
|
|
29178
|
+
/// @group calendar
|
|
28943
29179
|
$kendo-calendar-other-month-bg: null !default;
|
|
29180
|
+
/// The text color of the preceding/subsequent month cells in the Calendar.
|
|
29181
|
+
/// @group calendar
|
|
28944
29182
|
$kendo-calendar-other-month-text: $kendo-calendar-header-cell-text !default;
|
|
28945
29183
|
|
|
29184
|
+
/// The background color of the cells in the Calendar.
|
|
29185
|
+
/// @group calendar
|
|
28946
29186
|
$kendo-calendar-cell-bg: null !default;
|
|
29187
|
+
/// The text color of the cells in the Calendar.
|
|
29188
|
+
/// @group calendar
|
|
28947
29189
|
$kendo-calendar-cell-text: null !default;
|
|
29190
|
+
/// The border color of the cells in the Calendar.
|
|
29191
|
+
/// @group calendar
|
|
28948
29192
|
$kendo-calendar-cell-border: null !default;
|
|
29193
|
+
/// The gradient of the cells in the Calendar.
|
|
29194
|
+
/// @group calendar
|
|
28949
29195
|
$kendo-calendar-cell-gradient: null !default;
|
|
28950
29196
|
|
|
29197
|
+
/// The background color of the hovered cells in the Calendar.
|
|
29198
|
+
/// @group calendar
|
|
28951
29199
|
$kendo-calendar-cell-hover-bg: $kendo-hover-bg !default;
|
|
29200
|
+
/// The text color of the hovered cells in the Calendar.
|
|
29201
|
+
/// @group calendar
|
|
28952
29202
|
$kendo-calendar-cell-hover-text: $kendo-hover-text !default;
|
|
29203
|
+
/// The border color of the hovered cells in the Calendar.
|
|
29204
|
+
/// @group calendar
|
|
28953
29205
|
$kendo-calendar-cell-hover-border: $kendo-hover-border !default;
|
|
29206
|
+
/// The gradient of the hovered cells in the Calendar.
|
|
29207
|
+
/// @group calendar
|
|
28954
29208
|
$kendo-calendar-cell-hover-gradient: null !default;
|
|
28955
29209
|
|
|
29210
|
+
/// The background color of the selected cells in the Calendar.
|
|
29211
|
+
/// @group calendar
|
|
28956
29212
|
$kendo-calendar-cell-selected-bg: $kendo-selected-bg !default;
|
|
29213
|
+
/// The text color of the selected cells in the Calendar.
|
|
29214
|
+
/// @group calendar
|
|
28957
29215
|
$kendo-calendar-cell-selected-text: $kendo-selected-text !default;
|
|
29216
|
+
/// The border color of the selected cells in the Calendar.
|
|
29217
|
+
/// @group calendar
|
|
28958
29218
|
$kendo-calendar-cell-selected-border: $kendo-selected-border !default;
|
|
29219
|
+
/// The gradient of the selected cells in the Calendar.
|
|
29220
|
+
/// @group calendar
|
|
28959
29221
|
$kendo-calendar-cell-selected-gradient: null !default;
|
|
28960
29222
|
|
|
29223
|
+
/// The background color of the selected and hovered cells in the Calendar.
|
|
29224
|
+
/// @group calendar
|
|
28961
29225
|
$kendo-calendar-cell-selected-hover-bg: $kendo-selected-hover-bg !default;
|
|
29226
|
+
/// The text color of the selected and hovered cells in the Calendar.
|
|
29227
|
+
/// @group calendar
|
|
28962
29228
|
$kendo-calendar-cell-selected-hover-text: $kendo-selected-hover-text !default;
|
|
29229
|
+
/// The border color of the selected and hovered cells in the Calendar.
|
|
29230
|
+
/// @group calendar
|
|
28963
29231
|
$kendo-calendar-cell-selected-hover-border: $kendo-selected-hover-border !default;
|
|
29232
|
+
/// The gradient of the selected and hovered cells in the Calendar.
|
|
29233
|
+
/// @group calendar
|
|
28964
29234
|
$kendo-calendar-cell-selected-hover-gradient: null !default;
|
|
28965
29235
|
|
|
29236
|
+
/// The shadow of the focused cells in the Calendar.
|
|
29237
|
+
/// @group calendar
|
|
28966
29238
|
$kendo-calendar-cell-focus-shadow: inset 0 0 0 2px rgba( black, .08 ) !default;
|
|
29239
|
+
/// The shadow of the selected and focused cells in the Calendar.
|
|
29240
|
+
/// @group calendar
|
|
28967
29241
|
$kendo-calendar-cell-selected-focus-shadow: $kendo-calendar-cell-focus-shadow !default;
|
|
28968
29242
|
|
|
28969
29243
|
|
|
28970
|
-
|
|
29244
|
+
/// The width of the Calendar navigation.
|
|
29245
|
+
/// @group calendar
|
|
28971
29246
|
$kendo-calendar-navigation-width: 5em !default;
|
|
29247
|
+
/// The height of the items in the Calendar navigation.
|
|
29248
|
+
/// @group calendar
|
|
28972
29249
|
$kendo-calendar-navigation-item-height: 2em !default;
|
|
28973
29250
|
|
|
29251
|
+
/// The background color of the Calendar navigation.
|
|
29252
|
+
/// @group calendar
|
|
28974
29253
|
$kendo-calendar-navigation-bg: $kendo-calendar-header-bg !default;
|
|
29254
|
+
/// The text color of the Calendar navigation.
|
|
29255
|
+
/// @group calendar
|
|
28975
29256
|
$kendo-calendar-navigation-text: $kendo-calendar-header-text !default;
|
|
29257
|
+
/// The border color of the Calendar navigation.
|
|
29258
|
+
/// @group calendar
|
|
28976
29259
|
$kendo-calendar-navigation-border: $kendo-calendar-header-border !default;
|
|
28977
29260
|
|
|
29261
|
+
/// The text color of the hovered items in the Calendar navigation.
|
|
29262
|
+
/// @group calendar
|
|
28978
29263
|
$kendo-calendar-navigation-hover-text: $kendo-link-hover-text !default;
|
|
28979
29264
|
|
|
28980
29265
|
|
|
28981
|
-
|
|
29266
|
+
/// The horizontal padding of the header in the Infinite Calendar.
|
|
29267
|
+
/// @group calendar
|
|
28982
29268
|
$kendo-infinite-calendar-header-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
29269
|
+
// The vertical padding of the header in the Infinite Calendar.
|
|
29270
|
+
/// @group calendar
|
|
28983
29271
|
$kendo-infinite-calendar-header-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
28984
29272
|
|
|
29273
|
+
/// The horizontal padding of the Calendar view in the Infinite Calendar.
|
|
29274
|
+
/// @group calen
|
|
28985
29275
|
$kendo-infinite-calendar-view-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
29276
|
+
/// The vertical padding of the Calendar view in the Infinite Calendar.
|
|
29277
|
+
/// @group calendar
|
|
28986
29278
|
$kendo-infinite-calendar-view-padding-y: 0px !default;
|
|
29279
|
+
|
|
29280
|
+
/// The height of the Calendar view in the Infinite Calendar.
|
|
29281
|
+
/// @group calendar
|
|
28987
29282
|
$kendo-infinite-calendar-view-height: ( $kendo-calendar-cell-size * 9 ) !default;
|
|
28988
29283
|
|
|
28989
29284
|
|
|
28990
29285
|
// Multiview calendar
|
|
28991
29286
|
|
|
28992
29287
|
|
|
28993
|
-
|
|
29288
|
+
/// The font size of the small Calendar.
|
|
29289
|
+
/// @group calendar
|
|
28994
29290
|
$kendo-calendar-sm-font-size: $kendo-font-size-md !default;
|
|
29291
|
+
/// The line height of the small Calendar.
|
|
29292
|
+
/// @group calendar
|
|
28995
29293
|
$kendo-calendar-sm-line-height: $kendo-line-height-md !default;
|
|
29294
|
+
/// The size of the cells in the small Calendar.
|
|
29295
|
+
/// @group calendar
|
|
28996
29296
|
$kendo-calendar-sm-cell-size: 28px !default;
|
|
29297
|
+
/// The horizontal padding of the cells in the small Calendar.
|
|
29298
|
+
/// @group calendar
|
|
28997
29299
|
$kendo-calendar-sm-cell-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default;
|
|
29300
|
+
/// The vertical padding of the cells in the small Calendar.
|
|
29301
|
+
/// @group calendar
|
|
28998
29302
|
$kendo-calendar-sm-cell-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default;
|
|
28999
29303
|
|
|
29304
|
+
/// The font size of the medium Calendar.
|
|
29305
|
+
/// @group calendar
|
|
29000
29306
|
$kendo-calendar-md-font-size: $kendo-font-size-md !default;
|
|
29307
|
+
/// The line height of the medium Calendar.
|
|
29308
|
+
/// @group calendar
|
|
29001
29309
|
$kendo-calendar-md-line-height: $kendo-line-height-md !default;
|
|
29310
|
+
/// The size of the cells in the medium Calendar.
|
|
29311
|
+
/// @group calendar
|
|
29002
29312
|
$kendo-calendar-md-cell-size: 32px !default;
|
|
29313
|
+
/// The horizontal padding of the cells in the medium Calendar.
|
|
29314
|
+
/// @group calendar
|
|
29003
29315
|
$kendo-calendar-md-cell-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
29316
|
+
/// The vertical padding of the cells in the medium Calendar.
|
|
29317
|
+
/// @group calendar
|
|
29004
29318
|
$kendo-calendar-md-cell-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
29005
29319
|
|
|
29320
|
+
/// The font size of the large Calendar.
|
|
29321
|
+
/// @group calendar
|
|
29006
29322
|
$kendo-calendar-lg-font-size: $kendo-font-size-lg !default;
|
|
29323
|
+
/// The line height of the large Calendar.
|
|
29324
|
+
/// @group calendar
|
|
29007
29325
|
$kendo-calendar-lg-line-height: $kendo-line-height-lg !default;
|
|
29326
|
+
/// The size of the cells in the large Calendar.
|
|
29327
|
+
/// @group calendar
|
|
29008
29328
|
$kendo-calendar-lg-cell-size: 40px !default;
|
|
29329
|
+
/// The horizontal padding of the cells in the large Calendar.
|
|
29330
|
+
/// @group calendar
|
|
29009
29331
|
$kendo-calendar-lg-cell-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
29332
|
+
/// The vertical padding of the cells in the large Calendar.
|
|
29333
|
+
/// @group calendar
|
|
29010
29334
|
$kendo-calendar-lg-cell-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
29011
29335
|
|
|
29336
|
+
/// The sizes Map of the Calendar.
|
|
29337
|
+
/// @group calendar
|
|
29012
29338
|
$kendo-calendar-sizes: (
|
|
29013
29339
|
sm: (
|
|
29014
29340
|
font-size: $kendo-calendar-sm-font-size,
|
|
@@ -29124,6 +29450,9 @@ $kendo-calendar-sizes: (
|
|
|
29124
29450
|
block-size: var( --INTERNAL--kendo-calendar-cell-size, min-content );
|
|
29125
29451
|
border-color: transparent;
|
|
29126
29452
|
}
|
|
29453
|
+
.k-calendar-td.k-alt {
|
|
29454
|
+
font-size: $kendo-calendar-week-number-font-size;
|
|
29455
|
+
}
|
|
29127
29456
|
|
|
29128
29457
|
|
|
29129
29458
|
// Calendar cell inner
|
|
@@ -29171,11 +29500,6 @@ $kendo-calendar-sizes: (
|
|
|
29171
29500
|
justify-content: space-between;
|
|
29172
29501
|
flex: 0 0 auto;
|
|
29173
29502
|
|
|
29174
|
-
.k-title,
|
|
29175
|
-
.k-calendar-title {
|
|
29176
|
-
font-weight: bold;
|
|
29177
|
-
}
|
|
29178
|
-
|
|
29179
29503
|
.k-calendar-nav {
|
|
29180
29504
|
display: flex;
|
|
29181
29505
|
flex-flow: row nowrap;
|
|
@@ -29209,6 +29533,10 @@ $kendo-calendar-sizes: (
|
|
|
29209
29533
|
position: relative;
|
|
29210
29534
|
z-index: 1;
|
|
29211
29535
|
overflow: hidden;
|
|
29536
|
+
|
|
29537
|
+
.k-today {
|
|
29538
|
+
font-weight: bold;
|
|
29539
|
+
}
|
|
29212
29540
|
}
|
|
29213
29541
|
|
|
29214
29542
|
|
|
@@ -29619,9 +29947,6 @@ $kendo-calendar-sizes: (
|
|
|
29619
29947
|
$kendo-calendar-week-number-bg
|
|
29620
29948
|
);
|
|
29621
29949
|
}
|
|
29622
|
-
.k-out-of-range {
|
|
29623
|
-
pointer-events: none;
|
|
29624
|
-
}
|
|
29625
29950
|
|
|
29626
29951
|
|
|
29627
29952
|
// Interactive states
|
|
@@ -37642,44 +37967,109 @@ $_kendo-module-meta: (
|
|
|
37642
37967
|
// Component
|
|
37643
37968
|
// #region @import "./_variables.scss"; -> scss/drawer/_variables.scss
|
|
37644
37969
|
// Drawer
|
|
37970
|
+
|
|
37971
|
+
/// The background color of the Drawer.
|
|
37972
|
+
/// @group drawer
|
|
37645
37973
|
$kendo-drawer-bg: $kendo-component-bg !default;
|
|
37974
|
+
/// The text color of the Drawer.
|
|
37975
|
+
/// @group drawer
|
|
37646
37976
|
$kendo-drawer-text: $kendo-component-text !default;
|
|
37977
|
+
/// The border color of the Drawer.
|
|
37978
|
+
/// @group drawer
|
|
37647
37979
|
$kendo-drawer-border: $kendo-component-border !default;
|
|
37980
|
+
/// The border width of the Drawer.
|
|
37981
|
+
/// @group drawer
|
|
37648
37982
|
$kendo-drawer-border-width: 1px !default;
|
|
37983
|
+
/// The font family of the Drawer.
|
|
37984
|
+
/// @group drawer
|
|
37649
37985
|
$kendo-drawer-font-family: $kendo-font-family !default;
|
|
37986
|
+
/// The font size of the Drawer.
|
|
37987
|
+
/// @group drawer
|
|
37650
37988
|
$kendo-drawer-font-size: $kendo-font-size-md !default;
|
|
37989
|
+
/// The line height of the Drawer.
|
|
37990
|
+
/// @group drawer
|
|
37651
37991
|
$kendo-drawer-line-height: $kendo-line-height-md !default;
|
|
37992
|
+
|
|
37993
|
+
/// The horizontal padding of the Drawer content.
|
|
37994
|
+
/// @group drawer
|
|
37652
37995
|
$kendo-drawer-content-padding-x: $kendo-padding-md-x !default;
|
|
37996
|
+
/// The vertical padding of the Drawer content.
|
|
37997
|
+
/// @group drawer
|
|
37653
37998
|
$kendo-drawer-content-padding-y: $kendo-padding-md-y !default;
|
|
37654
37999
|
|
|
38000
|
+
/// The width of the Drawer scrollbar.
|
|
38001
|
+
/// @group drawer
|
|
37655
38002
|
$kendo-drawer-scrollbar-width: 7px !default;
|
|
38003
|
+
/// The color of the Drawer scrollbar track.
|
|
38004
|
+
/// @group drawer
|
|
37656
38005
|
$kendo-drawer-scrollbar-color: rgba( 156, 156, 156, .7 ) !default;
|
|
38006
|
+
/// The background color of the Drawer scrollbar thumb.
|
|
38007
|
+
/// @group drawer
|
|
37657
38008
|
$kendo-drawer-scrollbar-bg: #dedede !default;
|
|
38009
|
+
/// The border radius of the Drawer scrollbar.
|
|
38010
|
+
/// @group drawer
|
|
37658
38011
|
$kendo-drawer-scrollbar-radius: 20px !default;
|
|
38012
|
+
/// The hover color of the Drawer scrollbar track.
|
|
38013
|
+
/// @group drawer
|
|
37659
38014
|
$kendo-drawer-scrollbar-hover-color: rgba( 156, 156, 156, 1 ) !default;
|
|
37660
38015
|
|
|
38016
|
+
/// The horizontal padding of the Drawer item.
|
|
38017
|
+
/// @group drawer
|
|
37661
38018
|
$kendo-drawer-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
38019
|
+
/// The vertical padding of the Drawer item.
|
|
38020
|
+
/// @group drawer
|
|
37662
38021
|
$kendo-drawer-item-padding-y: $kendo-padding-md-x !default;
|
|
38022
|
+
/// The font size of the Drawer item.
|
|
38023
|
+
/// @group drawer
|
|
37663
38024
|
$kendo-drawer-item-font-size: 16px !default;
|
|
38025
|
+
/// The line height of the Drawer item.
|
|
38026
|
+
/// @group drawer
|
|
37664
38027
|
$kendo-drawer-item-line-height: $kendo-line-height-lg !default;
|
|
37665
38028
|
|
|
38029
|
+
/// The horizontal padding of the Drawer item in each level.
|
|
38030
|
+
/// @group drawer
|
|
37666
38031
|
$kendo-drawer-item-level-padding-x: $kendo-drawer-item-padding-x !default;
|
|
38032
|
+
/// The count of the Drawer item levels.
|
|
38033
|
+
/// @group drawer
|
|
37667
38034
|
$kendo-drawer-item-level-count: 5 !default;
|
|
37668
38035
|
|
|
38036
|
+
/// The horizontal padding of the Drawer icon.
|
|
38037
|
+
/// @group drawer
|
|
37669
38038
|
$kendo-drawer-icon-padding-x: 0 !default;
|
|
38039
|
+
/// The vertical padding of the Drawer icon.
|
|
38040
|
+
/// @group drawer
|
|
37670
38041
|
$kendo-drawer-icon-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
37671
38042
|
|
|
38043
|
+
/// The initial width of the mini Drawer.
|
|
38044
|
+
/// @group drawer
|
|
37672
38045
|
$kendo-drawer-mini-initial-width: calc( 2 * #{$kendo-drawer-item-padding-x} + #{$kendo-icon-size} ) !default;
|
|
37673
38046
|
|
|
38047
|
+
/// The background color of the hovered Drawer item.
|
|
38048
|
+
/// @group drawer
|
|
37674
38049
|
$kendo-drawer-hover-bg: $kendo-hover-bg !default;
|
|
38050
|
+
/// The text color of the hovered Drawer item.
|
|
38051
|
+
/// @group drawer
|
|
37675
38052
|
$kendo-drawer-hover-text: $kendo-hover-text !default;
|
|
37676
38053
|
|
|
38054
|
+
/// The background color of the focused Drawer item.
|
|
38055
|
+
/// @group drawer
|
|
37677
38056
|
$kendo-drawer-focus-bg: $kendo-drawer-bg !default;
|
|
38057
|
+
/// The box shadow of the focused Drawer item.
|
|
38058
|
+
/// @group drawer
|
|
37678
38059
|
$kendo-drawer-focus-shadow: $kendo-list-item-focus-shadow !default;
|
|
37679
38060
|
|
|
38061
|
+
/// The background color of the selected Drawer item.
|
|
38062
|
+
/// @group drawer
|
|
37680
38063
|
$kendo-drawer-selected-bg: $kendo-selected-bg !default;
|
|
38064
|
+
/// The text color of the selected Drawer item.
|
|
38065
|
+
/// @group drawer
|
|
37681
38066
|
$kendo-drawer-selected-text: $kendo-selected-text !default;
|
|
38067
|
+
|
|
38068
|
+
/// The background color of the selected and hovered Drawer item.
|
|
38069
|
+
/// @group drawer
|
|
37682
38070
|
$kendo-drawer-selected-hover-bg: $kendo-selected-hover-bg !default;
|
|
38071
|
+
/// The text color of the selected and hovered Drawer item.
|
|
38072
|
+
/// @group drawer
|
|
37683
38073
|
$kendo-drawer-selected-hover-text: $kendo-selected-hover-text !default;
|
|
37684
38074
|
|
|
37685
38075
|
// #endregion
|
|
@@ -37687,15 +38077,20 @@ $kendo-drawer-selected-hover-text: $kendo-selected-hover-text !default;
|
|
|
37687
38077
|
// #region @import "@progress/kendo-theme-default/scss/drawer/_layout.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-default/scss/drawer/_layout.scss
|
|
37688
38078
|
@mixin kendo-drawer--layout-base() {
|
|
37689
38079
|
|
|
38080
|
+
// Container
|
|
37690
38081
|
.k-drawer-container {
|
|
37691
38082
|
display: flex;
|
|
37692
38083
|
flex-flow: row nowrap;
|
|
37693
38084
|
align-items: flex-start;
|
|
37694
38085
|
}
|
|
38086
|
+
|
|
37695
38087
|
kendo-drawer.k-drawer,
|
|
37696
38088
|
kendo-drawer .k-drawer-wrapper {
|
|
37697
38089
|
transition: none;
|
|
37698
38090
|
}
|
|
38091
|
+
|
|
38092
|
+
|
|
38093
|
+
// Drawer
|
|
37699
38094
|
.k-drawer {
|
|
37700
38095
|
height: 100%;
|
|
37701
38096
|
max-width: 100%;
|
|
@@ -37720,41 +38115,38 @@ $kendo-drawer-selected-hover-text: $kendo-selected-hover-text !default;
|
|
|
37720
38115
|
box-sizing: border-box;
|
|
37721
38116
|
}
|
|
37722
38117
|
|
|
37723
|
-
// Borders
|
|
37724
38118
|
.k-drawer-mini &.k-drawer-start,
|
|
37725
|
-
.k-drawer-expanded &.k-drawer-start
|
|
37726
|
-
|
|
37727
|
-
.k-drawer-left.k-drawer-expanded & {
|
|
37728
|
-
border-right-width: $kendo-drawer-border-width;
|
|
38119
|
+
.k-drawer-expanded &.k-drawer-start {
|
|
38120
|
+
border-inline-end-width: $kendo-drawer-border-width;
|
|
37729
38121
|
}
|
|
38122
|
+
|
|
37730
38123
|
.k-drawer-mini &.k-drawer-end,
|
|
37731
|
-
.k-drawer-expanded &.k-drawer-end
|
|
37732
|
-
|
|
37733
|
-
.k-drawer-right.k-drawer-expanded & {
|
|
37734
|
-
border-left-width: $kendo-drawer-border-width;
|
|
38124
|
+
.k-drawer-expanded &.k-drawer-end {
|
|
38125
|
+
border-inline-start-width: $kendo-drawer-border-width;
|
|
37735
38126
|
}
|
|
37736
38127
|
|
|
38128
|
+
|
|
37737
38129
|
// Position
|
|
37738
|
-
&.k-drawer-start
|
|
37739
|
-
.k-drawer-left & {
|
|
38130
|
+
&.k-drawer-start {
|
|
37740
38131
|
top: 0;
|
|
37741
|
-
|
|
38132
|
+
inset-inline-start: 0;
|
|
37742
38133
|
}
|
|
37743
|
-
&.k-drawer-end
|
|
37744
|
-
.k-drawer-right & {
|
|
38134
|
+
&.k-drawer-end {
|
|
37745
38135
|
top: 0;
|
|
37746
|
-
|
|
38136
|
+
inset-inline-end: 0;
|
|
37747
38137
|
}
|
|
37748
38138
|
}
|
|
38139
|
+
|
|
38140
|
+
|
|
38141
|
+
// Content
|
|
37749
38142
|
.k-drawer-content {
|
|
37750
38143
|
flex: 1 1 auto;
|
|
37751
38144
|
overflow: auto;
|
|
37752
38145
|
}
|
|
37753
38146
|
|
|
37754
38147
|
|
|
37755
|
-
// Overlay
|
|
38148
|
+
// Overlay
|
|
37756
38149
|
.k-drawer-overlay {
|
|
37757
|
-
|
|
37758
38150
|
.k-drawer {
|
|
37759
38151
|
max-width: 80vw; // limit width
|
|
37760
38152
|
position: fixed;
|
|
@@ -37768,7 +38160,6 @@ $kendo-drawer-selected-hover-text: $kendo-selected-hover-text !default;
|
|
|
37768
38160
|
&.k-drawer-expanded > .k-overlay {
|
|
37769
38161
|
display: block;
|
|
37770
38162
|
}
|
|
37771
|
-
|
|
37772
38163
|
}
|
|
37773
38164
|
|
|
37774
38165
|
|
|
@@ -37783,13 +38174,9 @@ $kendo-drawer-selected-hover-text: $kendo-selected-hover-text !default;
|
|
|
37783
38174
|
align-self: stretch;
|
|
37784
38175
|
}
|
|
37785
38176
|
|
|
37786
|
-
|
|
37787
|
-
|
|
37788
|
-
.k-drawer.k-drawer-end,
|
|
37789
|
-
&.k-drawer-right .k-drawer {
|
|
37790
|
-
order: 1;
|
|
38177
|
+
&:has(.k-drawer.k-drawer-end) {
|
|
38178
|
+
flex-direction: row-reverse;
|
|
37791
38179
|
}
|
|
37792
|
-
|
|
37793
38180
|
}
|
|
37794
38181
|
|
|
37795
38182
|
|
|
@@ -37808,8 +38195,7 @@ $kendo-drawer-selected-hover-text: $kendo-selected-hover-text !default;
|
|
|
37808
38195
|
border-radius: $kendo-drawer-scrollbar-radius;
|
|
37809
38196
|
}
|
|
37810
38197
|
}
|
|
37811
|
-
.k-drawer-items
|
|
37812
|
-
.k-drawer-items ul {
|
|
38198
|
+
.k-drawer-items {
|
|
37813
38199
|
margin: 0;
|
|
37814
38200
|
padding: 0;
|
|
37815
38201
|
list-style: none;
|
|
@@ -37872,61 +38258,18 @@ $kendo-drawer-selected-hover-text: $kendo-selected-hover-text !default;
|
|
|
37872
38258
|
}
|
|
37873
38259
|
}
|
|
37874
38260
|
}
|
|
38261
|
+
|
|
38262
|
+
|
|
38263
|
+
// Separator
|
|
37875
38264
|
.k-drawer-separator {
|
|
37876
38265
|
padding: 0;
|
|
37877
38266
|
height: 1px;
|
|
37878
38267
|
}
|
|
37879
38268
|
|
|
37880
38269
|
|
|
37881
|
-
|
|
37882
38270
|
// Mini mode
|
|
37883
|
-
.k-drawer-mini {
|
|
37884
|
-
|
|
37885
|
-
.k-drawer-wrapper {
|
|
37886
|
-
width: $kendo-drawer-mini-initial-width;
|
|
37887
|
-
}
|
|
37888
|
-
|
|
37889
|
-
}
|
|
37890
|
-
|
|
37891
|
-
|
|
37892
|
-
.k-rtl,
|
|
37893
|
-
[dir="rtl"] {
|
|
37894
|
-
|
|
37895
|
-
// Borders
|
|
37896
|
-
&.k-drawer-mini .k-drawer-start,
|
|
37897
|
-
.k-drawer-mini .k-drawer-start,
|
|
37898
|
-
.k-drawer-expanded .k-drawer-start,
|
|
37899
|
-
&.k-drawer-expanded .k-drawer-start {
|
|
37900
|
-
border-left-width: $kendo-drawer-border-width;
|
|
37901
|
-
border-right-width: 0;
|
|
37902
|
-
}
|
|
37903
|
-
&.k-drawer-mini .k-drawer-end,
|
|
37904
|
-
.k-drawer-mini .k-drawer-end,
|
|
37905
|
-
&.k-drawer-expanded .k-drawer-end
|
|
37906
|
-
.k-drawer-expanded .k-drawer-end {
|
|
37907
|
-
border-left-width: 0;
|
|
37908
|
-
border-right-width: $kendo-drawer-border-width;
|
|
37909
|
-
}
|
|
37910
|
-
|
|
37911
|
-
// Position
|
|
37912
|
-
&.k-drawer-overlay .k-drawer-start,
|
|
37913
|
-
.k-drawer-overlay .k-drawer-start {
|
|
37914
|
-
left: auto;
|
|
37915
|
-
right: 0;
|
|
37916
|
-
}
|
|
37917
|
-
&.k-drawer-overlay .k-drawer-end,
|
|
37918
|
-
.k-drawer-overlay .k-drawer-end {
|
|
37919
|
-
left: 0;
|
|
37920
|
-
right: auto;
|
|
37921
|
-
}
|
|
37922
|
-
|
|
37923
|
-
// Order
|
|
37924
|
-
.k-drawer-left.k-drawer-push .k-drawer {
|
|
37925
|
-
order: 1;
|
|
37926
|
-
}
|
|
37927
|
-
.k-drawer-right.k-drawer-push .k-drawer {
|
|
37928
|
-
order: 0;
|
|
37929
|
-
}
|
|
38271
|
+
.k-drawer-mini .k-drawer-wrapper {
|
|
38272
|
+
width: $kendo-drawer-mini-initial-width;
|
|
37930
38273
|
}
|
|
37931
38274
|
}
|
|
37932
38275
|
|
|
@@ -42889,108 +43232,275 @@ $_kendo-module-meta: (
|
|
|
42889
43232
|
// Component
|
|
42890
43233
|
// #region @import "./_variables.scss"; -> scss/panelbar/_variables.scss
|
|
42891
43234
|
// Panelbar
|
|
43235
|
+
|
|
43236
|
+
/// The horizontal padding of the PanelBar.
|
|
43237
|
+
/// @group panelbar
|
|
42892
43238
|
$kendo-panelbar-padding-x: 0px !default;
|
|
43239
|
+
/// The vertical padding of the PanelBar.
|
|
43240
|
+
/// @group panelbar
|
|
42893
43241
|
$kendo-panelbar-padding-y: 0px !default;
|
|
43242
|
+
/// The font family of the PanelBar.
|
|
43243
|
+
/// @group panelbar
|
|
42894
43244
|
$kendo-panelbar-font-family: $kendo-font-family !default;
|
|
43245
|
+
/// The font size of the PanelBar.
|
|
43246
|
+
/// @group panelbar
|
|
42895
43247
|
$kendo-panelbar-font-size: $kendo-font-size-md !default;
|
|
43248
|
+
/// The line height of the PanelBar.
|
|
43249
|
+
/// @group panelbar
|
|
42896
43250
|
$kendo-panelbar-line-height: $kendo-line-height-md !default;
|
|
43251
|
+
/// The width of the border around the PanelBar.
|
|
43252
|
+
/// @group panelbar
|
|
42897
43253
|
$kendo-panelbar-border-width: 1px !default;
|
|
43254
|
+
/// The border style around the the PanelBar.
|
|
43255
|
+
/// @group panelbar
|
|
42898
43256
|
$kendo-panelbar-border-style: solid !default;
|
|
43257
|
+
/// The width of the border around the PanelBar items.
|
|
43258
|
+
/// @group panelbar
|
|
42899
43259
|
$kendo-panelbar-item-border-width: 1px !default;
|
|
43260
|
+
/// The style of the border around the PanelBar items.
|
|
43261
|
+
/// @group panelbar
|
|
42900
43262
|
$kendo-panelbar-item-border-style: solid !default;
|
|
42901
43263
|
|
|
43264
|
+
/// The horizontal padding of the PanelBar header.
|
|
43265
|
+
/// @group panelbar
|
|
42902
43266
|
$kendo-panelbar-header-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
43267
|
+
/// The vertical padding of the PanelBar header.
|
|
43268
|
+
/// @group panelbar
|
|
42903
43269
|
$kendo-panelbar-header-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
42904
43270
|
|
|
43271
|
+
/// The horizontal padding of the PanelBar items.
|
|
43272
|
+
/// @group panelbar
|
|
42905
43273
|
$kendo-panelbar-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
43274
|
+
/// The vertical padding of the PanelBar items.
|
|
43275
|
+
/// @group panelbar
|
|
42906
43276
|
$kendo-panelbar-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
42907
43277
|
|
|
43278
|
+
/// The maximum nesting of the PanelBar items.
|
|
43279
|
+
/// @group panelbar
|
|
42908
43280
|
$kendo-panelbar-item-level-count: 4 !default;
|
|
42909
43281
|
|
|
43282
|
+
/// The background color of the PanelBar.
|
|
43283
|
+
/// @group panelbar
|
|
42910
43284
|
$kendo-panelbar-bg: $kendo-component-bg !default;
|
|
43285
|
+
/// The text color of the PanelBar.
|
|
43286
|
+
/// @group panelbar
|
|
42911
43287
|
$kendo-panelbar-text: $kendo-component-text !default;
|
|
43288
|
+
/// The border color of the PanelBar.
|
|
43289
|
+
/// @group panelbar
|
|
42912
43290
|
$kendo-panelbar-border: $kendo-component-border !default;
|
|
42913
43291
|
|
|
43292
|
+
/// The background color of the PanelBar header.
|
|
43293
|
+
/// @group panelbar
|
|
42914
43294
|
$kendo-panelbar-header-bg: $kendo-component-header-bg !default;
|
|
43295
|
+
/// The text color of the PanelBar header.
|
|
43296
|
+
/// @group panelbar
|
|
42915
43297
|
$kendo-panelbar-header-text: $kendo-component-header-text !default;
|
|
43298
|
+
/// The border color of the PanelBar header.
|
|
43299
|
+
/// @group panelbar
|
|
42916
43300
|
$kendo-panelbar-header-border: $kendo-component-header-border !default;
|
|
43301
|
+
/// The gradient of the PanelBar header.
|
|
43302
|
+
/// @group panelbar
|
|
42917
43303
|
$kendo-panelbar-header-gradient: $kendo-component-header-gradient !default;
|
|
42918
43304
|
|
|
43305
|
+
/// The background color of the hovered PanelBar header.
|
|
43306
|
+
/// @group panelbar
|
|
42919
43307
|
$kendo-panelbar-header-hover-bg: $kendo-hover-bg !default;
|
|
43308
|
+
/// The text color of the hovered PanelBar header.
|
|
43309
|
+
/// @group panelbar
|
|
42920
43310
|
$kendo-panelbar-header-hover-text: $kendo-hover-text !default;
|
|
43311
|
+
/// The border color of the hovered PanelBar header.
|
|
43312
|
+
/// @group panelbar
|
|
42921
43313
|
$kendo-panelbar-header-hover-border: $kendo-hover-border !default;
|
|
43314
|
+
/// The gradient of the hovered PanelBar header.
|
|
43315
|
+
/// @group panelbar
|
|
42922
43316
|
$kendo-panelbar-header-hover-gradient: null !default;
|
|
42923
43317
|
|
|
43318
|
+
/// The background color of the focused PanelBar header.
|
|
43319
|
+
/// @group panelbar
|
|
42924
43320
|
$kendo-panelbar-header-focus-bg: null !default;
|
|
43321
|
+
/// The text color of the focused PanelBar header.
|
|
43322
|
+
/// @group panelbar
|
|
42925
43323
|
$kendo-panelbar-header-focus-text: null !default;
|
|
43324
|
+
/// The border color of the focused PanelBar header.
|
|
43325
|
+
/// @group panelbar
|
|
42926
43326
|
$kendo-panelbar-header-focus-border: null !default;
|
|
43327
|
+
/// The gradient of the focused PanelBar header.
|
|
43328
|
+
/// @group panelbar
|
|
42927
43329
|
$kendo-panelbar-header-focus-gradient: null !default;
|
|
43330
|
+
/// The shadow of the focused PanelBar header.
|
|
43331
|
+
/// @group panelbar
|
|
42928
43332
|
$kendo-panelbar-header-focus-shadow: $kendo-list-item-focus-shadow !default;
|
|
42929
43333
|
|
|
43334
|
+
/// The background color of the focused and hovered PanelBar header.
|
|
43335
|
+
/// @group panelbar
|
|
42930
43336
|
$kendo-panelbar-header-hover-focus-bg: null !default;
|
|
43337
|
+
/// The text color of the focused and hovered PanelBar header.
|
|
43338
|
+
/// @group panelbar
|
|
42931
43339
|
$kendo-panelbar-header-hover-focus-text: null !default;
|
|
43340
|
+
/// The border color of the focused and hovered PanelBar header.
|
|
43341
|
+
/// @group panelbar
|
|
42932
43342
|
$kendo-panelbar-header-hover-focus-border: null !default;
|
|
43343
|
+
/// The gradient of the focused and hovered PanelBar header.
|
|
43344
|
+
/// @group panelbar
|
|
42933
43345
|
$kendo-panelbar-header-hover-focus-gradient: null !default;
|
|
42934
43346
|
|
|
43347
|
+
/// The background color of the selected PanelBar header.
|
|
43348
|
+
/// @group panelbar
|
|
42935
43349
|
$kendo-panelbar-header-selected-bg: $kendo-selected-bg !default;
|
|
43350
|
+
/// The text color of the selected PanelBar header.
|
|
43351
|
+
/// @group panelbar
|
|
42936
43352
|
$kendo-panelbar-header-selected-text: $kendo-selected-text !default;
|
|
43353
|
+
/// The border color of the selected PanelBar header.
|
|
43354
|
+
/// @group panelbar
|
|
42937
43355
|
$kendo-panelbar-header-selected-border: $kendo-selected-border !default;
|
|
43356
|
+
/// The gradient of the selected PanelBar header.
|
|
43357
|
+
/// @group panelbar
|
|
42938
43358
|
$kendo-panelbar-header-selected-gradient: null !default;
|
|
42939
43359
|
|
|
43360
|
+
/// The background color of the selected and hovered PanelBar header.
|
|
43361
|
+
/// @group panelbar
|
|
42940
43362
|
$kendo-panelbar-header-selected-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-panelbar-header-selected-bg )) !default;
|
|
43363
|
+
/// The text color of the selected and hovered PanelBar header.
|
|
43364
|
+
/// @group panelbar
|
|
42941
43365
|
$kendo-panelbar-header-selected-hover-text: null !default;
|
|
43366
|
+
/// The border color of the selected and hovered PanelBar header.
|
|
43367
|
+
/// @group panelbar
|
|
42942
43368
|
$kendo-panelbar-header-selected-hover-border: null !default;
|
|
43369
|
+
/// The gradient of the selected and hovered PanelBar header.
|
|
43370
|
+
/// @group panelbar
|
|
42943
43371
|
$kendo-panelbar-header-selected-hover-gradient: null !default;
|
|
42944
43372
|
|
|
43373
|
+
/// The background color of the selected and focused PanelBar header.
|
|
43374
|
+
/// @group panelbar
|
|
42945
43375
|
$kendo-panelbar-header-selected-focus-bg: null !default;
|
|
43376
|
+
/// The text color of the selected and focused PanelBar header.
|
|
43377
|
+
/// @group panelbar
|
|
42946
43378
|
$kendo-panelbar-header-selected-focus-text: null !default;
|
|
43379
|
+
/// The border color of the selected and focused PanelBar header.
|
|
43380
|
+
/// @group panelbar
|
|
42947
43381
|
$kendo-panelbar-header-selected-focus-border: null !default;
|
|
43382
|
+
/// The gradient of the selected and focused PanelBar header.
|
|
43383
|
+
/// @group panelbar
|
|
42948
43384
|
$kendo-panelbar-header-selected-focus-gradient: null !default;
|
|
42949
43385
|
|
|
43386
|
+
/// The background color of the selected, hovered and focused PanelBar header.
|
|
43387
|
+
/// @group panelbar
|
|
42950
43388
|
$kendo-panelbar-header-selected-hover-focus-bg: null !default;
|
|
43389
|
+
/// The text color of the selected, hovered and focused PanelBar header.
|
|
43390
|
+
/// @group panelbar
|
|
42951
43391
|
$kendo-panelbar-header-selected-hover-focus-text: null !default;
|
|
43392
|
+
/// The border color of the selected, hovered and focused PanelBar header.
|
|
43393
|
+
/// @group panelbar
|
|
42952
43394
|
$kendo-panelbar-header-selected-hover-focus-border: null !default;
|
|
43395
|
+
/// The gradient of the selected, hovered and focused PanelBar header.
|
|
43396
|
+
/// @group panelbar
|
|
42953
43397
|
$kendo-panelbar-header-selected-hover-focus-gradient: null !default;
|
|
42954
43398
|
|
|
43399
|
+
/// The background color of the hovered PanelBar items.
|
|
43400
|
+
/// @group panelbar
|
|
42955
43401
|
$kendo-panelbar-item-hover-bg: if($kendo-enable-color-system, k-color( base-subtle-hover ), k-try-shade( $kendo-panelbar-bg, .5 )) !default;
|
|
43402
|
+
/// The text color of the hovered PanelBar items.
|
|
43403
|
+
/// @group panelbar
|
|
42956
43404
|
$kendo-panelbar-item-hover-text: null !default;
|
|
43405
|
+
/// The border color of the hovered PanelBar items.
|
|
43406
|
+
/// @group panelbar
|
|
42957
43407
|
$kendo-panelbar-item-hover-border: null !default;
|
|
43408
|
+
/// The gradient of the hovered PanelBar items.
|
|
43409
|
+
/// @group panelbar
|
|
42958
43410
|
$kendo-panelbar-item-hover-gradient: null !default;
|
|
42959
43411
|
|
|
43412
|
+
/// The background color of the focused PanelBar items.
|
|
43413
|
+
/// @group panelbar
|
|
42960
43414
|
$kendo-panelbar-item-focus-bg: null !default;
|
|
43415
|
+
/// The text color of the focused PanelBar items.
|
|
43416
|
+
/// @group panelbar
|
|
42961
43417
|
$kendo-panelbar-item-focus-text: null !default;
|
|
43418
|
+
/// The border color of the focused PanelBar items.
|
|
43419
|
+
/// @group panelbar
|
|
42962
43420
|
$kendo-panelbar-item-focus-border: null !default;
|
|
43421
|
+
/// The gradient of the focused PanelBar items.
|
|
43422
|
+
/// @group panelbar
|
|
42963
43423
|
$kendo-panelbar-item-focus-gradient: null !default;
|
|
43424
|
+
/// The box shadow of the focused PanelBar items.
|
|
43425
|
+
/// @group panelbar
|
|
42964
43426
|
$kendo-panelbar-item-focus-shadow: $kendo-list-item-focus-shadow !default;
|
|
42965
43427
|
|
|
43428
|
+
/// The background color of the focused and hovered PanelBar items.
|
|
43429
|
+
/// @group panelbar
|
|
42966
43430
|
$kendo-panelbar-item-hover-focus-bg: null !default;
|
|
43431
|
+
/// The text color of the focused and hovered PanelBar items.
|
|
43432
|
+
/// @group panelbar
|
|
42967
43433
|
$kendo-panelbar-item-hover-focus-text: null !default;
|
|
43434
|
+
/// The border color of the focused and hovered PanelBar items.
|
|
43435
|
+
/// @group panelbar
|
|
42968
43436
|
$kendo-panelbar-item-hover-focus-border: null !default;
|
|
43437
|
+
/// The gradient of the focused and hovered PanelBar items.
|
|
43438
|
+
/// @group panelbar
|
|
42969
43439
|
$kendo-panelbar-item-hover-focus-gradient: null !default;
|
|
42970
43440
|
|
|
43441
|
+
/// The background color of the selected PanelBar items.
|
|
43442
|
+
/// @group panelbar
|
|
42971
43443
|
$kendo-panelbar-item-selected-bg: $kendo-selected-bg !default;
|
|
43444
|
+
/// The text color of the selected PanelBar items.
|
|
43445
|
+
/// @group panelbar
|
|
42972
43446
|
$kendo-panelbar-item-selected-text: $kendo-selected-text !default;
|
|
43447
|
+
/// The border color of the selected PanelBar items.
|
|
43448
|
+
/// @group panelbar
|
|
42973
43449
|
$kendo-panelbar-item-selected-border: null !default;
|
|
43450
|
+
/// The gradient of the selected PanelBar items.
|
|
43451
|
+
/// @group panelbar
|
|
42974
43452
|
$kendo-panelbar-item-selected-gradient: null !default;
|
|
42975
43453
|
|
|
43454
|
+
/// The background color of the selected and hovered PanelBar items.
|
|
43455
|
+
/// @group panelbar
|
|
42976
43456
|
$kendo-panelbar-item-selected-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-panelbar-item-selected-bg )) !default;
|
|
43457
|
+
/// The text color of the selected and hovered PanelBar items.
|
|
43458
|
+
/// @group panelbar
|
|
42977
43459
|
$kendo-panelbar-item-selected-hover-text: null !default;
|
|
43460
|
+
/// The border color of the selected and hovered PanelBar items.
|
|
43461
|
+
/// @group panelbar
|
|
42978
43462
|
$kendo-panelbar-item-selected-hover-border: null !default;
|
|
43463
|
+
/// The gradient of the selected and hovered PanelBar items.
|
|
43464
|
+
/// @group panelbar
|
|
42979
43465
|
$kendo-panelbar-item-selected-hover-gradient: null !default;
|
|
42980
43466
|
|
|
43467
|
+
/// The background color of the selected and focused PanelBar items.
|
|
43468
|
+
/// @group panelbar
|
|
42981
43469
|
$kendo-panelbar-item-selected-focus-bg: null !default;
|
|
43470
|
+
/// The text color of the selected and focused PanelBar items.
|
|
43471
|
+
/// @group panelbar
|
|
42982
43472
|
$kendo-panelbar-item-selected-focus-text: null !default;
|
|
43473
|
+
/// The border color of the selected and focused PanelBar items.
|
|
43474
|
+
/// @group panelbar
|
|
42983
43475
|
$kendo-panelbar-item-selected-focus-border: null !default;
|
|
43476
|
+
/// The gradient of the selected and focused PanelBar items.
|
|
43477
|
+
/// @group panelbar
|
|
42984
43478
|
$kendo-panelbar-item-selected-focus-gradient: null !default;
|
|
42985
43479
|
|
|
43480
|
+
/// The background color of the selected, hovered and focused PanelBar items.
|
|
43481
|
+
/// @group panelbar
|
|
42986
43482
|
$kendo-panelbar-item-selected-hover-focus-bg: null !default;
|
|
43483
|
+
/// The text color of the selected, hovered and focused PanelBar items.
|
|
43484
|
+
/// @group panelbar
|
|
42987
43485
|
$kendo-panelbar-item-selected-hover-focus-text: null !default;
|
|
43486
|
+
/// The border color of the selected, hovered and focused PanelBar items.
|
|
43487
|
+
/// @group panelbar
|
|
42988
43488
|
$kendo-panelbar-item-selected-hover-focus-border: null !default;
|
|
43489
|
+
/// The gradient of the selected, hovered and focused PanelBar items.
|
|
43490
|
+
/// @group panelbar
|
|
42989
43491
|
$kendo-panelbar-item-selected-hover-focus-gradient: null !default;
|
|
42990
43492
|
|
|
43493
|
+
/// The background color of the expanded PanelBar header.
|
|
43494
|
+
/// @group panelbar
|
|
42991
43495
|
$kendo-panelbar-header-expanded-bg: null !default;
|
|
43496
|
+
/// The text color of the expanded PanelBar header.
|
|
43497
|
+
/// @group panelbar
|
|
42992
43498
|
$kendo-panelbar-header-expanded-text: null !default;
|
|
43499
|
+
/// The border color of the expanded PanelBar header.
|
|
43500
|
+
/// @group panelbar
|
|
42993
43501
|
$kendo-panelbar-header-expanded-border: null !default;
|
|
43502
|
+
/// The gradient of the expanded PanelBar header.
|
|
43503
|
+
/// @group panelbar
|
|
42994
43504
|
$kendo-panelbar-header-expanded-gradient: null !default;
|
|
42995
43505
|
|
|
42996
43506
|
// #endregion
|
|
@@ -43023,7 +43533,6 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
43023
43533
|
|
|
43024
43534
|
|
|
43025
43535
|
// Root
|
|
43026
|
-
> .k-item,
|
|
43027
43536
|
> .k-panelbar-header {
|
|
43028
43537
|
// TODO
|
|
43029
43538
|
border-width: 0;
|
|
@@ -43049,14 +43558,12 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
43049
43558
|
transition: $kendo-transition;
|
|
43050
43559
|
}
|
|
43051
43560
|
}
|
|
43052
|
-
> .k-item + .k-item,
|
|
43053
43561
|
> .k-panelbar-header + .k-panelbar-header {
|
|
43054
43562
|
border-top-width: $kendo-panelbar-item-border-width;
|
|
43055
43563
|
}
|
|
43056
43564
|
|
|
43057
43565
|
|
|
43058
43566
|
// Sub
|
|
43059
|
-
.k-group,
|
|
43060
43567
|
.k-panelbar-group {
|
|
43061
43568
|
margin: 0;
|
|
43062
43569
|
padding: 0;
|
|
@@ -43066,7 +43573,6 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
43066
43573
|
background-color: transparent;
|
|
43067
43574
|
list-style: none;
|
|
43068
43575
|
}
|
|
43069
|
-
.k-group > .k-item,
|
|
43070
43576
|
.k-panelbar-group > .k-panelbar-item {
|
|
43071
43577
|
display: block;
|
|
43072
43578
|
|
|
@@ -43113,8 +43619,8 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
43113
43619
|
.k-panelbar-toggle {
|
|
43114
43620
|
margin-inline-start: auto;
|
|
43115
43621
|
}
|
|
43116
|
-
.k-group .k-panelbar-expand,
|
|
43117
|
-
.k-group .k-panelbar-collapse,
|
|
43622
|
+
.k-panelbar-group .k-panelbar-expand,
|
|
43623
|
+
.k-panelbar-group .k-panelbar-collapse,
|
|
43118
43624
|
.k-panelbar-group .k-panelbar-toggle {
|
|
43119
43625
|
margin-inline-end: calc( #{$kendo-panelbar-header-padding-x} - #{$kendo-panelbar-item-padding-x} );
|
|
43120
43626
|
}
|
|
@@ -43123,7 +43629,6 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
43123
43629
|
.k-rtl &,
|
|
43124
43630
|
&.k-rtl,
|
|
43125
43631
|
&[dir = "rtl"] {
|
|
43126
|
-
.k-group > .k-item,
|
|
43127
43632
|
.k-panelbar-group > .k-panelbar-item {
|
|
43128
43633
|
// Hierarchy items
|
|
43129
43634
|
@for $i from 1 through $kendo-panelbar-item-level-count {
|
|
@@ -43168,7 +43673,6 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
43168
43673
|
|
|
43169
43674
|
|
|
43170
43675
|
// Root
|
|
43171
|
-
> .k-item,
|
|
43172
43676
|
> .k-panelbar-header {
|
|
43173
43677
|
|
|
43174
43678
|
&.k-expanded.k-level-0 > .k-link {
|
|
@@ -43280,12 +43784,9 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
43280
43784
|
|
|
43281
43785
|
|
|
43282
43786
|
// Sub
|
|
43283
|
-
.k-group,
|
|
43284
43787
|
.k-panelbar-group {
|
|
43285
43788
|
|
|
43286
43789
|
// Hover
|
|
43287
|
-
> .k-item > .k-link:hover,
|
|
43288
|
-
> .k-item > .k-link.k-hover,
|
|
43289
43790
|
> .k-panelbar-item > .k-link:hover,
|
|
43290
43791
|
> .k-panelbar-item > .k-link.k-hover {
|
|
43291
43792
|
@include fill(
|
|
@@ -43297,8 +43798,6 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
43297
43798
|
}
|
|
43298
43799
|
|
|
43299
43800
|
// Focus
|
|
43300
|
-
> .k-item > .k-link:focus,
|
|
43301
|
-
> .k-item > .k-link.k-focus,
|
|
43302
43801
|
> .k-panelbar-item > .k-link:focus,
|
|
43303
43802
|
> .k-panelbar-item > .k-link.k-focus {
|
|
43304
43803
|
@include fill(
|
|
@@ -43311,8 +43810,6 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
43311
43810
|
}
|
|
43312
43811
|
|
|
43313
43812
|
// Focus & Hover
|
|
43314
|
-
> .k-item > .k-link:focus:hover,
|
|
43315
|
-
> .k-item > .k-link.k-focus.k-hover,
|
|
43316
43813
|
> .k-panelbar-item > .k-link:focus:hover,
|
|
43317
43814
|
> .k-panelbar-item > .k-link.k-focus.k-hover {
|
|
43318
43815
|
@include fill(
|
|
@@ -43324,7 +43821,6 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
43324
43821
|
}
|
|
43325
43822
|
|
|
43326
43823
|
// Selected
|
|
43327
|
-
> .k-item > .k-link.k-selected,
|
|
43328
43824
|
> .k-panelbar-item > .k-link.k-selected {
|
|
43329
43825
|
@include fill(
|
|
43330
43826
|
$kendo-panelbar-item-selected-text,
|
|
@@ -43335,8 +43831,6 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
43335
43831
|
}
|
|
43336
43832
|
|
|
43337
43833
|
// Selected Hover
|
|
43338
|
-
> .k-item > .k-link.k-selected:hover,
|
|
43339
|
-
> .k-item > .k-link.k-selected.k-hover,
|
|
43340
43834
|
> .k-panelbar-item > .k-link.k-selected:hover,
|
|
43341
43835
|
> .k-panelbar-item > .k-link.k-selected.k-hover {
|
|
43342
43836
|
@include fill(
|
|
@@ -43348,8 +43842,6 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
43348
43842
|
}
|
|
43349
43843
|
|
|
43350
43844
|
// Selected Focus
|
|
43351
|
-
> .k-item > .k-link.k-selected:focus,
|
|
43352
|
-
> .k-item > .k-link.k-selected.k-focus,
|
|
43353
43845
|
> .k-panelbar-item > .k-link.k-selected:focus,
|
|
43354
43846
|
> .k-panelbar-item > .k-link.k-selected.k-focus {
|
|
43355
43847
|
@include fill(
|
|
@@ -43361,8 +43853,6 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
43361
43853
|
}
|
|
43362
43854
|
|
|
43363
43855
|
// Selected Focus & Hover
|
|
43364
|
-
> .k-item > .k-link.k-selected:focus:hover,
|
|
43365
|
-
> .k-item > .k-link.k-selected.k-focus.k-hover,
|
|
43366
43856
|
> .k-panelbar-item > .k-link.k-selected:focus:hover,
|
|
43367
43857
|
> .k-panelbar-item > .k-link.k-selected.k-focus.k-hover {
|
|
43368
43858
|
@include fill(
|