@progress/kendo-theme-bootstrap 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 +664 -175
- package/dist/meta/sassdoc-data.json +43508 -32204
- package/dist/meta/sassdoc-raw-data.json +13678 -8453
- package/dist/meta/variables.json +12 -0
- 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/calendar/_variables.scss +198 -3
- package/scss/drawer/_variables.scss +65 -0
- package/scss/panelbar/_variables.scss +166 -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
|
|
@@ -8823,13 +8925,57 @@ $_kendo-module-meta: (
|
|
|
8823
8925
|
|
|
8824
8926
|
// #endregion
|
|
8825
8927
|
// #region @import "./_variables.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/_variables.scss
|
|
8928
|
+
// #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
|
|
8929
|
+
// File already imported_once. Skipping output.
|
|
8930
|
+
// #endregion
|
|
8931
|
+
|
|
8826
8932
|
$kendo-prefix: k- !default;
|
|
8827
8933
|
$kendo-important: true !default;
|
|
8934
|
+
$kendo-enable-color-system: false !default;
|
|
8828
8935
|
|
|
8829
8936
|
$kendo-theme-colors: () !default;
|
|
8830
8937
|
|
|
8831
8938
|
$kendo-font-sizes: () !default;
|
|
8832
8939
|
|
|
8940
|
+
$kendo-util-colors-list: (
|
|
8941
|
+
primary-subtle,
|
|
8942
|
+
primary,
|
|
8943
|
+
primary-emphasis,
|
|
8944
|
+
secondary-subtle,
|
|
8945
|
+
secondary,
|
|
8946
|
+
secondary-emphasis,
|
|
8947
|
+
tertiary-subtle,
|
|
8948
|
+
tertiary,
|
|
8949
|
+
tertiary-emphasis,
|
|
8950
|
+
info-subtle,
|
|
8951
|
+
info,
|
|
8952
|
+
info-emphasis,
|
|
8953
|
+
success-subtle,
|
|
8954
|
+
success,
|
|
8955
|
+
success-emphasis,
|
|
8956
|
+
warning-subtle,
|
|
8957
|
+
warning,
|
|
8958
|
+
warning-emphasis,
|
|
8959
|
+
error-subtle,
|
|
8960
|
+
error,
|
|
8961
|
+
error-emphasis,
|
|
8962
|
+
light-subtle,
|
|
8963
|
+
light,
|
|
8964
|
+
light-emphasis,
|
|
8965
|
+
dark-subtle,
|
|
8966
|
+
dark,
|
|
8967
|
+
dark-emphasis,
|
|
8968
|
+
) !default;
|
|
8969
|
+
|
|
8970
|
+
$kendo-util-colors: () !default;
|
|
8971
|
+
@each $name, $color in $kendo-colors {
|
|
8972
|
+
@each $util-color in $kendo-util-colors-list {
|
|
8973
|
+
@if ( $name == $util-color ) {
|
|
8974
|
+
$kendo-util-colors: k-map-merge( $kendo-util-colors, ( $name: $color) );
|
|
8975
|
+
}
|
|
8976
|
+
}
|
|
8977
|
+
}
|
|
8978
|
+
|
|
8833
8979
|
$kendo-spacing: (
|
|
8834
8980
|
0: 0,
|
|
8835
8981
|
1px: 1px,
|
|
@@ -9517,7 +9663,7 @@ $kendo-utils: (
|
|
|
9517
9663
|
start,
|
|
9518
9664
|
end
|
|
9519
9665
|
),
|
|
9520
|
-
"text-color": k-map-merge( $kendo-theme-colors, (
|
|
9666
|
+
"text-color": k-map-merge( if( $kendo-enable-color-system, $kendo-util-colors, $kendo-theme-colors ), (
|
|
9521
9667
|
"inherit": inherit,
|
|
9522
9668
|
"current": currentColor,
|
|
9523
9669
|
"transparent": transparent,
|
|
@@ -9572,7 +9718,7 @@ $kendo-utils: (
|
|
|
9572
9718
|
content: content-box,
|
|
9573
9719
|
text: text
|
|
9574
9720
|
),
|
|
9575
|
-
"background-color": k-map-merge( $kendo-theme-colors, (
|
|
9721
|
+
"background-color": k-map-merge( if( $kendo-enable-color-system, $kendo-util-colors, $kendo-theme-colors ), (
|
|
9576
9722
|
"inherit": inherit,
|
|
9577
9723
|
"transparent": transparent,
|
|
9578
9724
|
"black": black,
|
|
@@ -9615,7 +9761,7 @@ $kendo-utils: (
|
|
|
9615
9761
|
hidden,
|
|
9616
9762
|
none
|
|
9617
9763
|
),
|
|
9618
|
-
"border-color": k-map-merge( $kendo-theme-colors, (
|
|
9764
|
+
"border-color": k-map-merge( if( $kendo-enable-color-system, $kendo-util-colors, $kendo-theme-colors ), (
|
|
9619
9765
|
"inherit": inherit,
|
|
9620
9766
|
"current": currentColor,
|
|
9621
9767
|
"transparent": transparent,
|
|
@@ -9641,7 +9787,7 @@ $kendo-utils: (
|
|
|
9641
9787
|
outset,
|
|
9642
9788
|
none
|
|
9643
9789
|
),
|
|
9644
|
-
"outline-color": k-map-merge( $kendo-theme-colors, (
|
|
9790
|
+
"outline-color": k-map-merge( if( $kendo-enable-color-system, $kendo-util-colors, $kendo-theme-colors ), (
|
|
9645
9791
|
"inherit": inherit,
|
|
9646
9792
|
"current": currentColor,
|
|
9647
9793
|
"transparent": transparent,
|
|
@@ -9860,7 +10006,7 @@ $kendo-utils: (
|
|
|
9860
10006
|
|
|
9861
10007
|
// #endregion
|
|
9862
10008
|
// #region @import "./_mixins.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/_mixins.scss
|
|
9863
|
-
@mixin generate-utils( $name, $props, $values, $function: "", $important: $kendo-important ) {
|
|
10009
|
+
@mixin generate-utils( $name, $props, $values, $function: "", $important: $kendo-important, $css-var: null ) {
|
|
9864
10010
|
@if $values {
|
|
9865
10011
|
$_props: if( k-meta-type-of($props) == list, $props, ( $props ) );
|
|
9866
10012
|
$_fn: if( k-meta-function-exists( $function ), k-meta-get-function( $function ), null );
|
|
@@ -9870,25 +10016,33 @@ $kendo-utils: (
|
|
|
9870
10016
|
$_val: if( k-meta-type-of($values) == list, $key, $val );
|
|
9871
10017
|
$_name: k-escape-class-name( $name );
|
|
9872
10018
|
$_selector: if( $_key == DEFAULT, #{$kendo-prefix}#{$_name}, #{$kendo-prefix}#{$_name}-#{$_key});
|
|
10019
|
+
$_custom-prop: if( $_key == DEFAULT, var( --kendo-#{$css-var}, #{$_val} ), var( --kendo-#{$css-var}-#{$_key}, #{$_val} ) );
|
|
9873
10020
|
|
|
9874
10021
|
@if $important != only {
|
|
9875
10022
|
.#{$_selector} {
|
|
9876
10023
|
@each $prop in $_props {
|
|
9877
|
-
|
|
10024
|
+
@if $css-var {
|
|
10025
|
+
#{$prop}: if( $_fn, k-meta-call($_fn, $_custom-prop), $_custom-prop );
|
|
10026
|
+
} @else {
|
|
10027
|
+
#{$prop}: if( $_fn, k-meta-call($_fn, $_val), $_val );
|
|
10028
|
+
}
|
|
9878
10029
|
}
|
|
9879
10030
|
}
|
|
9880
10031
|
}
|
|
9881
10032
|
@if $important {
|
|
9882
10033
|
.\!#{$_selector} {
|
|
9883
10034
|
@each $prop in $_props {
|
|
9884
|
-
|
|
10035
|
+
@if $css-var {
|
|
10036
|
+
#{$prop}: if( $_fn, k-meta-call($_fn, $-custom-prop), $-custom-prop ) !important; // stylelint-disable-line declaration-no-important
|
|
10037
|
+
} @else {
|
|
10038
|
+
#{$prop}: if( $_fn, k-meta-call($_fn, $_val), $_val ) !important; // stylelint-disable-line declaration-no-important
|
|
10039
|
+
}
|
|
9885
10040
|
}
|
|
9886
10041
|
}
|
|
9887
10042
|
}
|
|
9888
10043
|
}
|
|
9889
10044
|
}
|
|
9890
10045
|
}
|
|
9891
|
-
|
|
9892
10046
|
// #endregion
|
|
9893
10047
|
|
|
9894
10048
|
// #region @import "./accessibility/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-utils/scss/accessibility/index.import.scss
|
|
@@ -13942,11 +14096,11 @@ $kendo-utils: (
|
|
|
13942
14096
|
|
|
13943
14097
|
// Text color utility classes
|
|
13944
14098
|
$kendo-utils-text-color: k-map-get( $kendo-utils, "text-color" ) !default;
|
|
13945
|
-
@include generate-utils( text, color, $kendo-utils-text-color );
|
|
14099
|
+
@include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );
|
|
13946
14100
|
|
|
13947
14101
|
|
|
13948
14102
|
// Legacy aliases
|
|
13949
|
-
@include generate-utils( color, color, $kendo-utils-text-color );
|
|
14103
|
+
@include generate-utils( color, color, $kendo-utils-text-color, $css-var: 'color' );
|
|
13950
14104
|
|
|
13951
14105
|
}
|
|
13952
14106
|
|
|
@@ -14244,7 +14398,7 @@ $kendo-utils: (
|
|
|
14244
14398
|
|
|
14245
14399
|
// Background color utility classes
|
|
14246
14400
|
$kendo-utils-background-color: k-map-get( $kendo-utils, "background-color" ) !default;
|
|
14247
|
-
@include generate-utils( bg, background-color, $kendo-utils-background-color );
|
|
14401
|
+
@include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );
|
|
14248
14402
|
|
|
14249
14403
|
}
|
|
14250
14404
|
|
|
@@ -14388,13 +14542,7 @@ $kendo-utils: (
|
|
|
14388
14542
|
|
|
14389
14543
|
// Border color utility classes
|
|
14390
14544
|
$kendo-utils-border-color: k-map-get( $kendo-utils, "border-color" ) !default;
|
|
14391
|
-
@include generate-utils( border, border-color, $kendo-utils-border-color );
|
|
14392
|
-
@include generate-utils( border-t, border-top-color, $kendo-utils-border-color );
|
|
14393
|
-
@include generate-utils( border-r, border-right-color, $kendo-utils-border-color );
|
|
14394
|
-
@include generate-utils( border-b, border-bottom-color, $kendo-utils-border-color );
|
|
14395
|
-
@include generate-utils( border-l, border-left-color, $kendo-utils-border-color );
|
|
14396
|
-
@include generate-utils( border-x, border-inline-color, $kendo-utils-border-color );
|
|
14397
|
-
@include generate-utils( border-y, border-block-color, $kendo-utils-border-color );
|
|
14545
|
+
@include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );
|
|
14398
14546
|
|
|
14399
14547
|
}
|
|
14400
14548
|
|
|
@@ -15274,7 +15422,7 @@ $kendo-utils: (
|
|
|
15274
15422
|
|
|
15275
15423
|
// Outline color utility classes
|
|
15276
15424
|
$kendo-utils-outline-color: k-map-get( $kendo-utils, "outline-color" ) !default;
|
|
15277
|
-
@include generate-utils( outline, outline-color, $kendo-utils-outline-color );
|
|
15425
|
+
@include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );
|
|
15278
15426
|
|
|
15279
15427
|
}
|
|
15280
15428
|
|
|
@@ -16664,7 +16812,7 @@ $kendo-utils: (
|
|
|
16664
16812
|
// #endregion
|
|
16665
16813
|
|
|
16666
16814
|
@mixin kendo-utils--elevation {
|
|
16667
|
-
@include generate-utils(elevation, box-shadow, $kendo-elevation);
|
|
16815
|
+
@include generate-utils(elevation, box-shadow, $kendo-elevation, $css-var: 'elevation');
|
|
16668
16816
|
}
|
|
16669
16817
|
|
|
16670
16818
|
// #endregion
|
|
@@ -26179,19 +26327,6 @@ $kendo-form-sizes: (
|
|
|
26179
26327
|
}
|
|
26180
26328
|
}
|
|
26181
26329
|
|
|
26182
|
-
.k-input-label {
|
|
26183
|
-
margin-right: $kendo-horizontal-form-label-margin-x;
|
|
26184
|
-
z-index: 1;
|
|
26185
|
-
|
|
26186
|
-
&:dir(rtl),
|
|
26187
|
-
.k-rtl &,
|
|
26188
|
-
&.k-rtl,
|
|
26189
|
-
[dir="rtl"] &,
|
|
26190
|
-
&[dir="rtl"] {
|
|
26191
|
-
margin-right: 0;
|
|
26192
|
-
margin-left: $kendo-horizontal-form-label-margin-x;
|
|
26193
|
-
}
|
|
26194
|
-
}
|
|
26195
26330
|
|
|
26196
26331
|
|
|
26197
26332
|
// Vertical Form
|
|
@@ -28236,7 +28371,7 @@ $kendo-floating-label-focus-text: null !default;
|
|
|
28236
28371
|
box-sizing: border-box;
|
|
28237
28372
|
}
|
|
28238
28373
|
|
|
28239
|
-
> .k-label {
|
|
28374
|
+
> .k-floating-label {
|
|
28240
28375
|
max-width: $kendo-floating-label-max-width;
|
|
28241
28376
|
font-size: $kendo-floating-label-font-size;
|
|
28242
28377
|
line-height: $kendo-floating-label-line-height;
|
|
@@ -28251,13 +28386,9 @@ $kendo-floating-label-focus-text: null !default;
|
|
|
28251
28386
|
transition: transform $kendo-floating-label-transition, color $kendo-floating-label-transition, top $kendo-floating-label-transition, left $kendo-floating-label-transition;
|
|
28252
28387
|
}
|
|
28253
28388
|
|
|
28254
|
-
> .k-widget {
|
|
28255
|
-
flex: 1 1 auto;
|
|
28256
|
-
width: auto;
|
|
28257
|
-
}
|
|
28258
28389
|
|
|
28259
28390
|
&.k-empty {
|
|
28260
|
-
> .k-label {
|
|
28391
|
+
> .k-floating-label {
|
|
28261
28392
|
top: var(--kendo-floating-label-offset-y, #{$kendo-floating-label-offset-y});
|
|
28262
28393
|
left: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
|
|
28263
28394
|
transform: scale( $kendo-floating-label-scale );
|
|
@@ -28265,13 +28396,13 @@ $kendo-floating-label-focus-text: null !default;
|
|
|
28265
28396
|
}
|
|
28266
28397
|
}
|
|
28267
28398
|
|
|
28268
|
-
> .k-label,
|
|
28269
|
-
&.k-focus > .k-label {
|
|
28399
|
+
> .k-floating-label,
|
|
28400
|
+
&.k-focus > .k-floating-label {
|
|
28270
28401
|
top: var(--kendo-floating-label-focus-offset-y, #{$kendo-floating-label-focus-offset-y});
|
|
28271
28402
|
left: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
28272
28403
|
transform: scale( $kendo-floating-label-focus-scale );
|
|
28273
28404
|
}
|
|
28274
|
-
&:focus-within > .k-label {
|
|
28405
|
+
&:focus-within > .k-floating-label {
|
|
28275
28406
|
top: var(--kendo-floating-label-focus-offset-y, #{$kendo-floating-label-focus-offset-y});
|
|
28276
28407
|
left: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
28277
28408
|
transform: scale( $kendo-floating-label-focus-scale );
|
|
@@ -28285,24 +28416,24 @@ $kendo-floating-label-focus-text: null !default;
|
|
|
28285
28416
|
.k-rtl &,
|
|
28286
28417
|
&[dir="rtl"] {
|
|
28287
28418
|
|
|
28288
|
-
> .k-label {
|
|
28419
|
+
> .k-floating-label {
|
|
28289
28420
|
transform-origin: right center;
|
|
28290
28421
|
transition: transform $kendo-floating-label-transition, color $kendo-floating-label-transition, top $kendo-floating-label-transition, right $kendo-floating-label-transition;
|
|
28291
28422
|
}
|
|
28292
28423
|
|
|
28293
28424
|
&.k-empty {
|
|
28294
|
-
> .k-label {
|
|
28425
|
+
> .k-floating-label {
|
|
28295
28426
|
left: auto;
|
|
28296
28427
|
right: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
|
|
28297
28428
|
}
|
|
28298
28429
|
}
|
|
28299
28430
|
|
|
28300
|
-
> .k-label,
|
|
28301
|
-
&.k-focus > .k-label {
|
|
28431
|
+
> .k-floating-label,
|
|
28432
|
+
&.k-focus > .k-floating-label {
|
|
28302
28433
|
left: auto;
|
|
28303
28434
|
right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
28304
28435
|
}
|
|
28305
|
-
&:focus-within > .k-label {
|
|
28436
|
+
&:focus-within > .k-floating-label {
|
|
28306
28437
|
left: auto;
|
|
28307
28438
|
right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
|
|
28308
28439
|
}
|
|
@@ -28331,23 +28462,23 @@ $kendo-floating-label-focus-text: null !default;
|
|
|
28331
28462
|
// Floating label
|
|
28332
28463
|
.k-floating-label-container {
|
|
28333
28464
|
|
|
28334
|
-
> .k-label {
|
|
28465
|
+
> .k-floating-label {
|
|
28335
28466
|
@include fill(
|
|
28336
28467
|
$color: $kendo-floating-label-text,
|
|
28337
28468
|
$bg: $kendo-floating-label-bg
|
|
28338
28469
|
);
|
|
28339
28470
|
}
|
|
28340
28471
|
|
|
28341
|
-
&.k-focus > .k-label {
|
|
28472
|
+
&.k-focus > .k-floating-label {
|
|
28342
28473
|
@include fill(
|
|
28343
28474
|
$color: $kendo-floating-label-focus-text,
|
|
28344
28475
|
$bg: $kendo-floating-label-focus-bg
|
|
28345
28476
|
);
|
|
28346
28477
|
}
|
|
28347
28478
|
|
|
28348
|
-
&.k-invalid > .k-label,
|
|
28349
|
-
&.ng-invalid.ng-touched > .k-label,
|
|
28350
|
-
&.ng-invalid.ng-dirty > .k-label {
|
|
28479
|
+
&.k-invalid > .k-floating-label,
|
|
28480
|
+
&.ng-invalid.ng-touched > .k-floating-label,
|
|
28481
|
+
&.ng-invalid.ng-dirty > .k-floating-label {
|
|
28351
28482
|
@include fill ( $color: $kendo-invalid-text );
|
|
28352
28483
|
}
|
|
28353
28484
|
}
|
|
@@ -30891,136 +31022,331 @@ $_kendo-module-meta: (
|
|
|
30891
31022
|
// #region @import "./_variables.scss"; -> scss/calendar/_variables.scss
|
|
30892
31023
|
// Calendar
|
|
30893
31024
|
|
|
31025
|
+
/// The width of the border around the Calendar.
|
|
31026
|
+
/// @group calendar
|
|
30894
31027
|
$kendo-calendar-border-width: 1px !default;
|
|
31028
|
+
|
|
31029
|
+
/// The font family of the Calendar.
|
|
31030
|
+
/// @group calendar
|
|
30895
31031
|
$kendo-calendar-font-family: $kendo-font-family !default;
|
|
31032
|
+
/// The font size of the Calendar.
|
|
31033
|
+
/// @group calendar
|
|
30896
31034
|
$kendo-calendar-font-size: $kendo-font-size-md !default;
|
|
31035
|
+
/// The line height of the Calendar.
|
|
31036
|
+
/// @group calendar
|
|
30897
31037
|
$kendo-calendar-line-height: $kendo-line-height-md !default;
|
|
30898
31038
|
|
|
31039
|
+
/// The size of the cells in the Calendar.
|
|
31040
|
+
/// @group calendar
|
|
30899
31041
|
$kendo-calendar-cell-size: 38px !default;
|
|
30900
31042
|
|
|
31043
|
+
/// The background color of the Calendar.
|
|
31044
|
+
/// @group calendar
|
|
30901
31045
|
$kendo-calendar-bg: $kendo-component-bg !default;
|
|
31046
|
+
/// The text color of the Calendar.
|
|
31047
|
+
/// @group calendar
|
|
30902
31048
|
$kendo-calendar-text: $kendo-component-text !default;
|
|
31049
|
+
/// The border color of the Calendar.
|
|
31050
|
+
/// @group calendar
|
|
30903
31051
|
$kendo-calendar-border: $kendo-component-border !default;
|
|
30904
31052
|
|
|
31053
|
+
/// The horizontal padding of the header in the Calendar.
|
|
31054
|
+
/// @group calendar
|
|
30905
31055
|
$kendo-calendar-header-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
31056
|
+
/// The vertical padding of the header in the Calendar.
|
|
31057
|
+
/// @group calendar
|
|
30906
31058
|
$kendo-calendar-header-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
31059
|
+
|
|
31060
|
+
/// The border width of the header in the Calendar.
|
|
31061
|
+
/// @group calendar
|
|
30907
31062
|
$kendo-calendar-header-border-width: 1px !default;
|
|
30908
31063
|
|
|
31064
|
+
/// The background color of the header in the Calendar.
|
|
31065
|
+
/// @group calendar
|
|
30909
31066
|
$kendo-calendar-header-bg: $kendo-component-header-bg !default;
|
|
31067
|
+
/// The text color of the header in the Calendar.
|
|
31068
|
+
/// @group calendar
|
|
30910
31069
|
$kendo-calendar-header-text: $kendo-component-header-text !default;
|
|
31070
|
+
/// The border color of the header in the Calendar.
|
|
31071
|
+
/// @group calendar
|
|
30911
31072
|
$kendo-calendar-header-border: $kendo-component-header-border !default;
|
|
31073
|
+
/// The gradient of the header in the Calendar.
|
|
31074
|
+
/// @group calendar
|
|
30912
31075
|
$kendo-calendar-header-gradient: $kendo-component-header-gradient !default;
|
|
31076
|
+
/// The box shadow of the header in the Calendar.
|
|
31077
|
+
/// @group calendar
|
|
30913
31078
|
$kendo-calendar-header-shadow: none !default;
|
|
30914
31079
|
|
|
31080
|
+
/// The gap between the items in the navigation of the Calendar.
|
|
31081
|
+
/// @group calendar
|
|
30915
31082
|
$kendo-calendar-nav-gap: null !default;
|
|
30916
31083
|
|
|
31084
|
+
/// The horizontal padding of the footer in the Calendar.
|
|
31085
|
+
/// @group calendar
|
|
30917
31086
|
$kendo-calendar-footer-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
31087
|
+
/// The vertical padding of the footer in the Calendar.
|
|
31088
|
+
/// @group calendar
|
|
30918
31089
|
$kendo-calendar-footer-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
30919
31090
|
|
|
31091
|
+
/// The horizontal padding of the cells in the Calendar.
|
|
31092
|
+
/// @group calendar
|
|
30920
31093
|
$kendo-calendar-cell-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
31094
|
+
/// The vertical padding of the cells in the Calendar.
|
|
31095
|
+
/// @group calendar
|
|
30921
31096
|
$kendo-calendar-cell-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
31097
|
+
|
|
31098
|
+
/// The line height of the cells in the Calendar.
|
|
31099
|
+
/// @group calendar
|
|
30922
31100
|
$kendo-calendar-cell-line-height: $kendo-calendar-line-height !default;
|
|
31101
|
+
|
|
31102
|
+
/// The border radius of the cells in the Calendar.
|
|
31103
|
+
/// @group calendar
|
|
30923
31104
|
$kendo-calendar-cell-border-radius: $kendo-border-radius-md !default;
|
|
30924
31105
|
|
|
31106
|
+
/// The horizontal padding of the header cells in the Calendar.
|
|
31107
|
+
/// @group calendar
|
|
30925
31108
|
$kendo-calendar-header-cell-padding-x: null !default;
|
|
31109
|
+
/// The vertical padding of the header cells in the Calendar.
|
|
31110
|
+
/// @group calendar
|
|
30926
31111
|
$kendo-calendar-header-cell-padding-y: null !default;
|
|
31112
|
+
/// The width of the header cells in the Calendar.
|
|
31113
|
+
/// @group calendar
|
|
30927
31114
|
$kendo-calendar-header-cell-width: $kendo-calendar-cell-size !default;
|
|
31115
|
+
/// The height of the header cells in the Calendar.
|
|
31116
|
+
/// @group calendar
|
|
30928
31117
|
$kendo-calendar-header-cell-height: $kendo-calendar-cell-size !default;
|
|
31118
|
+
/// The font size of the header cells in the Calendar.
|
|
31119
|
+
/// @group calendar
|
|
30929
31120
|
$kendo-calendar-header-cell-font-size: $kendo-font-size-sm !default;
|
|
31121
|
+
/// The line height of the header cells in the Calendar.
|
|
31122
|
+
/// @group calendar
|
|
30930
31123
|
$kendo-calendar-header-cell-line-height: 2 !default;
|
|
31124
|
+
|
|
31125
|
+
/// The background color of the header cells in the Calendar.
|
|
31126
|
+
/// @group calendar
|
|
30931
31127
|
$kendo-calendar-header-cell-bg: null !default;
|
|
31128
|
+
/// The text color of the header cells in the Calendar.
|
|
31129
|
+
/// @group calendar
|
|
30932
31130
|
$kendo-calendar-header-cell-text: $kendo-subtle-text !default;
|
|
31131
|
+
/// The opacity of the header cells in the Calendar.
|
|
31132
|
+
/// @group calendar
|
|
30933
31133
|
$kendo-calendar-header-cell-opacity: null !default;
|
|
30934
31134
|
|
|
31135
|
+
/// The horizontal padding of the caption in the Calendar.
|
|
31136
|
+
/// @group calendar
|
|
30935
31137
|
$kendo-calendar-caption-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
|
|
31138
|
+
/// The vertical padding of the caption in the Calendar.
|
|
31139
|
+
/// @group calendar
|
|
30936
31140
|
$kendo-calendar-caption-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
31141
|
+
/// The height of the caption in the Calendar.
|
|
31142
|
+
/// @group calendar
|
|
30937
31143
|
$kendo-calendar-caption-height: $kendo-calendar-cell-size !default;
|
|
31144
|
+
/// The font size of the caption in the Calendar.
|
|
31145
|
+
/// @group calendar
|
|
30938
31146
|
$kendo-calendar-caption-font-size: null !default;
|
|
31147
|
+
/// The line height of the caption in the Calendar.
|
|
31148
|
+
/// @group calendar
|
|
30939
31149
|
$kendo-calendar-caption-line-height: null !default;
|
|
31150
|
+
/// The font weight of the caption in the Calendar.
|
|
31151
|
+
/// @group calendar
|
|
30940
31152
|
$kendo-calendar-caption-font-weight: bold !default;
|
|
30941
31153
|
|
|
31154
|
+
/// The font size of the week number cells in the Calendar.
|
|
31155
|
+
/// @group calendar
|
|
31156
|
+
$kendo-calendar-week-number-font-size: $kendo-font-size-sm !default;
|
|
31157
|
+
|
|
31158
|
+
/// The width of the Calendar view.
|
|
31159
|
+
/// @group calendar
|
|
30942
31160
|
$kendo-calendar-view-width: ($kendo-calendar-cell-size * 8) !default;
|
|
31161
|
+
/// The height of the Calendar view.
|
|
31162
|
+
/// @group calendar
|
|
30943
31163
|
$kendo-calendar-view-height: ($kendo-calendar-cell-size * 7) !default;
|
|
31164
|
+
|
|
31165
|
+
/// The gap between the items in the Calendar view.
|
|
31166
|
+
/// @group calendar
|
|
30944
31167
|
$kendo-calendar-view-gap: k-map-get( $kendo-spacing, 4 ) !default;
|
|
30945
31168
|
|
|
31169
|
+
/// The background color of the weekend cells in the Calendar.
|
|
31170
|
+
/// @group calendar
|
|
30946
31171
|
$kendo-calendar-weekend-bg: null !default;
|
|
31172
|
+
/// The text color of the weekend cells in the Calendar.
|
|
31173
|
+
/// @group calendar
|
|
30947
31174
|
$kendo-calendar-weekend-text: null !default;
|
|
30948
31175
|
|
|
31176
|
+
/// The style of the current day in the Calendar.
|
|
31177
|
+
/// @group calendar
|
|
30949
31178
|
$kendo-calendar-today-style: box !default;
|
|
31179
|
+
/// The color of the current day in the Calendar.
|
|
31180
|
+
/// @group calendar
|
|
30950
31181
|
$kendo-calendar-today-color: $kendo-color-primary !default;
|
|
30951
31182
|
|
|
31183
|
+
/// The background color of the week number cells in the Calendar.
|
|
31184
|
+
/// @group calendar
|
|
30952
31185
|
$kendo-calendar-week-number-bg: null !default;
|
|
31186
|
+
/// The text color of the week number cells in the Calendar.
|
|
31187
|
+
/// @group calendar
|
|
30953
31188
|
$kendo-calendar-week-number-text: $kendo-calendar-header-cell-text !default;
|
|
30954
31189
|
|
|
31190
|
+
/// The background color of the preceding/subsequent month cells in the Calendar.
|
|
31191
|
+
/// @group calendar
|
|
30955
31192
|
$kendo-calendar-other-month-bg: null !default;
|
|
31193
|
+
/// The text color of the preceding/subsequent month cells in the Calendar.
|
|
31194
|
+
/// @group calendar
|
|
30956
31195
|
$kendo-calendar-other-month-text: $kendo-calendar-header-cell-text !default;
|
|
30957
31196
|
|
|
31197
|
+
/// The background color of the cells in the Calendar.
|
|
31198
|
+
/// @group calendar
|
|
30958
31199
|
$kendo-calendar-cell-bg: null !default;
|
|
31200
|
+
/// The text color of the cells in the Calendar.
|
|
31201
|
+
/// @group calendar
|
|
30959
31202
|
$kendo-calendar-cell-text: null !default;
|
|
31203
|
+
/// The border color of the cells in the Calendar.
|
|
31204
|
+
/// @group calendar
|
|
30960
31205
|
$kendo-calendar-cell-border: null !default;
|
|
31206
|
+
/// The gradient of the cells in the Calendar.
|
|
31207
|
+
/// @group calendar
|
|
30961
31208
|
$kendo-calendar-cell-gradient: null !default;
|
|
30962
31209
|
|
|
31210
|
+
/// The background color of the hovered cells in the Calendar.
|
|
31211
|
+
/// @group calendar
|
|
30963
31212
|
$kendo-calendar-cell-hover-bg: $kendo-hover-bg !default;
|
|
31213
|
+
/// The text color of the hovered cells in the Calendar.
|
|
31214
|
+
/// @group calendar
|
|
30964
31215
|
$kendo-calendar-cell-hover-text: $kendo-hover-text !default;
|
|
31216
|
+
/// The border color of the hovered cells in the Calendar.
|
|
31217
|
+
/// @group calendar
|
|
30965
31218
|
$kendo-calendar-cell-hover-border: $kendo-hover-border !default;
|
|
31219
|
+
/// The gradient of the hovered cells in the Calendar.
|
|
31220
|
+
/// @group calendar
|
|
30966
31221
|
$kendo-calendar-cell-hover-gradient: null !default;
|
|
30967
31222
|
|
|
31223
|
+
/// The background color of the selected cells in the Calendar.
|
|
31224
|
+
/// @group calendar
|
|
30968
31225
|
$kendo-calendar-cell-selected-bg: $kendo-selected-bg !default;
|
|
31226
|
+
/// The text color of the selected cells in the Calendar.
|
|
31227
|
+
/// @group calendar
|
|
30969
31228
|
$kendo-calendar-cell-selected-text: $kendo-selected-text !default;
|
|
31229
|
+
/// The border color of the selected cells in the Calendar.
|
|
31230
|
+
/// @group calendar
|
|
30970
31231
|
$kendo-calendar-cell-selected-border: $kendo-selected-border !default;
|
|
31232
|
+
/// The gradient of the selected cells in the Calendar.
|
|
31233
|
+
/// @group calendar
|
|
30971
31234
|
$kendo-calendar-cell-selected-gradient: null !default;
|
|
30972
31235
|
|
|
31236
|
+
/// The background color of the selected and hovered cells in the Calendar.
|
|
31237
|
+
/// @group calendar
|
|
30973
31238
|
$kendo-calendar-cell-selected-hover-bg: $kendo-selected-hover-bg !default;
|
|
31239
|
+
/// The text color of the selected and hovered cells in the Calendar.
|
|
31240
|
+
/// @group calendar
|
|
30974
31241
|
$kendo-calendar-cell-selected-hover-text: $kendo-selected-hover-text !default;
|
|
31242
|
+
/// The border color of the selected and hovered cells in the Calendar.
|
|
31243
|
+
/// @group calendar
|
|
30975
31244
|
$kendo-calendar-cell-selected-hover-border: $kendo-selected-hover-border !default;
|
|
31245
|
+
/// The gradient of the selected and hovered cells in the Calendar.
|
|
31246
|
+
/// @group calendar
|
|
30976
31247
|
$kendo-calendar-cell-selected-hover-gradient: null !default;
|
|
30977
31248
|
|
|
31249
|
+
/// The shadow of the focused cells in the Calendar.
|
|
31250
|
+
/// @group calendar
|
|
30978
31251
|
$kendo-calendar-cell-focus-shadow: inset $kendo-button-focus-shadow !default;
|
|
31252
|
+
/// The shadow of the selected and focused cells in the Calendar.
|
|
31253
|
+
/// @group calendar
|
|
30979
31254
|
$kendo-calendar-cell-selected-focus-shadow: inset 0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( primary-active ) 50%, transparent), rgba( k-color-darken( $kendo-color-primary, 12.5% ), .5 )) !default;
|
|
30980
31255
|
|
|
30981
31256
|
|
|
30982
|
-
|
|
31257
|
+
/// The width of the Calendar navigation.
|
|
31258
|
+
/// @group calendar
|
|
30983
31259
|
$kendo-calendar-navigation-width: 5em !default;
|
|
31260
|
+
/// The height of the items in the Calendar navigation.
|
|
31261
|
+
/// @group calendar
|
|
30984
31262
|
$kendo-calendar-navigation-item-height: 2em !default;
|
|
30985
31263
|
|
|
31264
|
+
/// The background color of the Calendar navigation.
|
|
31265
|
+
/// @group calendar
|
|
30986
31266
|
$kendo-calendar-navigation-bg: $kendo-calendar-header-bg !default;
|
|
31267
|
+
/// The text color of the Calendar navigation.
|
|
31268
|
+
/// @group calendar
|
|
30987
31269
|
$kendo-calendar-navigation-text: $kendo-calendar-header-text !default;
|
|
31270
|
+
/// The border color of the Calendar navigation.
|
|
31271
|
+
/// @group calendar
|
|
30988
31272
|
$kendo-calendar-navigation-border: $kendo-calendar-header-border !default;
|
|
30989
31273
|
|
|
31274
|
+
/// The text color of the hovered items in the Calendar navigation.
|
|
31275
|
+
/// @group calendar
|
|
30990
31276
|
$kendo-calendar-navigation-hover-text: $kendo-link-hover-text !default;
|
|
30991
31277
|
|
|
30992
31278
|
|
|
30993
|
-
|
|
31279
|
+
/// The horizontal padding of the header in the Infinite Calendar.
|
|
31280
|
+
/// @group calendar
|
|
30994
31281
|
$kendo-infinite-calendar-header-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
31282
|
+
/// The vertical padding of the header in the Infinite Calendar.
|
|
31283
|
+
/// @group calendar
|
|
30995
31284
|
$kendo-infinite-calendar-header-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
30996
31285
|
|
|
31286
|
+
/// The horizontal padding of the Calendar view in the Infinite Calendar.
|
|
31287
|
+
/// @group calendar
|
|
30997
31288
|
$kendo-infinite-calendar-view-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
31289
|
+
/// The vertical padding of the Calendar view in the Infinite Calendar.
|
|
31290
|
+
/// @group calendar
|
|
30998
31291
|
$kendo-infinite-calendar-view-padding-y: 0px !default;
|
|
31292
|
+
/// The height of the Calendar view in the Infinite Calendar.
|
|
31293
|
+
/// @group calendar
|
|
30999
31294
|
$kendo-infinite-calendar-view-height: ( $kendo-calendar-cell-size * 9 ) !default;
|
|
31000
31295
|
|
|
31001
31296
|
|
|
31002
31297
|
// Multiview calendar
|
|
31003
31298
|
|
|
31004
31299
|
|
|
31005
|
-
|
|
31300
|
+
/// The font size of the small Calendar.
|
|
31301
|
+
/// @group calendar
|
|
31006
31302
|
$kendo-calendar-sm-font-size: $kendo-font-size-md !default;
|
|
31303
|
+
/// The line height of the small Calendar.
|
|
31304
|
+
/// @group calendar
|
|
31007
31305
|
$kendo-calendar-sm-line-height: $kendo-line-height-md !default;
|
|
31306
|
+
/// The size of the cells in the small Calendar.
|
|
31307
|
+
/// @group calendar
|
|
31008
31308
|
$kendo-calendar-sm-cell-size: 34px !default;
|
|
31309
|
+
/// The horizontal padding of the cells in the small Calendar.
|
|
31310
|
+
/// @group calendar
|
|
31009
31311
|
$kendo-calendar-sm-cell-padding-x: .125rem !default;
|
|
31312
|
+
/// The vertical padding of the cells in the small Calendar.
|
|
31313
|
+
/// @group calendar
|
|
31010
31314
|
$kendo-calendar-sm-cell-padding-y: .125rem !default;
|
|
31011
31315
|
|
|
31316
|
+
/// The font size of the medium Calendar.
|
|
31317
|
+
/// @group calendar
|
|
31012
31318
|
$kendo-calendar-md-font-size: $kendo-font-size-md !default;
|
|
31319
|
+
/// The line height of the medium Calendar.
|
|
31320
|
+
/// @group calendar
|
|
31013
31321
|
$kendo-calendar-md-line-height: $kendo-line-height-md !default;
|
|
31322
|
+
/// The size of the cells in the medium Calendar.
|
|
31323
|
+
/// @group calendar
|
|
31014
31324
|
$kendo-calendar-md-cell-size: 38px !default;
|
|
31325
|
+
/// The horizontal padding of the cells in the medium Calendar.
|
|
31326
|
+
/// @group calendar
|
|
31015
31327
|
$kendo-calendar-md-cell-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
31328
|
+
/// The vertical padding of the cells in the medium Calendar.
|
|
31329
|
+
/// @group calendar
|
|
31016
31330
|
$kendo-calendar-md-cell-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
31017
31331
|
|
|
31332
|
+
/// The font size of the large Calendar.
|
|
31333
|
+
/// @group calendar
|
|
31018
31334
|
$kendo-calendar-lg-font-size: $kendo-font-size-lg !default;
|
|
31335
|
+
/// The line height of the large Calendar.
|
|
31336
|
+
/// @group calendar
|
|
31019
31337
|
$kendo-calendar-lg-line-height: $kendo-line-height-lg !default;
|
|
31338
|
+
/// The size of the cells in the large Calendar.
|
|
31339
|
+
/// @group calendar
|
|
31020
31340
|
$kendo-calendar-lg-cell-size: 42px !default;
|
|
31341
|
+
/// The horizontal padding of the cells in the large Calendar.
|
|
31342
|
+
/// @group calendar
|
|
31021
31343
|
$kendo-calendar-lg-cell-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
31344
|
+
/// The vertical padding of the cells in the large Calendar.
|
|
31345
|
+
/// @group calendar
|
|
31022
31346
|
$kendo-calendar-lg-cell-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
31023
31347
|
|
|
31348
|
+
/// The sizes Map of the Calendar.
|
|
31349
|
+
/// @group calendar
|
|
31024
31350
|
$kendo-calendar-sizes: (
|
|
31025
31351
|
sm: (
|
|
31026
31352
|
font-size: $kendo-calendar-sm-font-size,
|
|
@@ -31136,6 +31462,9 @@ $kendo-calendar-sizes: (
|
|
|
31136
31462
|
block-size: var( --INTERNAL--kendo-calendar-cell-size, min-content );
|
|
31137
31463
|
border-color: transparent;
|
|
31138
31464
|
}
|
|
31465
|
+
.k-calendar-td.k-alt {
|
|
31466
|
+
font-size: $kendo-calendar-week-number-font-size;
|
|
31467
|
+
}
|
|
31139
31468
|
|
|
31140
31469
|
|
|
31141
31470
|
// Calendar cell inner
|
|
@@ -31183,11 +31512,6 @@ $kendo-calendar-sizes: (
|
|
|
31183
31512
|
justify-content: space-between;
|
|
31184
31513
|
flex: 0 0 auto;
|
|
31185
31514
|
|
|
31186
|
-
.k-title,
|
|
31187
|
-
.k-calendar-title {
|
|
31188
|
-
font-weight: bold;
|
|
31189
|
-
}
|
|
31190
|
-
|
|
31191
31515
|
.k-calendar-nav {
|
|
31192
31516
|
display: flex;
|
|
31193
31517
|
flex-flow: row nowrap;
|
|
@@ -31221,6 +31545,10 @@ $kendo-calendar-sizes: (
|
|
|
31221
31545
|
position: relative;
|
|
31222
31546
|
z-index: 1;
|
|
31223
31547
|
overflow: hidden;
|
|
31548
|
+
|
|
31549
|
+
.k-today {
|
|
31550
|
+
font-weight: bold;
|
|
31551
|
+
}
|
|
31224
31552
|
}
|
|
31225
31553
|
|
|
31226
31554
|
|
|
@@ -31631,9 +31959,6 @@ $kendo-calendar-sizes: (
|
|
|
31631
31959
|
$kendo-calendar-week-number-bg
|
|
31632
31960
|
);
|
|
31633
31961
|
}
|
|
31634
|
-
.k-out-of-range {
|
|
31635
|
-
pointer-events: none;
|
|
31636
|
-
}
|
|
31637
31962
|
|
|
31638
31963
|
|
|
31639
31964
|
// Interactive states
|
|
@@ -39790,44 +40115,109 @@ $_kendo-module-meta: (
|
|
|
39790
40115
|
// Component
|
|
39791
40116
|
// #region @import "./_variables.scss"; -> scss/drawer/_variables.scss
|
|
39792
40117
|
// Drawer
|
|
40118
|
+
|
|
40119
|
+
/// The background color of the Drawer.
|
|
40120
|
+
/// @group drawer
|
|
39793
40121
|
$kendo-drawer-bg: $kendo-component-bg !default;
|
|
40122
|
+
/// The text color of the Drawer.
|
|
40123
|
+
/// @group drawer
|
|
39794
40124
|
$kendo-drawer-text: $kendo-component-text !default;
|
|
40125
|
+
/// The border color of the Drawer.
|
|
40126
|
+
/// @group drawer
|
|
39795
40127
|
$kendo-drawer-border: $kendo-component-border !default;
|
|
40128
|
+
/// The border width of the Drawer.
|
|
40129
|
+
/// @group drawer
|
|
39796
40130
|
$kendo-drawer-border-width: 1px !default;
|
|
40131
|
+
/// The font family of the Drawer.
|
|
40132
|
+
/// @group drawer
|
|
39797
40133
|
$kendo-drawer-font-family: $kendo-font-family !default;
|
|
40134
|
+
/// The font size of the Drawer.
|
|
40135
|
+
/// @group drawer
|
|
39798
40136
|
$kendo-drawer-font-size: $kendo-font-size-md !default;
|
|
40137
|
+
/// The line height of the Drawer.
|
|
40138
|
+
/// @group drawer
|
|
39799
40139
|
$kendo-drawer-line-height: $kendo-line-height-md !default;
|
|
40140
|
+
|
|
40141
|
+
/// The horizontal padding of the Drawer content.
|
|
40142
|
+
/// @group drawer
|
|
39800
40143
|
$kendo-drawer-content-padding-x: $kendo-padding-md-x !default;
|
|
40144
|
+
/// The vertical padding of the Drawer content.
|
|
40145
|
+
/// @group drawer
|
|
39801
40146
|
$kendo-drawer-content-padding-y: $kendo-padding-md-y !default;
|
|
39802
40147
|
|
|
40148
|
+
/// The width of the Drawer scrollbar.
|
|
40149
|
+
/// @group drawer
|
|
39803
40150
|
$kendo-drawer-scrollbar-width: 7px !default;
|
|
40151
|
+
/// The color of the Drawer scrollbar track.
|
|
40152
|
+
/// @group drawer
|
|
39804
40153
|
$kendo-drawer-scrollbar-color: rgba( 156, 156, 156, .7 ) !default;
|
|
40154
|
+
/// The background color of the Drawer scrollbar thumb.
|
|
40155
|
+
/// @group drawer
|
|
39805
40156
|
$kendo-drawer-scrollbar-bg: #dedede !default;
|
|
40157
|
+
/// The border radius of the Drawer scrollbar.
|
|
40158
|
+
/// @group drawer
|
|
39806
40159
|
$kendo-drawer-scrollbar-radius: 20px !default;
|
|
40160
|
+
/// The hover color of the Drawer scrollbar track.
|
|
40161
|
+
/// @group drawer
|
|
39807
40162
|
$kendo-drawer-scrollbar-hover-color: rgba( 156, 156, 156, 1 ) !default;
|
|
39808
40163
|
|
|
40164
|
+
/// The horizontal padding of the Drawer item.
|
|
40165
|
+
/// @group drawer
|
|
39809
40166
|
$kendo-drawer-item-padding-x: $kendo-padding-md-x !default;
|
|
40167
|
+
/// The vertical padding of the Drawer item.
|
|
40168
|
+
/// @group drawer
|
|
39810
40169
|
$kendo-drawer-item-padding-y: $kendo-padding-md-y !default;
|
|
40170
|
+
/// The font size of the Drawer item.
|
|
40171
|
+
/// @group drawer
|
|
39811
40172
|
$kendo-drawer-item-font-size: 16px !default;
|
|
40173
|
+
/// The line height of the Drawer item.
|
|
40174
|
+
/// @group drawer
|
|
39812
40175
|
$kendo-drawer-item-line-height: $kendo-line-height-lg !default;
|
|
39813
40176
|
|
|
40177
|
+
/// The horizontal padding of the Drawer item in each level.
|
|
40178
|
+
/// @group drawer
|
|
39814
40179
|
$kendo-drawer-item-level-padding-x: $kendo-drawer-item-padding-x !default;
|
|
40180
|
+
/// The count of the Drawer item levels.
|
|
40181
|
+
/// @group drawer
|
|
39815
40182
|
$kendo-drawer-item-level-count: 5 !default;
|
|
39816
40183
|
|
|
40184
|
+
/// The horizontal padding of the Drawer icon.
|
|
40185
|
+
/// @group drawer
|
|
39817
40186
|
$kendo-drawer-icon-padding-x: 0 !default;
|
|
40187
|
+
/// The vertical padding of the Drawer icon.
|
|
40188
|
+
/// @group drawer
|
|
39818
40189
|
$kendo-drawer-icon-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
39819
40190
|
|
|
40191
|
+
/// The initial width of the mini Drawer.
|
|
40192
|
+
/// @group drawer
|
|
39820
40193
|
$kendo-drawer-mini-initial-width: calc( 2 * #{$kendo-drawer-item-padding-x} + #{$kendo-icon-size} ) !default;
|
|
39821
40194
|
|
|
40195
|
+
/// The background color of the hovered Drawer item.
|
|
40196
|
+
/// @group drawer
|
|
39822
40197
|
$kendo-drawer-hover-bg: $kendo-hover-bg !default;
|
|
40198
|
+
/// The text color of the hovered Drawer item.
|
|
40199
|
+
/// @group drawer
|
|
39823
40200
|
$kendo-drawer-hover-text: $kendo-hover-text !default;
|
|
39824
40201
|
|
|
40202
|
+
/// The background color of the focused Drawer item.
|
|
40203
|
+
/// @group drawer
|
|
39825
40204
|
$kendo-drawer-focus-bg: $kendo-hover-bg !default;
|
|
40205
|
+
/// The box shadow of the focused Drawer item.
|
|
40206
|
+
/// @group drawer
|
|
39826
40207
|
$kendo-drawer-focus-shadow: inset 0 0 0 2px rgba( black, .15 ) !default;
|
|
39827
40208
|
|
|
40209
|
+
/// The background color of the selected Drawer item.
|
|
40210
|
+
/// @group drawer
|
|
39828
40211
|
$kendo-drawer-selected-bg: $kendo-selected-bg !default;
|
|
40212
|
+
/// The text color of the selected Drawer item.
|
|
40213
|
+
/// @group drawer
|
|
39829
40214
|
$kendo-drawer-selected-text: $kendo-selected-text !default;
|
|
40215
|
+
|
|
40216
|
+
/// The background color of the selected and hovered Drawer item.
|
|
40217
|
+
/// @group drawer
|
|
39830
40218
|
$kendo-drawer-selected-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-selected-bg, 1 )) !default;
|
|
40219
|
+
/// The text color of the selected and hovered Drawer item.
|
|
40220
|
+
/// @group drawer
|
|
39831
40221
|
$kendo-drawer-selected-hover-text: $kendo-selected-text !default;
|
|
39832
40222
|
|
|
39833
40223
|
// #endregion
|
|
@@ -39835,15 +40225,20 @@ $kendo-drawer-selected-hover-text: $kendo-selected-text !default;
|
|
|
39835
40225
|
// #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
|
|
39836
40226
|
@mixin kendo-drawer--layout-base() {
|
|
39837
40227
|
|
|
40228
|
+
// Container
|
|
39838
40229
|
.k-drawer-container {
|
|
39839
40230
|
display: flex;
|
|
39840
40231
|
flex-flow: row nowrap;
|
|
39841
40232
|
align-items: flex-start;
|
|
39842
40233
|
}
|
|
40234
|
+
|
|
39843
40235
|
kendo-drawer.k-drawer,
|
|
39844
40236
|
kendo-drawer .k-drawer-wrapper {
|
|
39845
40237
|
transition: none;
|
|
39846
40238
|
}
|
|
40239
|
+
|
|
40240
|
+
|
|
40241
|
+
// Drawer
|
|
39847
40242
|
.k-drawer {
|
|
39848
40243
|
height: 100%;
|
|
39849
40244
|
max-width: 100%;
|
|
@@ -39868,41 +40263,38 @@ $kendo-drawer-selected-hover-text: $kendo-selected-text !default;
|
|
|
39868
40263
|
box-sizing: border-box;
|
|
39869
40264
|
}
|
|
39870
40265
|
|
|
39871
|
-
// Borders
|
|
39872
40266
|
.k-drawer-mini &.k-drawer-start,
|
|
39873
|
-
.k-drawer-expanded &.k-drawer-start
|
|
39874
|
-
|
|
39875
|
-
.k-drawer-left.k-drawer-expanded & {
|
|
39876
|
-
border-right-width: $kendo-drawer-border-width;
|
|
40267
|
+
.k-drawer-expanded &.k-drawer-start {
|
|
40268
|
+
border-inline-end-width: $kendo-drawer-border-width;
|
|
39877
40269
|
}
|
|
40270
|
+
|
|
39878
40271
|
.k-drawer-mini &.k-drawer-end,
|
|
39879
|
-
.k-drawer-expanded &.k-drawer-end
|
|
39880
|
-
|
|
39881
|
-
.k-drawer-right.k-drawer-expanded & {
|
|
39882
|
-
border-left-width: $kendo-drawer-border-width;
|
|
40272
|
+
.k-drawer-expanded &.k-drawer-end {
|
|
40273
|
+
border-inline-start-width: $kendo-drawer-border-width;
|
|
39883
40274
|
}
|
|
39884
40275
|
|
|
40276
|
+
|
|
39885
40277
|
// Position
|
|
39886
|
-
&.k-drawer-start
|
|
39887
|
-
.k-drawer-left & {
|
|
40278
|
+
&.k-drawer-start {
|
|
39888
40279
|
top: 0;
|
|
39889
|
-
|
|
40280
|
+
inset-inline-start: 0;
|
|
39890
40281
|
}
|
|
39891
|
-
&.k-drawer-end
|
|
39892
|
-
.k-drawer-right & {
|
|
40282
|
+
&.k-drawer-end {
|
|
39893
40283
|
top: 0;
|
|
39894
|
-
|
|
40284
|
+
inset-inline-end: 0;
|
|
39895
40285
|
}
|
|
39896
40286
|
}
|
|
40287
|
+
|
|
40288
|
+
|
|
40289
|
+
// Content
|
|
39897
40290
|
.k-drawer-content {
|
|
39898
40291
|
flex: 1 1 auto;
|
|
39899
40292
|
overflow: auto;
|
|
39900
40293
|
}
|
|
39901
40294
|
|
|
39902
40295
|
|
|
39903
|
-
// Overlay
|
|
40296
|
+
// Overlay
|
|
39904
40297
|
.k-drawer-overlay {
|
|
39905
|
-
|
|
39906
40298
|
.k-drawer {
|
|
39907
40299
|
max-width: 80vw; // limit width
|
|
39908
40300
|
position: fixed;
|
|
@@ -39916,7 +40308,6 @@ $kendo-drawer-selected-hover-text: $kendo-selected-text !default;
|
|
|
39916
40308
|
&.k-drawer-expanded > .k-overlay {
|
|
39917
40309
|
display: block;
|
|
39918
40310
|
}
|
|
39919
|
-
|
|
39920
40311
|
}
|
|
39921
40312
|
|
|
39922
40313
|
|
|
@@ -39931,13 +40322,9 @@ $kendo-drawer-selected-hover-text: $kendo-selected-text !default;
|
|
|
39931
40322
|
align-self: stretch;
|
|
39932
40323
|
}
|
|
39933
40324
|
|
|
39934
|
-
|
|
39935
|
-
|
|
39936
|
-
.k-drawer.k-drawer-end,
|
|
39937
|
-
&.k-drawer-right .k-drawer {
|
|
39938
|
-
order: 1;
|
|
40325
|
+
&:has(.k-drawer.k-drawer-end) {
|
|
40326
|
+
flex-direction: row-reverse;
|
|
39939
40327
|
}
|
|
39940
|
-
|
|
39941
40328
|
}
|
|
39942
40329
|
|
|
39943
40330
|
|
|
@@ -39956,8 +40343,7 @@ $kendo-drawer-selected-hover-text: $kendo-selected-text !default;
|
|
|
39956
40343
|
border-radius: $kendo-drawer-scrollbar-radius;
|
|
39957
40344
|
}
|
|
39958
40345
|
}
|
|
39959
|
-
.k-drawer-items
|
|
39960
|
-
.k-drawer-items ul {
|
|
40346
|
+
.k-drawer-items {
|
|
39961
40347
|
margin: 0;
|
|
39962
40348
|
padding: 0;
|
|
39963
40349
|
list-style: none;
|
|
@@ -40020,61 +40406,18 @@ $kendo-drawer-selected-hover-text: $kendo-selected-text !default;
|
|
|
40020
40406
|
}
|
|
40021
40407
|
}
|
|
40022
40408
|
}
|
|
40409
|
+
|
|
40410
|
+
|
|
40411
|
+
// Separator
|
|
40023
40412
|
.k-drawer-separator {
|
|
40024
40413
|
padding: 0;
|
|
40025
40414
|
height: 1px;
|
|
40026
40415
|
}
|
|
40027
40416
|
|
|
40028
40417
|
|
|
40029
|
-
|
|
40030
40418
|
// Mini mode
|
|
40031
|
-
.k-drawer-mini {
|
|
40032
|
-
|
|
40033
|
-
.k-drawer-wrapper {
|
|
40034
|
-
width: $kendo-drawer-mini-initial-width;
|
|
40035
|
-
}
|
|
40036
|
-
|
|
40037
|
-
}
|
|
40038
|
-
|
|
40039
|
-
|
|
40040
|
-
.k-rtl,
|
|
40041
|
-
[dir="rtl"] {
|
|
40042
|
-
|
|
40043
|
-
// Borders
|
|
40044
|
-
&.k-drawer-mini .k-drawer-start,
|
|
40045
|
-
.k-drawer-mini .k-drawer-start,
|
|
40046
|
-
.k-drawer-expanded .k-drawer-start,
|
|
40047
|
-
&.k-drawer-expanded .k-drawer-start {
|
|
40048
|
-
border-left-width: $kendo-drawer-border-width;
|
|
40049
|
-
border-right-width: 0;
|
|
40050
|
-
}
|
|
40051
|
-
&.k-drawer-mini .k-drawer-end,
|
|
40052
|
-
.k-drawer-mini .k-drawer-end,
|
|
40053
|
-
&.k-drawer-expanded .k-drawer-end
|
|
40054
|
-
.k-drawer-expanded .k-drawer-end {
|
|
40055
|
-
border-left-width: 0;
|
|
40056
|
-
border-right-width: $kendo-drawer-border-width;
|
|
40057
|
-
}
|
|
40058
|
-
|
|
40059
|
-
// Position
|
|
40060
|
-
&.k-drawer-overlay .k-drawer-start,
|
|
40061
|
-
.k-drawer-overlay .k-drawer-start {
|
|
40062
|
-
left: auto;
|
|
40063
|
-
right: 0;
|
|
40064
|
-
}
|
|
40065
|
-
&.k-drawer-overlay .k-drawer-end,
|
|
40066
|
-
.k-drawer-overlay .k-drawer-end {
|
|
40067
|
-
left: 0;
|
|
40068
|
-
right: auto;
|
|
40069
|
-
}
|
|
40070
|
-
|
|
40071
|
-
// Order
|
|
40072
|
-
.k-drawer-left.k-drawer-push .k-drawer {
|
|
40073
|
-
order: 1;
|
|
40074
|
-
}
|
|
40075
|
-
.k-drawer-right.k-drawer-push .k-drawer {
|
|
40076
|
-
order: 0;
|
|
40077
|
-
}
|
|
40419
|
+
.k-drawer-mini .k-drawer-wrapper {
|
|
40420
|
+
width: $kendo-drawer-mini-initial-width;
|
|
40078
40421
|
}
|
|
40079
40422
|
}
|
|
40080
40423
|
|
|
@@ -45068,108 +45411,274 @@ $_kendo-module-meta: (
|
|
|
45068
45411
|
// #region @import "./_variables.scss"; -> scss/panelbar/_variables.scss
|
|
45069
45412
|
// Panelbar
|
|
45070
45413
|
|
|
45414
|
+
/// The horizontal padding of the PanelBar.
|
|
45415
|
+
/// @group panelbar
|
|
45071
45416
|
$kendo-panelbar-padding-x: 0px !default;
|
|
45417
|
+
/// The vertical padding of the PanelBar.
|
|
45418
|
+
/// @group panelbar
|
|
45072
45419
|
$kendo-panelbar-padding-y: 0px !default;
|
|
45420
|
+
/// The font family of the PanelBar.
|
|
45421
|
+
/// @group panelbar
|
|
45073
45422
|
$kendo-panelbar-font-family: $kendo-font-family !default;
|
|
45423
|
+
/// The font size of the PanelBar.
|
|
45424
|
+
/// @group panelbar
|
|
45074
45425
|
$kendo-panelbar-font-size: $kendo-font-size-md !default;
|
|
45426
|
+
/// The line height of the PanelBar.
|
|
45427
|
+
/// @group panelbar
|
|
45075
45428
|
$kendo-panelbar-line-height: $kendo-line-height-md !default;
|
|
45429
|
+
/// The width of the border around the PanelBar.
|
|
45430
|
+
/// @group panelbar
|
|
45076
45431
|
$kendo-panelbar-border-width: 1px !default;
|
|
45432
|
+
/// The border style around the the PanelBar.
|
|
45433
|
+
/// @group panelbar
|
|
45077
45434
|
$kendo-panelbar-border-style: solid !default;
|
|
45435
|
+
/// The width of the border around the PanelBar items.
|
|
45436
|
+
/// @group panelbar
|
|
45078
45437
|
$kendo-panelbar-item-border-width: 1px !default;
|
|
45438
|
+
/// The style of the border around the PanelBar items.
|
|
45439
|
+
/// @group panelbar
|
|
45079
45440
|
$kendo-panelbar-item-border-style: solid !default;
|
|
45080
45441
|
|
|
45442
|
+
/// The horizontal padding of the PanelBar header.
|
|
45443
|
+
/// @group panelbar
|
|
45081
45444
|
$kendo-panelbar-header-padding-x: k-map-get( $kendo-spacing, 6 ) !default;
|
|
45445
|
+
/// The vertical padding of the PanelBar header.
|
|
45446
|
+
/// @group panelbar
|
|
45082
45447
|
$kendo-panelbar-header-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
|
|
45083
45448
|
|
|
45449
|
+
/// The horizontal padding of the PanelBar items.
|
|
45450
|
+
/// @group panelbar
|
|
45084
45451
|
$kendo-panelbar-item-padding-x: k-map-get( $kendo-spacing, 6 ) !default;
|
|
45452
|
+
/// The vertical padding of the PanelBar items.
|
|
45453
|
+
/// @group panelbar
|
|
45085
45454
|
$kendo-panelbar-item-padding-y: k-map-get( $kendo-spacing, 3 ) !default;
|
|
45086
45455
|
|
|
45456
|
+
/// The maximum nesting of the PanelBar items.
|
|
45457
|
+
/// @group panelbar
|
|
45087
45458
|
$kendo-panelbar-item-level-count: 4 !default;
|
|
45088
45459
|
|
|
45460
|
+
/// The background color of the PanelBar.
|
|
45461
|
+
/// @group panelbar
|
|
45089
45462
|
$kendo-panelbar-bg: $kendo-component-bg !default;
|
|
45463
|
+
/// The text color of the PanelBar.
|
|
45464
|
+
/// @group panelbar
|
|
45090
45465
|
$kendo-panelbar-text: $kendo-component-text !default;
|
|
45466
|
+
/// The border color of the PanelBar.
|
|
45467
|
+
/// @group panelbar
|
|
45091
45468
|
$kendo-panelbar-border: $kendo-component-border !default;
|
|
45092
45469
|
|
|
45470
|
+
/// The background color of the PanelBar header.
|
|
45471
|
+
/// @group panelbar
|
|
45093
45472
|
$kendo-panelbar-header-bg: $kendo-panelbar-bg !default;
|
|
45473
|
+
/// The text color of the PanelBar header.
|
|
45474
|
+
/// @group panelbar
|
|
45094
45475
|
$kendo-panelbar-header-text: $kendo-link-text !default;
|
|
45476
|
+
/// The border color of the PanelBar header.
|
|
45477
|
+
/// @group panelbar
|
|
45095
45478
|
$kendo-panelbar-header-border: null !default;
|
|
45479
|
+
/// The gradient of the PanelBar header.
|
|
45480
|
+
/// @group panelbar
|
|
45096
45481
|
$kendo-panelbar-header-gradient: null !default;
|
|
45097
45482
|
|
|
45483
|
+
/// The background color of the hovered PanelBar header.
|
|
45484
|
+
/// @group panelbar
|
|
45098
45485
|
$kendo-panelbar-header-hover-bg: if($kendo-enable-color-system, k-color( base-subtle-hover ), k-try-shade( $kendo-panelbar-header-bg, .5 )) !default;
|
|
45486
|
+
/// The text color of the hovered PanelBar header.
|
|
45487
|
+
/// @group panelbar
|
|
45099
45488
|
$kendo-panelbar-header-hover-text: null !default;
|
|
45489
|
+
/// The border color of the hovered PanelBar header.
|
|
45490
|
+
/// @group panelbar
|
|
45100
45491
|
$kendo-panelbar-header-hover-border: null !default;
|
|
45492
|
+
/// The gradient of the hovered PanelBar header.
|
|
45493
|
+
/// @group panelbar
|
|
45101
45494
|
$kendo-panelbar-header-hover-gradient: null !default;
|
|
45102
45495
|
|
|
45496
|
+
/// The background color of the focused PanelBar header.
|
|
45497
|
+
/// @group panelbar
|
|
45103
45498
|
$kendo-panelbar-header-focus-bg: null !default;
|
|
45499
|
+
/// The text color of the focused PanelBar header.
|
|
45500
|
+
/// @group panelbar
|
|
45104
45501
|
$kendo-panelbar-header-focus-text: null !default;
|
|
45502
|
+
/// The border color of the focused PanelBar header.
|
|
45503
|
+
/// @group panelbar
|
|
45105
45504
|
$kendo-panelbar-header-focus-border: null !default;
|
|
45505
|
+
/// The gradient of the focused PanelBar header.
|
|
45506
|
+
/// @group panelbar
|
|
45106
45507
|
$kendo-panelbar-header-focus-gradient: null !default;
|
|
45508
|
+
/// The shadow of the focused PanelBar header.
|
|
45509
|
+
/// @group panelbar
|
|
45107
45510
|
$kendo-panelbar-header-focus-shadow: $kendo-list-item-focus-shadow !default;
|
|
45108
45511
|
|
|
45512
|
+
/// The background color of the focused and hovered PanelBar header.
|
|
45513
|
+
/// @group panelbar
|
|
45109
45514
|
$kendo-panelbar-header-hover-focus-bg: null !default;
|
|
45515
|
+
/// The text color of the focused and hovered PanelBar header.
|
|
45516
|
+
/// @group panelbar
|
|
45110
45517
|
$kendo-panelbar-header-hover-focus-text: null !default;
|
|
45518
|
+
/// The border color of the focused and hovered PanelBar header.
|
|
45519
|
+
/// @group panelbar
|
|
45111
45520
|
$kendo-panelbar-header-hover-focus-border: null !default;
|
|
45521
|
+
/// The gradient of the focused and hovered PanelBar header.
|
|
45522
|
+
/// @group panelbar
|
|
45112
45523
|
$kendo-panelbar-header-hover-focus-gradient: null !default;
|
|
45113
45524
|
|
|
45525
|
+
/// The background color of the selected PanelBar header.
|
|
45526
|
+
/// @group panelbar
|
|
45114
45527
|
$kendo-panelbar-header-selected-bg: $kendo-selected-bg !default;
|
|
45528
|
+
/// The text color of the selected PanelBar header.
|
|
45529
|
+
/// @group panelbar
|
|
45115
45530
|
$kendo-panelbar-header-selected-text: $kendo-selected-text !default;
|
|
45531
|
+
/// The border color of the selected PanelBar header.
|
|
45532
|
+
/// @group panelbar
|
|
45116
45533
|
$kendo-panelbar-header-selected-border: null !default;
|
|
45534
|
+
/// The gradient of the selected PanelBar header.
|
|
45535
|
+
/// @group panelbar
|
|
45117
45536
|
$kendo-panelbar-header-selected-gradient: null !default;
|
|
45118
45537
|
|
|
45538
|
+
/// The background color of the selected and hovered PanelBar header.
|
|
45539
|
+
/// @group panelbar
|
|
45119
45540
|
$kendo-panelbar-header-selected-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-panelbar-header-selected-bg )) !default;
|
|
45541
|
+
/// The text color of the selected and hovered PanelBar header.
|
|
45542
|
+
/// @group panelbar
|
|
45120
45543
|
$kendo-panelbar-header-selected-hover-text: null !default;
|
|
45544
|
+
/// The border color of the selected and hovered PanelBar header.
|
|
45545
|
+
/// @group panelbar
|
|
45121
45546
|
$kendo-panelbar-header-selected-hover-border: null !default;
|
|
45547
|
+
/// The gradient of the selected and hovered PanelBar header.
|
|
45548
|
+
/// @group panelbar
|
|
45122
45549
|
$kendo-panelbar-header-selected-hover-gradient: null !default;
|
|
45123
45550
|
|
|
45551
|
+
/// The background color of the selected and focused PanelBar header.
|
|
45552
|
+
/// @group panelbar
|
|
45124
45553
|
$kendo-panelbar-header-selected-focus-bg: null !default;
|
|
45554
|
+
/// The text color of the selected and focused PanelBar header.
|
|
45555
|
+
/// @group panelbar
|
|
45125
45556
|
$kendo-panelbar-header-selected-focus-text: null !default;
|
|
45557
|
+
/// The border color of the selected and focused PanelBar header.
|
|
45558
|
+
/// @group panelbar
|
|
45126
45559
|
$kendo-panelbar-header-selected-focus-border: null !default;
|
|
45560
|
+
/// The gradient of the selected and focused PanelBar header.
|
|
45561
|
+
/// @group panelbar
|
|
45127
45562
|
$kendo-panelbar-header-selected-focus-gradient: null !default;
|
|
45128
45563
|
|
|
45564
|
+
/// The background color of the selected, hovered and focused PanelBar header.
|
|
45565
|
+
/// @group panelbar
|
|
45129
45566
|
$kendo-panelbar-header-selected-hover-focus-bg: null !default;
|
|
45567
|
+
/// The text color of the selected, hovered and focused PanelBar header.
|
|
45568
|
+
/// @group panelbar
|
|
45130
45569
|
$kendo-panelbar-header-selected-hover-focus-text: null !default;
|
|
45570
|
+
/// The border color of the selected, hovered and focused PanelBar header.
|
|
45571
|
+
/// @group panelbar
|
|
45131
45572
|
$kendo-panelbar-header-selected-hover-focus-border: null !default;
|
|
45573
|
+
/// The gradient of the selected, hovered and focused PanelBar header.
|
|
45574
|
+
/// @group panelbar
|
|
45132
45575
|
$kendo-panelbar-header-selected-hover-focus-gradient: null !default;
|
|
45133
45576
|
|
|
45577
|
+
/// The background color of the hovered PanelBar items.
|
|
45578
|
+
/// @group panelbar
|
|
45134
45579
|
$kendo-panelbar-item-hover-bg: if($kendo-enable-color-system, k-color( base-hover ), k-try-shade( $kendo-panelbar-bg, 1 )) !default;
|
|
45580
|
+
/// The text color of the hovered PanelBar items.
|
|
45581
|
+
/// @group panelbar
|
|
45135
45582
|
$kendo-panelbar-item-hover-text: null !default;
|
|
45583
|
+
/// The border color of the hovered PanelBar items.
|
|
45584
|
+
/// @group panelbar
|
|
45136
45585
|
$kendo-panelbar-item-hover-border: null !default;
|
|
45586
|
+
/// The gradient of the hovered PanelBar items.
|
|
45587
|
+
/// @group panelbar
|
|
45137
45588
|
$kendo-panelbar-item-hover-gradient: null !default;
|
|
45138
45589
|
|
|
45590
|
+
/// The background color of the focused PanelBar items.
|
|
45591
|
+
/// @group panelbar
|
|
45139
45592
|
$kendo-panelbar-item-focus-bg: null !default;
|
|
45593
|
+
/// The text color of the focused PanelBar items.
|
|
45594
|
+
/// @group panelbar
|
|
45140
45595
|
$kendo-panelbar-item-focus-text: null !default;
|
|
45596
|
+
/// The border color of the focused PanelBar items.
|
|
45597
|
+
/// @group panelbar
|
|
45141
45598
|
$kendo-panelbar-item-focus-border: null !default;
|
|
45599
|
+
/// The gradient of the focused PanelBar items.
|
|
45600
|
+
/// @group panelbar
|
|
45142
45601
|
$kendo-panelbar-item-focus-gradient: null !default;
|
|
45602
|
+
/// The box shadow of the focused PanelBar items.
|
|
45603
|
+
/// @group panelbar
|
|
45143
45604
|
$kendo-panelbar-item-focus-shadow: $kendo-list-item-focus-shadow !default;
|
|
45144
45605
|
|
|
45606
|
+
/// The background color of the focused and hovered PanelBar items.
|
|
45607
|
+
/// @group panelbar
|
|
45145
45608
|
$kendo-panelbar-item-hover-focus-bg: null !default;
|
|
45609
|
+
/// The text color of the focused and hovered PanelBar items.
|
|
45610
|
+
/// @group panelbar
|
|
45146
45611
|
$kendo-panelbar-item-hover-focus-text: null !default;
|
|
45612
|
+
/// The border color of the focused and hovered PanelBar items.
|
|
45613
|
+
/// @group panelbar
|
|
45147
45614
|
$kendo-panelbar-item-hover-focus-border: null !default;
|
|
45615
|
+
/// The gradient of the focused and hovered PanelBar items.
|
|
45616
|
+
/// @group panelbar
|
|
45148
45617
|
$kendo-panelbar-item-hover-focus-gradient: null !default;
|
|
45149
45618
|
|
|
45619
|
+
/// The background color of the selected PanelBar items.
|
|
45620
|
+
/// @group panelbar
|
|
45150
45621
|
$kendo-panelbar-item-selected-bg: $kendo-selected-bg !default;
|
|
45622
|
+
/// The text color of the selected PanelBar items.
|
|
45623
|
+
/// @group panelbar
|
|
45151
45624
|
$kendo-panelbar-item-selected-text: $kendo-selected-text !default;
|
|
45625
|
+
/// The border color of the selected PanelBar items.
|
|
45626
|
+
/// @group panelbar
|
|
45152
45627
|
$kendo-panelbar-item-selected-border: null !default;
|
|
45628
|
+
/// The gradient of the selected PanelBar items.
|
|
45629
|
+
/// @group panelbar
|
|
45153
45630
|
$kendo-panelbar-item-selected-gradient: null !default;
|
|
45154
45631
|
|
|
45632
|
+
/// The background color of the selected and hovered PanelBar items.
|
|
45633
|
+
/// @group panelbar
|
|
45155
45634
|
$kendo-panelbar-item-selected-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-panelbar-item-selected-bg )) !default;
|
|
45635
|
+
/// The text color of the selected and hovered PanelBar items.
|
|
45636
|
+
/// @group panelbar
|
|
45156
45637
|
$kendo-panelbar-item-selected-hover-text: null !default;
|
|
45638
|
+
/// The border color of the selected and hovered PanelBar items.
|
|
45639
|
+
/// @group panelbar
|
|
45157
45640
|
$kendo-panelbar-item-selected-hover-border: null !default;
|
|
45641
|
+
/// The gradient of the selected and hovered PanelBar items.
|
|
45642
|
+
/// @group panelbar
|
|
45158
45643
|
$kendo-panelbar-item-selected-hover-gradient: null !default;
|
|
45159
45644
|
|
|
45645
|
+
/// The background color of the selected and focused PanelBar items.
|
|
45646
|
+
/// @group panelbar
|
|
45160
45647
|
$kendo-panelbar-item-selected-focus-bg: null !default;
|
|
45648
|
+
/// The text color of the selected and focused PanelBar items.
|
|
45649
|
+
/// @group panelbar
|
|
45161
45650
|
$kendo-panelbar-item-selected-focus-text: null !default;
|
|
45651
|
+
/// The border color of the selected and focused PanelBar items.
|
|
45652
|
+
/// @group panelbar
|
|
45162
45653
|
$kendo-panelbar-item-selected-focus-border: null !default;
|
|
45654
|
+
/// The gradient of the selected and focused PanelBar items.
|
|
45655
|
+
/// @group panelbar
|
|
45163
45656
|
$kendo-panelbar-item-selected-focus-gradient: null !default;
|
|
45164
45657
|
|
|
45658
|
+
/// The background color of the selected, hovered and focused PanelBar items.
|
|
45659
|
+
/// @group panelbar
|
|
45165
45660
|
$kendo-panelbar-item-selected-hover-focus-bg: null !default;
|
|
45661
|
+
/// The text color of the selected, hovered and focused PanelBar items.
|
|
45662
|
+
/// @group panelbar
|
|
45166
45663
|
$kendo-panelbar-item-selected-hover-focus-text: null !default;
|
|
45664
|
+
/// The border color of the selected, hovered and focused PanelBar items.
|
|
45665
|
+
/// @group panelbar
|
|
45167
45666
|
$kendo-panelbar-item-selected-hover-focus-border: null !default;
|
|
45667
|
+
/// The gradient of the selected, hovered and focused PanelBar items.
|
|
45668
|
+
/// @group panelbar
|
|
45168
45669
|
$kendo-panelbar-item-selected-hover-focus-gradient: null !default;
|
|
45169
45670
|
|
|
45671
|
+
/// The background color of the expanded PanelBar header.
|
|
45672
|
+
/// @group panelbar
|
|
45170
45673
|
$kendo-panelbar-header-expanded-bg: null !default;
|
|
45674
|
+
/// The text color of the expanded PanelBar header.
|
|
45675
|
+
/// @group panelbar
|
|
45171
45676
|
$kendo-panelbar-header-expanded-text: null !default;
|
|
45677
|
+
/// The border color of the expanded PanelBar header.
|
|
45678
|
+
/// @group panelbar
|
|
45172
45679
|
$kendo-panelbar-header-expanded-border: null !default;
|
|
45680
|
+
/// The gradient of the expanded PanelBar header.
|
|
45681
|
+
/// @group panelbar
|
|
45173
45682
|
$kendo-panelbar-header-expanded-gradient: null !default;
|
|
45174
45683
|
|
|
45175
45684
|
// #endregion
|
|
@@ -45202,7 +45711,6 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
45202
45711
|
|
|
45203
45712
|
|
|
45204
45713
|
// Root
|
|
45205
|
-
> .k-item,
|
|
45206
45714
|
> .k-panelbar-header {
|
|
45207
45715
|
// TODO
|
|
45208
45716
|
border-width: 0;
|
|
@@ -45228,14 +45736,12 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
45228
45736
|
transition: $kendo-transition;
|
|
45229
45737
|
}
|
|
45230
45738
|
}
|
|
45231
|
-
> .k-item + .k-item,
|
|
45232
45739
|
> .k-panelbar-header + .k-panelbar-header {
|
|
45233
45740
|
border-top-width: $kendo-panelbar-item-border-width;
|
|
45234
45741
|
}
|
|
45235
45742
|
|
|
45236
45743
|
|
|
45237
45744
|
// Sub
|
|
45238
|
-
.k-group,
|
|
45239
45745
|
.k-panelbar-group {
|
|
45240
45746
|
margin: 0;
|
|
45241
45747
|
padding: 0;
|
|
@@ -45245,7 +45751,6 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
45245
45751
|
background-color: transparent;
|
|
45246
45752
|
list-style: none;
|
|
45247
45753
|
}
|
|
45248
|
-
.k-group > .k-item,
|
|
45249
45754
|
.k-panelbar-group > .k-panelbar-item {
|
|
45250
45755
|
display: block;
|
|
45251
45756
|
|
|
@@ -45292,8 +45797,8 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
45292
45797
|
.k-panelbar-toggle {
|
|
45293
45798
|
margin-inline-start: auto;
|
|
45294
45799
|
}
|
|
45295
|
-
.k-group .k-panelbar-expand,
|
|
45296
|
-
.k-group .k-panelbar-collapse,
|
|
45800
|
+
.k-panelbar-group .k-panelbar-expand,
|
|
45801
|
+
.k-panelbar-group .k-panelbar-collapse,
|
|
45297
45802
|
.k-panelbar-group .k-panelbar-toggle {
|
|
45298
45803
|
margin-inline-end: calc( #{$kendo-panelbar-header-padding-x} - #{$kendo-panelbar-item-padding-x} );
|
|
45299
45804
|
}
|
|
@@ -45302,7 +45807,6 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
45302
45807
|
.k-rtl &,
|
|
45303
45808
|
&.k-rtl,
|
|
45304
45809
|
&[dir = "rtl"] {
|
|
45305
|
-
.k-group > .k-item,
|
|
45306
45810
|
.k-panelbar-group > .k-panelbar-item {
|
|
45307
45811
|
// Hierarchy items
|
|
45308
45812
|
@for $i from 1 through $kendo-panelbar-item-level-count {
|
|
@@ -45347,7 +45851,6 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
45347
45851
|
|
|
45348
45852
|
|
|
45349
45853
|
// Root
|
|
45350
|
-
> .k-item,
|
|
45351
45854
|
> .k-panelbar-header {
|
|
45352
45855
|
|
|
45353
45856
|
&.k-expanded.k-level-0 > .k-link {
|
|
@@ -45459,12 +45962,9 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
45459
45962
|
|
|
45460
45963
|
|
|
45461
45964
|
// Sub
|
|
45462
|
-
.k-group,
|
|
45463
45965
|
.k-panelbar-group {
|
|
45464
45966
|
|
|
45465
45967
|
// Hover
|
|
45466
|
-
> .k-item > .k-link:hover,
|
|
45467
|
-
> .k-item > .k-link.k-hover,
|
|
45468
45968
|
> .k-panelbar-item > .k-link:hover,
|
|
45469
45969
|
> .k-panelbar-item > .k-link.k-hover {
|
|
45470
45970
|
@include fill(
|
|
@@ -45476,8 +45976,6 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
45476
45976
|
}
|
|
45477
45977
|
|
|
45478
45978
|
// Focus
|
|
45479
|
-
> .k-item > .k-link:focus,
|
|
45480
|
-
> .k-item > .k-link.k-focus,
|
|
45481
45979
|
> .k-panelbar-item > .k-link:focus,
|
|
45482
45980
|
> .k-panelbar-item > .k-link.k-focus {
|
|
45483
45981
|
@include fill(
|
|
@@ -45490,8 +45988,6 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
45490
45988
|
}
|
|
45491
45989
|
|
|
45492
45990
|
// Focus & Hover
|
|
45493
|
-
> .k-item > .k-link:focus:hover,
|
|
45494
|
-
> .k-item > .k-link.k-focus.k-hover,
|
|
45495
45991
|
> .k-panelbar-item > .k-link:focus:hover,
|
|
45496
45992
|
> .k-panelbar-item > .k-link.k-focus.k-hover {
|
|
45497
45993
|
@include fill(
|
|
@@ -45503,7 +45999,6 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
45503
45999
|
}
|
|
45504
46000
|
|
|
45505
46001
|
// Selected
|
|
45506
|
-
> .k-item > .k-link.k-selected,
|
|
45507
46002
|
> .k-panelbar-item > .k-link.k-selected {
|
|
45508
46003
|
@include fill(
|
|
45509
46004
|
$kendo-panelbar-item-selected-text,
|
|
@@ -45514,8 +46009,6 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
45514
46009
|
}
|
|
45515
46010
|
|
|
45516
46011
|
// Selected Hover
|
|
45517
|
-
> .k-item > .k-link.k-selected:hover,
|
|
45518
|
-
> .k-item > .k-link.k-selected.k-hover,
|
|
45519
46012
|
> .k-panelbar-item > .k-link.k-selected:hover,
|
|
45520
46013
|
> .k-panelbar-item > .k-link.k-selected.k-hover {
|
|
45521
46014
|
@include fill(
|
|
@@ -45527,8 +46020,6 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
45527
46020
|
}
|
|
45528
46021
|
|
|
45529
46022
|
// Selected Focus
|
|
45530
|
-
> .k-item > .k-link.k-selected:focus,
|
|
45531
|
-
> .k-item > .k-link.k-selected.k-focus,
|
|
45532
46023
|
> .k-panelbar-item > .k-link.k-selected:focus,
|
|
45533
46024
|
> .k-panelbar-item > .k-link.k-selected.k-focus {
|
|
45534
46025
|
@include fill(
|
|
@@ -45540,8 +46031,6 @@ $kendo-panelbar-header-expanded-gradient: null !default;
|
|
|
45540
46031
|
}
|
|
45541
46032
|
|
|
45542
46033
|
// Selected Focus & Hover
|
|
45543
|
-
> .k-item > .k-link.k-selected:focus:hover,
|
|
45544
|
-
> .k-item > .k-link.k-selected.k-focus.k-hover,
|
|
45545
46034
|
> .k-panelbar-item > .k-link.k-selected:focus:hover,
|
|
45546
46035
|
> .k-panelbar-item > .k-link.k-selected.k-focus.k-hover {
|
|
45547
46036
|
@include fill(
|