@progress/kendo-theme-bootstrap 5.6.1-dev.5 → 5.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all.css +873 -1029
- package/dist/all.scss +415 -677
- 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 +4 -4
- package/scss/badge/_variables.scss +70 -35
- package/scss/breadcrumb/_layout.scss +0 -1
- package/scss/breadcrumb/_theme.scss +0 -1
- package/scss/card/_variables.scss +0 -10
- package/scss/fab/_theme.scss +16 -16
- package/scss/forms/_variables.scss +1 -1
- package/scss/grid/_theme.scss +5 -63
- package/scss/pager/_theme.scss +0 -1
- package/scss/pdf-viewer/_index.scss +3 -0
- package/scss/pdf-viewer/_variables.scss +14 -1
- package/scss/popover/_variables.scss +0 -4
- package/scss/scrollview/_theme.scss +0 -4
- package/scss/signature/_variables.scss +23 -21
- package/scss/spreadsheet/_theme.scss +0 -7
- package/scss/switch/_layout.scss +1 -2
- package/scss/tabstrip/_theme.scss +4 -8
- package/scss/typography/_variables.scss +1 -1
package/dist/all.scss
CHANGED
|
@@ -3488,7 +3488,7 @@ $line-height-xs: 1 !default;
|
|
|
3488
3488
|
$line-height-sm: $line-height-sm !default;
|
|
3489
3489
|
$line-height-md: $line-height !default;
|
|
3490
3490
|
$line-height-lg: $line-height-lg !default;
|
|
3491
|
-
$line-height-em: ($line-height * 1em) !default;
|
|
3491
|
+
$line-height-em: calc( #{$line-height} * 1em ) !default;
|
|
3492
3492
|
|
|
3493
3493
|
|
|
3494
3494
|
// Font weight
|
|
@@ -3722,7 +3722,6 @@ $display4-letter-spacing: null !default;
|
|
|
3722
3722
|
@include exports( "common/disabled" ) {
|
|
3723
3723
|
|
|
3724
3724
|
// Disabled state
|
|
3725
|
-
.k-state-disabled,
|
|
3726
3725
|
.k-disabled,
|
|
3727
3726
|
.k-widget[disabled],
|
|
3728
3727
|
.k-disabled {
|
|
@@ -3737,8 +3736,7 @@ $display4-letter-spacing: null !default;
|
|
|
3737
3736
|
|
|
3738
3737
|
// Nested disabled
|
|
3739
3738
|
[disabled],
|
|
3740
|
-
.k-disabled
|
|
3741
|
-
.k-state-disabled {
|
|
3739
|
+
.k-disabled {
|
|
3742
3740
|
opacity: 1;
|
|
3743
3741
|
filter: grayscale(0);
|
|
3744
3742
|
}
|
|
@@ -6007,6 +6005,9 @@ $utils-border-radius: (
|
|
|
6007
6005
|
@each $pos in (static, relative, absolute, fixed, sticky) {
|
|
6008
6006
|
.k-#{$pos},
|
|
6009
6007
|
.k-pos-#{$pos} { position: $pos !important; } // sass-lint:disable-line brace-style no-important
|
|
6008
|
+
|
|
6009
|
+
.\!k-#{$pos},
|
|
6010
|
+
.\!k-pos-#{$pos} { position: $pos !important; } // sass-lint:disable-line brace-style no-important
|
|
6010
6011
|
}
|
|
6011
6012
|
|
|
6012
6013
|
/// @name k-pos-top
|
|
@@ -6534,18 +6535,28 @@ $utils-border-radius: (
|
|
|
6534
6535
|
@include exports( "common/decoration/color" ) {
|
|
6535
6536
|
|
|
6536
6537
|
// sass-lint:disable-block no-important
|
|
6538
|
+
// sass-lint:disable-block class-name-format
|
|
6537
6539
|
// stylelint-disable block-opening-brace-space-before
|
|
6538
6540
|
|
|
6539
6541
|
.k-text-base,
|
|
6540
6542
|
.k-color-base {
|
|
6541
6543
|
color: $base-text;
|
|
6542
6544
|
}
|
|
6545
|
+
.\!k-text-base,
|
|
6546
|
+
.\!k-color-base {
|
|
6547
|
+
color: $base-text !important;
|
|
6548
|
+
}
|
|
6543
6549
|
|
|
6544
6550
|
.k-color-inherit { color: inherit; }
|
|
6551
|
+
.\!k-color-inherit { color: inherit !important; }
|
|
6545
6552
|
|
|
6546
6553
|
@each $name, $color in $kendo-theme-colors {
|
|
6547
6554
|
.k-text-#{$name},
|
|
6548
6555
|
.k-color-#{$name} {
|
|
6556
|
+
color: $color;
|
|
6557
|
+
}
|
|
6558
|
+
.\!k-text-#{$name},
|
|
6559
|
+
.\!k-color-#{$name} {
|
|
6549
6560
|
color: $color !important;
|
|
6550
6561
|
}
|
|
6551
6562
|
}
|
|
@@ -6556,60 +6567,16 @@ $utils-border-radius: (
|
|
|
6556
6567
|
@include exports( "common/decoration/background" ) {
|
|
6557
6568
|
|
|
6558
6569
|
// sass-lint:disable-block no-important
|
|
6570
|
+
// sass-lint:disable-block class-name-format
|
|
6559
6571
|
|
|
6560
6572
|
@each $name, $bg-color in $kendo-theme-colors {
|
|
6561
6573
|
.k-bg-#{$name} {
|
|
6562
|
-
background-color: $bg-color
|
|
6574
|
+
background-color: $bg-color;
|
|
6563
6575
|
}
|
|
6564
|
-
|
|
6565
|
-
|
|
6566
|
-
}
|
|
6567
|
-
|
|
6568
|
-
|
|
6569
|
-
@mixin variant( $base ) {
|
|
6570
|
-
background-color: tint($base, 10);
|
|
6571
|
-
color: shade($base, 6);
|
|
6572
|
-
border-color: tint($base, 9);
|
|
6573
|
-
}
|
|
6574
|
-
|
|
6575
|
-
@include exports( "common/decoration/variant" ) {
|
|
6576
|
-
|
|
6577
|
-
@each $name, $variant in $kendo-theme-colors {
|
|
6578
|
-
.k-state-#{$name} {
|
|
6579
|
-
@include variant( $variant );
|
|
6576
|
+
.\!k-bg-#{$name} {
|
|
6577
|
+
background-color: $bg-color !important;
|
|
6580
6578
|
}
|
|
6581
6579
|
}
|
|
6582
|
-
}
|
|
6583
|
-
|
|
6584
|
-
|
|
6585
|
-
@include exports( "common/decoration/legacy" ) {
|
|
6586
|
-
|
|
6587
|
-
.k-info-colored {
|
|
6588
|
-
color: #50607f;
|
|
6589
|
-
border-color: #d0d9df;
|
|
6590
|
-
background-color: #f0f9ff;
|
|
6591
|
-
}
|
|
6592
|
-
|
|
6593
|
-
.k-success-colored {
|
|
6594
|
-
color: #507f50;
|
|
6595
|
-
border-color: #d0dfd0;
|
|
6596
|
-
background-color: #f0fff0;
|
|
6597
|
-
}
|
|
6598
|
-
|
|
6599
|
-
.k-error-colored {
|
|
6600
|
-
color: #7f5050;
|
|
6601
|
-
border-color: #dfd0d0;
|
|
6602
|
-
background-color: #fff0f0;
|
|
6603
|
-
}
|
|
6604
|
-
|
|
6605
|
-
.k-shadow {
|
|
6606
|
-
// Shadow moved to popup/_layout.scss due to variable flow
|
|
6607
|
-
// box-shadow: $popup-shadow;
|
|
6608
|
-
}
|
|
6609
|
-
|
|
6610
|
-
.k-inset {
|
|
6611
|
-
box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .03), inset 0 4px 5px 0 rgba(0, 0, 0, .04);
|
|
6612
|
-
}
|
|
6613
6580
|
|
|
6614
6581
|
}
|
|
6615
6582
|
|
|
@@ -9820,41 +9787,76 @@ $popup-shadow: 0 2px 4px 0 rgba(0, 0, 0, .03), 0 4px 5px 0 rgba(0, 0, 0, .04) !d
|
|
|
9820
9787
|
// Component
|
|
9821
9788
|
// #region @import "_variables.scss"; -> packages/bootstrap/scss/badge/_variables.scss
|
|
9822
9789
|
// Badge
|
|
9823
|
-
|
|
9824
|
-
|
|
9825
|
-
|
|
9826
|
-
$badge-border-
|
|
9827
|
-
|
|
9828
|
-
|
|
9829
|
-
|
|
9830
|
-
$badge-
|
|
9831
|
-
|
|
9832
|
-
|
|
9833
|
-
|
|
9834
|
-
|
|
9835
|
-
$badge-
|
|
9836
|
-
|
|
9837
|
-
$badge-padding-x-
|
|
9838
|
-
$badge-padding-
|
|
9839
|
-
|
|
9840
|
-
|
|
9841
|
-
|
|
9842
|
-
$badge-
|
|
9843
|
-
|
|
9844
|
-
$badge-
|
|
9845
|
-
$badge-
|
|
9846
|
-
|
|
9847
|
-
|
|
9848
|
-
|
|
9849
|
-
$badge-
|
|
9850
|
-
$badge-
|
|
9851
|
-
$
|
|
9852
|
-
$badge-
|
|
9853
|
-
|
|
9854
|
-
$
|
|
9855
|
-
|
|
9856
|
-
$badge-
|
|
9857
|
-
$badge-
|
|
9790
|
+
|
|
9791
|
+
/// Width of the border around the badge.
|
|
9792
|
+
/// @group badge
|
|
9793
|
+
$kendo-badge-border-width: 1px !default;
|
|
9794
|
+
|
|
9795
|
+
/// Border radius of the badge.
|
|
9796
|
+
/// @group badge
|
|
9797
|
+
$kendo-badge-border-radius: $badge-border-radius !default;
|
|
9798
|
+
|
|
9799
|
+
|
|
9800
|
+
/// Horizontal padding of the badge.
|
|
9801
|
+
/// @group badge
|
|
9802
|
+
$kendo-badge-padding-x: $badge-padding-x !default;
|
|
9803
|
+
$kendo-badge-padding-x-sm: ( $badge-padding-x / 2 ) !default;
|
|
9804
|
+
$kendo-badge-padding-x-md: $badge-padding-x !default;
|
|
9805
|
+
$kendo-badge-padding-x-lg: ( $badge-padding-x * 1.5 ) !default;
|
|
9806
|
+
|
|
9807
|
+
/// Vertical padding of the badge.
|
|
9808
|
+
/// @group badge
|
|
9809
|
+
$kendo-badge-padding-y: $badge-padding-y !default;
|
|
9810
|
+
$kendo-badge-padding-y-sm: ( $badge-padding-y / 2 ) !default;
|
|
9811
|
+
$kendo-badge-padding-y-md: $badge-padding-y !default;
|
|
9812
|
+
$kendo-badge-padding-y-lg: ( $badge-padding-y * 1.5 ) !default;
|
|
9813
|
+
|
|
9814
|
+
/// Font sizes of the badge.
|
|
9815
|
+
/// @group badge
|
|
9816
|
+
$kendo-badge-font-size: $badge-font-size !default;
|
|
9817
|
+
$kendo-badge-font-size-sm: $badge-font-size !default;
|
|
9818
|
+
$kendo-badge-font-size-md: $badge-font-size !default;
|
|
9819
|
+
$kendo-badge-font-size-lg: $badge-font-size !default;
|
|
9820
|
+
|
|
9821
|
+
/// Line heights used along with $font-size.
|
|
9822
|
+
/// @group badge
|
|
9823
|
+
$kendo-badge-line-height: 1 !default;
|
|
9824
|
+
$kendo-badge-line-height-sm: $kendo-badge-line-height !default;
|
|
9825
|
+
$kendo-badge-line-height-md: $kendo-badge-line-height !default;
|
|
9826
|
+
$kendo-badge-line-height-lg: $kendo-badge-line-height !default;
|
|
9827
|
+
|
|
9828
|
+
/// Badge min width used for circle badge.
|
|
9829
|
+
/// @group badge
|
|
9830
|
+
$kendo-badge-min-width: calc( #{$kendo-badge-line-height * 1em} + #{$kendo-badge-padding-y * 2} + #{$kendo-badge-border-width * 2}) !default;
|
|
9831
|
+
$kendo-badge-min-width-sm: calc( #{$kendo-badge-line-height-sm * 1em} + #{$kendo-badge-padding-y-sm * 2} + #{$kendo-badge-border-width * 2} ) !default;
|
|
9832
|
+
$kendo-badge-min-width-md: calc( #{$kendo-badge-line-height-md * 1em} + #{$kendo-badge-padding-y-md * 2} + #{$kendo-badge-border-width * 2} ) !default;
|
|
9833
|
+
$kendo-badge-min-width-lg: calc( #{$kendo-badge-line-height-lg * 1em} + #{$kendo-badge-padding-y-lg * 2} + #{$kendo-badge-border-width * 2} ) !default;
|
|
9834
|
+
|
|
9835
|
+
/// Sizes map for the badge.
|
|
9836
|
+
/// @group badge
|
|
9837
|
+
$kendo-badge-sizes: (
|
|
9838
|
+
sm: (
|
|
9839
|
+
padding-x: $kendo-badge-padding-x-sm,
|
|
9840
|
+
padding-y: $kendo-badge-padding-y-sm,
|
|
9841
|
+
font-size: $kendo-badge-font-size-sm,
|
|
9842
|
+
line-height: $kendo-badge-line-height-sm,
|
|
9843
|
+
min-width: $kendo-badge-min-width-sm
|
|
9844
|
+
),
|
|
9845
|
+
md: (
|
|
9846
|
+
padding-x: $kendo-badge-padding-x-md,
|
|
9847
|
+
padding-y: $kendo-badge-padding-y-md,
|
|
9848
|
+
font-size: $kendo-badge-font-size-md,
|
|
9849
|
+
line-height: $kendo-badge-line-height-md,
|
|
9850
|
+
min-width: $kendo-badge-min-width-md
|
|
9851
|
+
),
|
|
9852
|
+
lg: (
|
|
9853
|
+
padding-x: $kendo-badge-padding-x-lg,
|
|
9854
|
+
padding-y: $kendo-badge-padding-y-lg,
|
|
9855
|
+
font-size: $kendo-badge-font-size-lg,
|
|
9856
|
+
line-height: $kendo-badge-line-height-lg,
|
|
9857
|
+
min-width: $kendo-badge-min-width-lg
|
|
9858
|
+
)
|
|
9859
|
+
) !default;
|
|
9858
9860
|
|
|
9859
9861
|
// #endregion
|
|
9860
9862
|
// #region @import "_layout.scss"; -> packages/bootstrap/scss/badge/_layout.scss
|
|
@@ -9863,7 +9865,7 @@ $badge-dot-size-lg: 12px !default;
|
|
|
9863
9865
|
|
|
9864
9866
|
.k-badge {
|
|
9865
9867
|
padding: 0;
|
|
9866
|
-
border-width:
|
|
9868
|
+
border-width: $kendo-badge-border-width;
|
|
9867
9869
|
border-style: solid;
|
|
9868
9870
|
border-color: transparent;
|
|
9869
9871
|
box-sizing: border-box;
|
|
@@ -9913,74 +9915,23 @@ $badge-dot-size-lg: 12px !default;
|
|
|
9913
9915
|
|
|
9914
9916
|
|
|
9915
9917
|
// Badge sizes
|
|
9916
|
-
|
|
9917
|
-
|
|
9918
|
-
|
|
9919
|
-
|
|
9920
|
-
|
|
9921
|
-
|
|
9922
|
-
&:empty { padding: $badge-padding-y-sm; }
|
|
9923
|
-
}
|
|
9924
|
-
.k-badge-md {
|
|
9925
|
-
padding: $badge-padding-y $badge-padding-x;
|
|
9926
|
-
border-width: $badge-border-width;
|
|
9927
|
-
font-size: $badge-font-size;
|
|
9928
|
-
line-height: $badge-line-height;
|
|
9929
|
-
|
|
9930
|
-
&:empty { padding: $badge-padding-y; }
|
|
9931
|
-
}
|
|
9932
|
-
.k-badge-lg {
|
|
9933
|
-
padding: $badge-padding-y-lg $badge-padding-x-lg;
|
|
9934
|
-
border-width: $badge-border-width-lg;
|
|
9935
|
-
font-size: $badge-font-size-lg;
|
|
9936
|
-
line-height: $badge-line-height-lg;
|
|
9937
|
-
|
|
9938
|
-
&:empty { padding: $badge-padding-y-lg; }
|
|
9939
|
-
}
|
|
9940
|
-
|
|
9941
|
-
|
|
9942
|
-
// Badge shapes
|
|
9943
|
-
.k-badge-rounded {
|
|
9944
|
-
&.k-badge-sm { @include border-radius( $badge-border-radius-sm ); }
|
|
9945
|
-
&.k-badge-md { @include border-radius( $badge-border-radius ); }
|
|
9946
|
-
&.k-badge-lg { @include border-radius( $badge-border-radius-lg ); }
|
|
9947
|
-
}
|
|
9948
|
-
.k-badge-pill {
|
|
9949
|
-
border-radius: 5rem;
|
|
9950
|
-
}
|
|
9951
|
-
.k-badge-circle {
|
|
9952
|
-
padding: 0 !important; // sass-lint:disable-line no-important
|
|
9953
|
-
border-radius: 100%;
|
|
9918
|
+
@each $size, $size-props in $kendo-badge-sizes {
|
|
9919
|
+
$_padding-x: map-get( $size-props, padding-x );
|
|
9920
|
+
$_padding-y: map-get( $size-props, padding-y );
|
|
9921
|
+
$_font-size: map-get( $size-props, font-size );
|
|
9922
|
+
$_line-height: map-get( $size-props, line-height );
|
|
9923
|
+
$_min-width: map-get( $size-props, min-width );
|
|
9954
9924
|
|
|
9955
|
-
|
|
9956
|
-
|
|
9957
|
-
|
|
9958
|
-
|
|
9959
|
-
|
|
9960
|
-
width: $badge-size;
|
|
9961
|
-
height: $badge-size;
|
|
9962
|
-
}
|
|
9963
|
-
&.k-badge-lg {
|
|
9964
|
-
width: $badge-size-lg;
|
|
9965
|
-
height: $badge-size-lg;
|
|
9966
|
-
}
|
|
9967
|
-
}
|
|
9968
|
-
.k-badge-dot {
|
|
9969
|
-
padding: 0 !important; // sass-lint:disable-line no-important
|
|
9970
|
-
border-radius: 100%;
|
|
9971
|
-
font-size: 0;
|
|
9925
|
+
.k-badge-#{$size} {
|
|
9926
|
+
padding: $_padding-y $_padding-x;
|
|
9927
|
+
font-size: $_font-size;
|
|
9928
|
+
line-height: $_line-height;
|
|
9929
|
+
min-width: $_min-width;
|
|
9972
9930
|
|
|
9973
|
-
|
|
9974
|
-
|
|
9975
|
-
|
|
9976
|
-
|
|
9977
|
-
&.k-badge-md {
|
|
9978
|
-
width: $badge-dot-size;
|
|
9979
|
-
height: $badge-dot-size;
|
|
9980
|
-
}
|
|
9981
|
-
&.k-badge-lg {
|
|
9982
|
-
width: $badge-dot-size-lg;
|
|
9983
|
-
height: $badge-dot-size-lg;
|
|
9931
|
+
&:empty {
|
|
9932
|
+
padding: $_padding-y;
|
|
9933
|
+
min-width: auto;
|
|
9934
|
+
}
|
|
9984
9935
|
}
|
|
9985
9936
|
}
|
|
9986
9937
|
|
|
@@ -10064,7 +10015,7 @@ $badge-dot-size-lg: 12px !default;
|
|
|
10064
10015
|
|
|
10065
10016
|
// Solid badges
|
|
10066
10017
|
@each $name, $color in $kendo-theme-colors {
|
|
10067
|
-
.k-badge-solid
|
|
10018
|
+
.k-badge-solid-#{$name} {
|
|
10068
10019
|
border-color: $color;
|
|
10069
10020
|
color: contrast-wcag( $color );
|
|
10070
10021
|
background-color: $color;
|
|
@@ -10078,7 +10029,7 @@ $badge-dot-size-lg: 12px !default;
|
|
|
10078
10029
|
}
|
|
10079
10030
|
|
|
10080
10031
|
@each $name, $color in $kendo-theme-colors {
|
|
10081
|
-
.k-badge-outline
|
|
10032
|
+
.k-badge-outline-#{$name} {
|
|
10082
10033
|
color: $color;
|
|
10083
10034
|
}
|
|
10084
10035
|
}
|
|
@@ -11230,8 +11181,7 @@ $kendo-input-invalid-shadow: $invalid-shadow !default;
|
|
|
11230
11181
|
@include disabled( $disabled-styling );
|
|
11231
11182
|
|
|
11232
11183
|
[disabled] &,
|
|
11233
|
-
.k-disabled
|
|
11234
|
-
.k-state-disabled & {
|
|
11184
|
+
.k-disabled & {
|
|
11235
11185
|
opacity: 1;
|
|
11236
11186
|
filter: grayscale(0);
|
|
11237
11187
|
}
|
|
@@ -11252,8 +11202,7 @@ $kendo-input-invalid-shadow: $invalid-shadow !default;
|
|
|
11252
11202
|
@include disabled( $disabled-styling );
|
|
11253
11203
|
|
|
11254
11204
|
[disabled] &,
|
|
11255
|
-
.k-disabled
|
|
11256
|
-
.k-state-disabled & {
|
|
11205
|
+
.k-disabled & {
|
|
11257
11206
|
opacity: 1;
|
|
11258
11207
|
filter: grayscale(0);
|
|
11259
11208
|
}
|
|
@@ -12183,7 +12132,6 @@ $floating-label-focus-text: null !default;
|
|
|
12183
12132
|
width: auto;
|
|
12184
12133
|
}
|
|
12185
12134
|
|
|
12186
|
-
&.k-state-empty,
|
|
12187
12135
|
&.k-empty {
|
|
12188
12136
|
> .k-label {
|
|
12189
12137
|
top: $floating-label-offset-y;
|
|
@@ -12194,8 +12142,6 @@ $floating-label-focus-text: null !default;
|
|
|
12194
12142
|
}
|
|
12195
12143
|
|
|
12196
12144
|
> .k-label,
|
|
12197
|
-
// &:focus-within > .k-label,
|
|
12198
|
-
&.k-state-focused > .k-label,
|
|
12199
12145
|
&.k-focus > .k-label {
|
|
12200
12146
|
top: $floating-label-focus-offset-y;
|
|
12201
12147
|
left: $floating-label-focus-offset-x;
|
|
@@ -12207,7 +12153,6 @@ $floating-label-focus-text: null !default;
|
|
|
12207
12153
|
transform: scale( $floating-label-focus-scale );
|
|
12208
12154
|
}
|
|
12209
12155
|
|
|
12210
|
-
&.k-state-empty:not(.k-state-focused) ::placeholder,
|
|
12211
12156
|
&.k-empty:not(.k-focus):not(:focus-within) ::placeholder {
|
|
12212
12157
|
color: transparent;
|
|
12213
12158
|
}
|
|
@@ -12221,7 +12166,6 @@ $floating-label-focus-text: null !default;
|
|
|
12221
12166
|
transition: transform $floating-label-transition, color $floating-label-transition, top $floating-label-transition, right $floating-label-transition;
|
|
12222
12167
|
}
|
|
12223
12168
|
|
|
12224
|
-
&.k-state-empty,
|
|
12225
12169
|
&.k-empty {
|
|
12226
12170
|
> .k-label {
|
|
12227
12171
|
left: auto;
|
|
@@ -12230,8 +12174,6 @@ $floating-label-focus-text: null !default;
|
|
|
12230
12174
|
}
|
|
12231
12175
|
|
|
12232
12176
|
> .k-label,
|
|
12233
|
-
// &:focus-within > .k-label,
|
|
12234
|
-
&.k-state-focused > .k-label,
|
|
12235
12177
|
&.k-focus > .k-label {
|
|
12236
12178
|
left: auto;
|
|
12237
12179
|
right: $floating-label-focus-offset-x;
|
|
@@ -12262,8 +12204,7 @@ $floating-label-focus-text: null !default;
|
|
|
12262
12204
|
);
|
|
12263
12205
|
}
|
|
12264
12206
|
|
|
12265
|
-
&.k-focus > .k-label
|
|
12266
|
-
&.k-state-focused > .k-label {
|
|
12207
|
+
&.k-focus > .k-label {
|
|
12267
12208
|
@include fill(
|
|
12268
12209
|
$color: $floating-label-focus-text,
|
|
12269
12210
|
$bg: $floating-label-focus-bg
|
|
@@ -14614,8 +14555,11 @@ $loader-container-font-size-lg: $font-size-lg !default;
|
|
|
14614
14555
|
}
|
|
14615
14556
|
|
|
14616
14557
|
.k-loader-container-inner {
|
|
14617
|
-
|
|
14618
|
-
|
|
14558
|
+
// sass-lint:disable-block no-important
|
|
14559
|
+
// sass-lint:disable-block class-name-format
|
|
14560
|
+
.k-text-secondary,
|
|
14561
|
+
.\!k-text-secondary {
|
|
14562
|
+
color: $loader-secondary-bg !important;
|
|
14619
14563
|
}
|
|
14620
14564
|
}
|
|
14621
14565
|
|
|
@@ -15535,6 +15479,12 @@ $tooltip-error-border: $tooltip-error-bg !default;
|
|
|
15535
15479
|
align-items: center;
|
|
15536
15480
|
}
|
|
15537
15481
|
|
|
15482
|
+
// Template item
|
|
15483
|
+
.k-toolbar-item:focus {
|
|
15484
|
+
text-decoration: none;
|
|
15485
|
+
outline: 0;
|
|
15486
|
+
}
|
|
15487
|
+
|
|
15538
15488
|
}
|
|
15539
15489
|
|
|
15540
15490
|
|
|
@@ -15699,6 +15649,13 @@ $tooltip-error-border: $tooltip-error-bg !default;
|
|
|
15699
15649
|
}
|
|
15700
15650
|
|
|
15701
15651
|
|
|
15652
|
+
// Template item
|
|
15653
|
+
.k-toolbar-item:focus,
|
|
15654
|
+
.k-toolbar-item.k-focus {
|
|
15655
|
+
@include box-shadow( $kendo-button-focus-shadow );
|
|
15656
|
+
}
|
|
15657
|
+
|
|
15658
|
+
|
|
15702
15659
|
// Button group
|
|
15703
15660
|
.k-button-group {}
|
|
15704
15661
|
|
|
@@ -15959,7 +15916,7 @@ $form-spacer: $padding-x * 2 !default;
|
|
|
15959
15916
|
|
|
15960
15917
|
$form-font-size: $font-size !default;
|
|
15961
15918
|
$form-line-height: $input-btn-line-height !default;
|
|
15962
|
-
$form-line-height-em: ($form-line-height * 1em) !default;
|
|
15919
|
+
$form-line-height-em: calc( #{$form-line-height} * 1em ) !default;
|
|
15963
15920
|
$form-line-height-sm: $line-height-sm !default;
|
|
15964
15921
|
$form-line-height-lg: $line-height-lg !default;
|
|
15965
15922
|
|
|
@@ -17347,7 +17304,6 @@ $kendo-circular-progressbar-scale-stroke: $progressbar-bg !default;
|
|
|
17347
17304
|
|
|
17348
17305
|
|
|
17349
17306
|
// Selection
|
|
17350
|
-
> .k-state-selected,
|
|
17351
17307
|
> .k-selected {
|
|
17352
17308
|
border-width: 0;
|
|
17353
17309
|
border-style: solid;
|
|
@@ -17418,7 +17374,6 @@ $kendo-circular-progressbar-scale-stroke: $progressbar-bg !default;
|
|
|
17418
17374
|
flex-direction: row;
|
|
17419
17375
|
}
|
|
17420
17376
|
|
|
17421
|
-
> .k-state-selected,
|
|
17422
17377
|
> .k-selected {
|
|
17423
17378
|
width: 0;
|
|
17424
17379
|
width: calc( var( --kendo-progressbar-progress, 0 ) * 1% ); // sass-lint:disable-line no-duplicate-properties
|
|
@@ -17445,7 +17400,6 @@ $kendo-circular-progressbar-scale-stroke: $progressbar-bg !default;
|
|
|
17445
17400
|
// Horizontal reverse
|
|
17446
17401
|
&.k-progressbar-reverse {
|
|
17447
17402
|
|
|
17448
|
-
> .k-state-selected,
|
|
17449
17403
|
> .k-selected {
|
|
17450
17404
|
flex-direction: row-reverse;
|
|
17451
17405
|
justify-self: flex-end;
|
|
@@ -17470,7 +17424,6 @@ $kendo-circular-progressbar-scale-stroke: $progressbar-bg !default;
|
|
|
17470
17424
|
writing-mode: vertical-lr;
|
|
17471
17425
|
}
|
|
17472
17426
|
|
|
17473
|
-
> .k-state-selected,
|
|
17474
17427
|
> .k-selected {
|
|
17475
17428
|
height: 0;
|
|
17476
17429
|
height: calc( var( --kendo-progressbar-progress, 0 ) * 1% ); // sass-lint:disable-line no-duplicate-properties
|
|
@@ -17500,7 +17453,6 @@ $kendo-circular-progressbar-scale-stroke: $progressbar-bg !default;
|
|
|
17500
17453
|
&.k-progressbar-reverse {
|
|
17501
17454
|
flex-direction: column;
|
|
17502
17455
|
|
|
17503
|
-
> .k-state-selected,
|
|
17504
17456
|
> .k-selected {
|
|
17505
17457
|
flex-direction: column;
|
|
17506
17458
|
align-self: flex-start;
|
|
@@ -17512,7 +17464,6 @@ $kendo-circular-progressbar-scale-stroke: $progressbar-bg !default;
|
|
|
17512
17464
|
// Indeterminate
|
|
17513
17465
|
.k-progressbar-indeterminate {
|
|
17514
17466
|
.k-progress-status-wrap,
|
|
17515
|
-
.k-state-selected,
|
|
17516
17467
|
.k-selected,
|
|
17517
17468
|
.k-item {
|
|
17518
17469
|
display: none;
|
|
@@ -17523,9 +17474,7 @@ $kendo-circular-progressbar-scale-stroke: $progressbar-bg !default;
|
|
|
17523
17474
|
// Blazor specific
|
|
17524
17475
|
.telerik-blazor.k-progressbar-horizontal {
|
|
17525
17476
|
|
|
17526
|
-
> .k-state-selected,
|
|
17527
17477
|
> .k-selected,
|
|
17528
|
-
> .k-state-selected > .k-progress-status-wrap,
|
|
17529
17478
|
> .k-selected > .k-progress-status-wrap {
|
|
17530
17479
|
transition: width .1s ease-in-out;
|
|
17531
17480
|
}
|
|
@@ -17554,7 +17503,6 @@ $kendo-circular-progressbar-scale-stroke: $progressbar-bg !default;
|
|
|
17554
17503
|
display: -ms-inline-grid;
|
|
17555
17504
|
|
|
17556
17505
|
> .k-progress-status-wrap,
|
|
17557
|
-
> .k-state-selected,
|
|
17558
17506
|
> .k-selected {
|
|
17559
17507
|
-ms-grid-column: 1;
|
|
17560
17508
|
-ms-grid-row: 1;
|
|
@@ -17564,7 +17512,6 @@ $kendo-circular-progressbar-scale-stroke: $progressbar-bg !default;
|
|
|
17564
17512
|
-ms-grid-columns: 1fr;
|
|
17565
17513
|
-ms-grid-rows: $progressbar-height;
|
|
17566
17514
|
|
|
17567
|
-
&.k-progressbar-reverse > .k-state-selected,
|
|
17568
17515
|
&.k-progressbar-reverse > .k-selected {
|
|
17569
17516
|
-ms-grid-column-align: end;
|
|
17570
17517
|
}
|
|
@@ -17573,12 +17520,10 @@ $kendo-circular-progressbar-scale-stroke: $progressbar-bg !default;
|
|
|
17573
17520
|
-ms-grid-columns: $progressbar-height;
|
|
17574
17521
|
-ms-grid-rows: 1fr;
|
|
17575
17522
|
|
|
17576
|
-
> .k-state-selected,
|
|
17577
17523
|
> .k-selected {
|
|
17578
17524
|
-ms-grid-row-align: end;
|
|
17579
17525
|
}
|
|
17580
17526
|
|
|
17581
|
-
&.k-progressbar-reverse > .k-state-selected,
|
|
17582
17527
|
&.k-progressbar-reverse > .k-selected {
|
|
17583
17528
|
-ms-grid-row-align: start;
|
|
17584
17529
|
}
|
|
@@ -17644,7 +17589,6 @@ $kendo-circular-progressbar-scale-stroke: $progressbar-bg !default;
|
|
|
17644
17589
|
.k-progressbar {
|
|
17645
17590
|
@include fill( $progressbar-text, $progressbar-bg, $progressbar-border, $progressbar-gradient );
|
|
17646
17591
|
|
|
17647
|
-
.k-state-selected,
|
|
17648
17592
|
.k-selected {
|
|
17649
17593
|
@include fill( $progressbar-fill-text, $progressbar-fill-bg, $progressbar-fill-border, $progressbar-fill-gradient );
|
|
17650
17594
|
}
|
|
@@ -18027,7 +17971,6 @@ $kendo-radio-ripple-opacity: .25 !default;
|
|
|
18027
17971
|
}
|
|
18028
17972
|
|
|
18029
17973
|
.k-radio:focus,
|
|
18030
|
-
.k-radio.k-state-focus,
|
|
18031
17974
|
.k-radio.k-focus {
|
|
18032
17975
|
box-shadow: none !important; // sass-lint:disable-line no-important
|
|
18033
17976
|
|
|
@@ -18091,7 +18034,6 @@ $kendo-radio-ripple-opacity: .25 !default;
|
|
|
18091
18034
|
|
|
18092
18035
|
// Hover state
|
|
18093
18036
|
.k-radio:hover,
|
|
18094
|
-
.k-radio.k-state-hover,
|
|
18095
18037
|
.k-radio.k-hover {
|
|
18096
18038
|
@include fill(
|
|
18097
18039
|
$kendo-radio-hover-text,
|
|
@@ -18103,7 +18045,6 @@ $kendo-radio-ripple-opacity: .25 !default;
|
|
|
18103
18045
|
|
|
18104
18046
|
// Focus state
|
|
18105
18047
|
.k-radio:focus,
|
|
18106
|
-
.k-radio.k-state-focus,
|
|
18107
18048
|
.k-radio.k-focus {
|
|
18108
18049
|
@include fill( $border: $kendo-radio-focus-border );
|
|
18109
18050
|
@include box-shadow( $kendo-radio-focus-shadow );
|
|
@@ -18112,13 +18053,11 @@ $kendo-radio-ripple-opacity: .25 !default;
|
|
|
18112
18053
|
|
|
18113
18054
|
// Invalid state
|
|
18114
18055
|
.k-radio.k-invalid,
|
|
18115
|
-
.k-radio.k-state-invalid,
|
|
18116
18056
|
.k-radio.ng-invalid.ng-touched,
|
|
18117
18057
|
.k-radio.ng-invalid.ng-dirty {
|
|
18118
18058
|
@include fill( $border: $kendo-radio-invalid-border );
|
|
18119
18059
|
}
|
|
18120
18060
|
.k-radio.k-invalid + .k-radio-label,
|
|
18121
|
-
.k-radio.k-state-invalid + .k-radio-label,
|
|
18122
18061
|
.k-radio.ng-invalid.ng-touched + .k-radio-label,
|
|
18123
18062
|
.k-radio.ng-invalid.ng-dirty + .k-radio-label {
|
|
18124
18063
|
@include fill( $color: $kendo-radio-invalid-text );
|
|
@@ -18135,7 +18074,6 @@ $kendo-radio-ripple-opacity: .25 !default;
|
|
|
18135
18074
|
);
|
|
18136
18075
|
}
|
|
18137
18076
|
.k-radio:checked:focus,
|
|
18138
|
-
.k-radio.k-checked.k-state-focus,
|
|
18139
18077
|
.k-radio.k-checked.k-focus {
|
|
18140
18078
|
@include fill( $border: $kendo-radio-focus-checked-border );
|
|
18141
18079
|
@include box-shadow( $kendo-radio-focus-checked-shadow );
|
|
@@ -18312,7 +18250,6 @@ $slider-disabled-opacity: null !default;
|
|
|
18312
18250
|
}
|
|
18313
18251
|
|
|
18314
18252
|
|
|
18315
|
-
&.k-state-disabled,
|
|
18316
18253
|
&.k-disabled {
|
|
18317
18254
|
.k-tick,
|
|
18318
18255
|
.k-slider-track,
|
|
@@ -18606,8 +18543,8 @@ $slider-disabled-opacity: null !default;
|
|
|
18606
18543
|
left: auto;
|
|
18607
18544
|
}
|
|
18608
18545
|
|
|
18609
|
-
.k-button .k-
|
|
18610
|
-
.k-button .k-
|
|
18546
|
+
.k-button-increase .k-icon,
|
|
18547
|
+
.k-button-decrease .k-icon {
|
|
18611
18548
|
transform: scaleX(-1);
|
|
18612
18549
|
}
|
|
18613
18550
|
}
|
|
@@ -18769,20 +18706,17 @@ $slider-disabled-opacity: null !default;
|
|
|
18769
18706
|
}
|
|
18770
18707
|
|
|
18771
18708
|
&:focus,
|
|
18772
|
-
&.k-state-focused,
|
|
18773
18709
|
&.k-focus {
|
|
18774
18710
|
@include box-shadow( $slider-draghandle-focused-shadow );
|
|
18775
18711
|
}
|
|
18776
18712
|
}
|
|
18777
18713
|
|
|
18778
|
-
&.k-state-focused,
|
|
18779
18714
|
&.k-focus {
|
|
18780
18715
|
.k-draghandle {
|
|
18781
18716
|
@include box-shadow( $slider-draghandle-focused-shadow );
|
|
18782
18717
|
}
|
|
18783
18718
|
}
|
|
18784
18719
|
|
|
18785
|
-
&.k-state-disabled,
|
|
18786
18720
|
&.k-disabled {
|
|
18787
18721
|
opacity: $slider-disabled-opacity;
|
|
18788
18722
|
}
|
|
@@ -19434,7 +19368,6 @@ $kendo-calendar-sizes: (
|
|
|
19434
19368
|
}
|
|
19435
19369
|
|
|
19436
19370
|
// // styles are applied to the k-link element inside
|
|
19437
|
-
// .k-state-selected,
|
|
19438
19371
|
// .k-selected {
|
|
19439
19372
|
// color: inherit;
|
|
19440
19373
|
// background: transparent;
|
|
@@ -19562,10 +19495,8 @@ $kendo-calendar-sizes: (
|
|
|
19562
19495
|
|
|
19563
19496
|
&:hover,
|
|
19564
19497
|
&.k-hover,
|
|
19565
|
-
&.k-state-hover,
|
|
19566
19498
|
&:focus,
|
|
19567
|
-
&.k-focus
|
|
19568
|
-
&.k-state-focus {
|
|
19499
|
+
&.k-focus {
|
|
19569
19500
|
color: $calendar-today-nav-hover-text;
|
|
19570
19501
|
}
|
|
19571
19502
|
}
|
|
@@ -19586,8 +19517,7 @@ $kendo-calendar-sizes: (
|
|
|
19586
19517
|
.k-calendar-cell-inner {
|
|
19587
19518
|
box-shadow: inset 0 0 0 1px $calendar-today-color;
|
|
19588
19519
|
}
|
|
19589
|
-
&.k-focus .k-calendar-cell-inner
|
|
19590
|
-
&.k-state-focused .k-calendar-cell-inner {
|
|
19520
|
+
&.k-focus .k-calendar-cell-inner {
|
|
19591
19521
|
box-shadow: inset 0 0 0 1px $calendar-today-color, $calendar-cell-focused-shadow;
|
|
19592
19522
|
}
|
|
19593
19523
|
} @else if $calendar-today-style == color {
|
|
@@ -19621,8 +19551,7 @@ $kendo-calendar-sizes: (
|
|
|
19621
19551
|
|
|
19622
19552
|
// Interactive states
|
|
19623
19553
|
.k-calendar-td:hover .k-calendar-cell-inner,
|
|
19624
|
-
.k-calendar-td.k-hover .k-calendar-cell-inner
|
|
19625
|
-
.k-calendar-td.k-state-hover .k-calendar-cell-inner {
|
|
19554
|
+
.k-calendar-td.k-hover .k-calendar-cell-inner {
|
|
19626
19555
|
@include fill(
|
|
19627
19556
|
$calendar-cell-hover-text,
|
|
19628
19557
|
$calendar-cell-hover-bg,
|
|
@@ -19630,8 +19559,7 @@ $kendo-calendar-sizes: (
|
|
|
19630
19559
|
$calendar-cell-hover-gradient
|
|
19631
19560
|
);
|
|
19632
19561
|
}
|
|
19633
|
-
.k-calendar-td.k-selected .k-calendar-cell-inner
|
|
19634
|
-
.k-calendar-td.k-state-selected .k-calendar-cell-inner {
|
|
19562
|
+
.k-calendar-td.k-selected .k-calendar-cell-inner {
|
|
19635
19563
|
@include fill(
|
|
19636
19564
|
$calendar-cell-selected-text,
|
|
19637
19565
|
$calendar-cell-selected-bg,
|
|
@@ -19640,8 +19568,7 @@ $kendo-calendar-sizes: (
|
|
|
19640
19568
|
);
|
|
19641
19569
|
}
|
|
19642
19570
|
.k-calendar-td.k-selected:hover .k-calendar-cell-inner,
|
|
19643
|
-
.k-calendar-td.k-selected.k-hover .k-calendar-cell-inner
|
|
19644
|
-
.k-calendar-td.k-state-selected:hover .k-calendar-cell-inner {
|
|
19571
|
+
.k-calendar-td.k-selected.k-hover .k-calendar-cell-inner {
|
|
19645
19572
|
@include fill(
|
|
19646
19573
|
$calendar-cell-selected-hover-text,
|
|
19647
19574
|
$calendar-cell-selected-hover-bg,
|
|
@@ -19650,14 +19577,11 @@ $kendo-calendar-sizes: (
|
|
|
19650
19577
|
);
|
|
19651
19578
|
}
|
|
19652
19579
|
.k-calendar-td:focus .k-calendar-cell-inner,
|
|
19653
|
-
.k-calendar-td.k-focus .k-calendar-cell-inner
|
|
19654
|
-
.k-calendar-td.k-state-focus .k-calendar-cell-inner,
|
|
19655
|
-
.k-calendar-td.k-state-focused .k-calendar-cell-inner {
|
|
19580
|
+
.k-calendar-td.k-focus .k-calendar-cell-inner {
|
|
19656
19581
|
box-shadow: $calendar-cell-focused-shadow;
|
|
19657
19582
|
}
|
|
19658
19583
|
.k-calendar-td.k-selected:focus .k-calendar-cell-inner,
|
|
19659
|
-
.k-calendar-td.k-selected.k-focus .k-calendar-cell-inner
|
|
19660
|
-
.k-calendar-td.k-state-selected.k-state-focus .k-calendar-cell-inner {
|
|
19584
|
+
.k-calendar-td.k-selected.k-focus .k-calendar-cell-inner {
|
|
19661
19585
|
box-shadow: $calendar-cell-selected-focus-shadow;
|
|
19662
19586
|
}
|
|
19663
19587
|
|
|
@@ -19671,8 +19595,7 @@ $kendo-calendar-sizes: (
|
|
|
19671
19595
|
box-shadow: inset -1px 0 $calendar-navigation-border;
|
|
19672
19596
|
|
|
19673
19597
|
li:hover,
|
|
19674
|
-
li.k-hover
|
|
19675
|
-
li.k-state-hover {
|
|
19598
|
+
li.k-hover {
|
|
19676
19599
|
color: $calendar-today-nav-hover-text;
|
|
19677
19600
|
}
|
|
19678
19601
|
}
|
|
@@ -19695,7 +19618,6 @@ $kendo-calendar-sizes: (
|
|
|
19695
19618
|
// Invalid
|
|
19696
19619
|
&.k-invalid,
|
|
19697
19620
|
&.k-invalid:hover,
|
|
19698
|
-
&.k-state-invalid,
|
|
19699
19621
|
&.ng-invalid.ng-touched,
|
|
19700
19622
|
&.ng-invalid.ng-dirty {
|
|
19701
19623
|
border-color: $invalid-border;
|
|
@@ -19743,9 +19665,7 @@ $kendo-calendar-sizes: (
|
|
|
19743
19665
|
}
|
|
19744
19666
|
|
|
19745
19667
|
.k-range-start.k-active,
|
|
19746
|
-
.k-range-
|
|
19747
|
-
.k-range-end.k-active,
|
|
19748
|
-
.k-range-end.k-state-active {
|
|
19668
|
+
.k-range-end.k-active {
|
|
19749
19669
|
.k-calendar-cell-inner {
|
|
19750
19670
|
box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, .2);
|
|
19751
19671
|
}
|
|
@@ -19981,7 +19901,6 @@ $kendo-time-selector-sizes: (
|
|
|
19981
19901
|
display: block;
|
|
19982
19902
|
}
|
|
19983
19903
|
|
|
19984
|
-
&.k-state-focused,
|
|
19985
19904
|
&.k-focus {
|
|
19986
19905
|
&::before,
|
|
19987
19906
|
&::after {
|
|
@@ -20156,7 +20075,6 @@ $kendo-time-selector-sizes: (
|
|
|
20156
20075
|
color: $time-list-title-text;
|
|
20157
20076
|
}
|
|
20158
20077
|
|
|
20159
|
-
&.k-state-focused,
|
|
20160
20078
|
&.k-focus {
|
|
20161
20079
|
.k-title {
|
|
20162
20080
|
color: $time-list-title-focus-text;
|
|
@@ -20473,18 +20391,14 @@ $colorpalette-tile-selected-shadow: 0 1px 3px 1px rgba( black, .3 ), inset 0 0 0
|
|
|
20473
20391
|
-ms-high-contrast-adjust: none;
|
|
20474
20392
|
|
|
20475
20393
|
&:hover,
|
|
20476
|
-
&.k-state-hover,
|
|
20477
20394
|
&.k-hover {
|
|
20478
20395
|
position: relative;
|
|
20479
20396
|
z-index: 101;
|
|
20480
20397
|
}
|
|
20481
20398
|
|
|
20482
20399
|
&:focus,
|
|
20483
|
-
&.k-state-focus,
|
|
20484
20400
|
&.k-focus,
|
|
20485
|
-
&.k-state-selected,
|
|
20486
20401
|
&.k-selected,
|
|
20487
|
-
&.k-state-selected:hover,
|
|
20488
20402
|
&.k-selected:hover {
|
|
20489
20403
|
position: relative;
|
|
20490
20404
|
z-index: 100;
|
|
@@ -20504,20 +20418,15 @@ $colorpalette-tile-selected-shadow: 0 1px 3px 1px rgba( black, .3 ), inset 0 0 0
|
|
|
20504
20418
|
.k-colorpalette-tile {
|
|
20505
20419
|
|
|
20506
20420
|
&:focus,
|
|
20507
|
-
&.k-state-focus,
|
|
20508
20421
|
&.k-focus {
|
|
20509
20422
|
@include box-shadow( $colorpalette-tile-focus-shadow );
|
|
20510
20423
|
}
|
|
20511
20424
|
|
|
20512
20425
|
&:hover,
|
|
20513
|
-
&.k-state-hover,
|
|
20514
20426
|
&.k-hover {
|
|
20515
20427
|
@include box-shadow( $colorpalette-tile-hover-shadow );
|
|
20516
20428
|
}
|
|
20517
20429
|
|
|
20518
|
-
&.k-state-selected,
|
|
20519
|
-
&.k-selected,
|
|
20520
|
-
&.k-state-selected:hover,
|
|
20521
20430
|
&.k-selected,
|
|
20522
20431
|
&.k-selected:hover {
|
|
20523
20432
|
@include box-shadow( $colorpalette-tile-selected-shadow );
|
|
@@ -20850,7 +20759,7 @@ $colorgradient-contrast-spacer: ( $colorgradient-spacer / 2 ) !default;
|
|
|
20850
20759
|
}
|
|
20851
20760
|
|
|
20852
20761
|
// Needed for the double check icons
|
|
20853
|
-
.k-
|
|
20762
|
+
.k-icon + .k-icon {
|
|
20854
20763
|
margin-left: -13px;
|
|
20855
20764
|
}
|
|
20856
20765
|
}
|
|
@@ -20896,7 +20805,6 @@ $colorgradient-contrast-spacer: ( $colorgradient-spacer / 2 ) !default;
|
|
|
20896
20805
|
}
|
|
20897
20806
|
|
|
20898
20807
|
.k-colorgradient:focus,
|
|
20899
|
-
.k-colorgradient.k-state-focus,
|
|
20900
20808
|
.k-colorgradient.k-focus {
|
|
20901
20809
|
@include fill( $border: $colorgradient-focus-border );
|
|
20902
20810
|
@include box-shadow( $colorgradient-focus-shadow );
|
|
@@ -20917,16 +20825,15 @@ $colorgradient-contrast-spacer: ( $colorgradient-spacer / 2 ) !default;
|
|
|
20917
20825
|
@include box-shadow( $colorgradient-draghandle-shadow );
|
|
20918
20826
|
|
|
20919
20827
|
&:focus,
|
|
20920
|
-
&.k-state-focus,
|
|
20921
20828
|
&.k-focus {
|
|
20922
20829
|
@include fill( $bg: transparent, $border: $white );
|
|
20923
20830
|
@include box-shadow( $colorgradient-draghandle-focus-shadow );
|
|
20924
20831
|
}
|
|
20925
20832
|
|
|
20926
|
-
&:active,
|
|
20927
20833
|
&:hover,
|
|
20928
|
-
&.k-
|
|
20929
|
-
&.k-
|
|
20834
|
+
&.k-hover,
|
|
20835
|
+
&.k-active,
|
|
20836
|
+
&:active {
|
|
20930
20837
|
@include fill( $bg: transparent, $border: $white );
|
|
20931
20838
|
@include box-shadow( $colorgradient-draghandle-hover-shadow );
|
|
20932
20839
|
}
|
|
@@ -21122,7 +21029,6 @@ $coloreditor-views-gap: $coloreditor-spacer !default;
|
|
|
21122
21029
|
}
|
|
21123
21030
|
|
|
21124
21031
|
.k-coloreditor:focus,
|
|
21125
|
-
.k-coloreditor.k-state-focus,
|
|
21126
21032
|
.k-coloreditor.k-focus {
|
|
21127
21033
|
@include fill( $border: $coloreditor-focus-border );
|
|
21128
21034
|
@include box-shadow( $coloreditor-focus-shadow );
|
|
@@ -22432,7 +22338,7 @@ $rating-icon-focused-selected-shadow: 0 2px 4px rgba( $black, .1) !default;
|
|
|
22432
22338
|
box-sizing: border-box;
|
|
22433
22339
|
}
|
|
22434
22340
|
|
|
22435
|
-
&.k-
|
|
22341
|
+
&.k-readonly {
|
|
22436
22342
|
pointer-events: none;
|
|
22437
22343
|
}
|
|
22438
22344
|
}
|
|
@@ -22512,7 +22418,6 @@ $rating-icon-focused-selected-shadow: 0 2px 4px rgba( $black, .1) !default;
|
|
|
22512
22418
|
color: $component-text;
|
|
22513
22419
|
|
|
22514
22420
|
&:focus,
|
|
22515
|
-
&.k-state-focused,
|
|
22516
22421
|
&.k-focus {
|
|
22517
22422
|
|
|
22518
22423
|
.k-rating-item {
|
|
@@ -22520,7 +22425,6 @@ $rating-icon-focused-selected-shadow: 0 2px 4px rgba( $black, .1) !default;
|
|
|
22520
22425
|
text-shadow: $rating-icon-focused-shadow;
|
|
22521
22426
|
}
|
|
22522
22427
|
|
|
22523
|
-
&.k-state-selected > .k-icon,
|
|
22524
22428
|
&.k-selected > .k-icon {
|
|
22525
22429
|
text-shadow: $rating-icon-focused-selected-shadow;
|
|
22526
22430
|
}
|
|
@@ -22531,19 +22435,16 @@ $rating-icon-focused-selected-shadow: 0 2px 4px rgba( $black, .1) !default;
|
|
|
22531
22435
|
.k-rating-item {
|
|
22532
22436
|
color: $rating-icon-text;
|
|
22533
22437
|
|
|
22534
|
-
&.k-state-selected,
|
|
22535
22438
|
&.k-selected {
|
|
22536
22439
|
color: $rating-icon-selected-text;
|
|
22537
22440
|
|
|
22538
22441
|
&:focus,
|
|
22539
|
-
&.k-state-focused,
|
|
22540
22442
|
&.k-focus {
|
|
22541
22443
|
color: $rating-icon-focused-text;
|
|
22542
22444
|
}
|
|
22543
22445
|
}
|
|
22544
22446
|
|
|
22545
22447
|
&:hover,
|
|
22546
|
-
&.k-state-hover,
|
|
22547
22448
|
&.k-hover {
|
|
22548
22449
|
color: $rating-icon-hover-text;
|
|
22549
22450
|
cursor: pointer;
|
|
@@ -22551,7 +22452,6 @@ $rating-icon-focused-selected-shadow: 0 2px 4px rgba( $black, .1) !default;
|
|
|
22551
22452
|
}
|
|
22552
22453
|
}
|
|
22553
22454
|
|
|
22554
|
-
|
|
22555
22455
|
// #endregion
|
|
22556
22456
|
|
|
22557
22457
|
// #endregion
|
|
@@ -22976,8 +22876,7 @@ $kendo-switch-on-thumb-hover-gradient: null !default;
|
|
|
22976
22876
|
@include exports( "switch/layout/bootstrap" ) {
|
|
22977
22877
|
|
|
22978
22878
|
// Switch
|
|
22979
|
-
.k-switch.k-disabled
|
|
22980
|
-
.k-switch.k-state-disabled {
|
|
22879
|
+
.k-switch.k-disabled {
|
|
22981
22880
|
opacity: 1;
|
|
22982
22881
|
filter: none;
|
|
22983
22882
|
}
|
|
@@ -23786,7 +23685,6 @@ $upload-focused-shadow: 0 0 0 2px rgba(0, 0, 0, .13) !default;
|
|
|
23786
23685
|
z-index: 1;
|
|
23787
23686
|
}
|
|
23788
23687
|
input[disabled],
|
|
23789
|
-
input.k-state-disabled,
|
|
23790
23688
|
input.k-disabled {
|
|
23791
23689
|
visibility: hidden;
|
|
23792
23690
|
}
|
|
@@ -23834,12 +23732,10 @@ $upload-focused-shadow: 0 0 0 2px rgba(0, 0, 0, .13) !default;
|
|
|
23834
23732
|
|
|
23835
23733
|
.k-file {
|
|
23836
23734
|
|
|
23837
|
-
&.k-state-focused,
|
|
23838
23735
|
&.k-focus {
|
|
23839
23736
|
box-shadow: inset $upload-focused-shadow;
|
|
23840
23737
|
}
|
|
23841
23738
|
|
|
23842
|
-
.k-upload-action.k-state-focused,
|
|
23843
23739
|
.k-upload-action.k-focus {
|
|
23844
23740
|
box-shadow: $upload-focused-shadow;
|
|
23845
23741
|
}
|
|
@@ -23931,7 +23827,6 @@ $upload-focused-shadow: 0 0 0 2px rgba(0, 0, 0, .13) !default;
|
|
|
23931
23827
|
}
|
|
23932
23828
|
|
|
23933
23829
|
// Invalid,
|
|
23934
|
-
&.k-state-invalid,
|
|
23935
23830
|
&.k-invalid,
|
|
23936
23831
|
&.ng-invalid.ng-touched,
|
|
23937
23832
|
&.ng-invalid.ng-dirty {
|
|
@@ -24487,8 +24382,8 @@ $kendo-fab-item-active-shadow: $kendo-fab-active-shadow !default;
|
|
|
24487
24382
|
|
|
24488
24383
|
// Hover state
|
|
24489
24384
|
@each $name, $color in $kendo-fab-theme-colors {
|
|
24490
|
-
.k-
|
|
24491
|
-
.k-fab-solid-#{$name}
|
|
24385
|
+
.k-fab-solid-#{$name}:hover,
|
|
24386
|
+
.k-fab-solid-#{$name}.k-hover {
|
|
24492
24387
|
border-color: try-darken( $color, 10% );
|
|
24493
24388
|
color: contrast-wcag( try-darken( $color, 7.5% ) );
|
|
24494
24389
|
background-color: try-darken( $color, 7.5% );
|
|
@@ -24497,8 +24392,8 @@ $kendo-fab-item-active-shadow: $kendo-fab-active-shadow !default;
|
|
|
24497
24392
|
|
|
24498
24393
|
// Focus state
|
|
24499
24394
|
@each $name, $color in $kendo-fab-theme-colors {
|
|
24500
|
-
.k-fab-solid-#{$name}
|
|
24501
|
-
.k-fab-solid-#{$name}
|
|
24395
|
+
.k-fab-solid-#{$name}:focus,
|
|
24396
|
+
.k-fab-solid-#{$name}.k-focus {
|
|
24502
24397
|
outline-style: solid;
|
|
24503
24398
|
outline-width: 3px;
|
|
24504
24399
|
outline-color: rgba( $color, .5 );
|
|
@@ -24507,9 +24402,9 @@ $kendo-fab-item-active-shadow: $kendo-fab-active-shadow !default;
|
|
|
24507
24402
|
|
|
24508
24403
|
// Active state
|
|
24509
24404
|
@each $name, $color in $kendo-fab-theme-colors {
|
|
24510
|
-
.k-
|
|
24511
|
-
.k-
|
|
24512
|
-
.k-fab-solid-#{$name}
|
|
24405
|
+
.k-fab-solid-#{$name}:active,
|
|
24406
|
+
.k-fab-solid-#{$name}.k-active,
|
|
24407
|
+
.k-fab-solid-#{$name}.k-selected {
|
|
24513
24408
|
@include box-shadow($kendo-fab-active-shadow);
|
|
24514
24409
|
border-color: try-darken( $color, 12.5% );
|
|
24515
24410
|
color: contrast-wcag( try-darken( $color, 10% ) );
|
|
@@ -24519,8 +24414,8 @@ $kendo-fab-item-active-shadow: $kendo-fab-active-shadow !default;
|
|
|
24519
24414
|
|
|
24520
24415
|
// Disabled state
|
|
24521
24416
|
@each $name, $color in $kendo-fab-theme-colors {
|
|
24522
|
-
.k-
|
|
24523
|
-
.k-fab-solid-#{$name}
|
|
24417
|
+
.k-fab-solid-#{$name}:disabled,
|
|
24418
|
+
.k-fab-solid-#{$name}.k-disabled {
|
|
24524
24419
|
@include box-shadow($kendo-fab-disabled-shadow);
|
|
24525
24420
|
background-color: try-tint( $color, 4.5 );
|
|
24526
24421
|
color: try-tint( contrast-wcag( $color ), 5 );
|
|
@@ -24549,8 +24444,8 @@ $kendo-fab-item-active-shadow: $kendo-fab-active-shadow !default;
|
|
|
24549
24444
|
}
|
|
24550
24445
|
|
|
24551
24446
|
// Hover state
|
|
24552
|
-
.k-fab-item
|
|
24553
|
-
.k-fab-item
|
|
24447
|
+
.k-fab-item:hover .k-fab-item-icon,
|
|
24448
|
+
.k-fab-item.k-hover .k-fab-item-icon {
|
|
24554
24449
|
@include box-shadow($kendo-fab-item-shadow);
|
|
24555
24450
|
outline: $kendo-fab-border-width solid try-darken( $kendo-fab-item-icon-border, 10% );
|
|
24556
24451
|
outline-offset: -$kendo-fab-border-width;
|
|
@@ -24561,8 +24456,8 @@ $kendo-fab-item-active-shadow: $kendo-fab-active-shadow !default;
|
|
|
24561
24456
|
|
|
24562
24457
|
// Focus state
|
|
24563
24458
|
.k-fab-item:focus .k-fab-item-text,
|
|
24564
|
-
.k-fab-item:focus .k-fab-item-icon,
|
|
24565
24459
|
.k-fab-item.k-focus .k-fab-item-text,
|
|
24460
|
+
.k-fab-item:focus .k-fab-item-icon,
|
|
24566
24461
|
.k-fab-item.k-focus .k-fab-item-icon {
|
|
24567
24462
|
outline-style: solid;
|
|
24568
24463
|
outline-width: 3px;
|
|
@@ -24570,8 +24465,8 @@ $kendo-fab-item-active-shadow: $kendo-fab-active-shadow !default;
|
|
|
24570
24465
|
}
|
|
24571
24466
|
|
|
24572
24467
|
// Active state
|
|
24573
|
-
.k-fab-item
|
|
24574
|
-
.k-fab-item
|
|
24468
|
+
.k-fab-item:active .k-fab-item-icon,
|
|
24469
|
+
.k-fab-item.k-active .k-fab-item-icon {
|
|
24575
24470
|
@include box-shadow($kendo-fab-item-active-shadow);
|
|
24576
24471
|
outline: $kendo-fab-border-width solid try-darken( $kendo-fab-item-icon-border, 12.5% );
|
|
24577
24472
|
outline-offset: -$kendo-fab-border-width;
|
|
@@ -24581,8 +24476,8 @@ $kendo-fab-item-active-shadow: $kendo-fab-active-shadow !default;
|
|
|
24581
24476
|
}
|
|
24582
24477
|
|
|
24583
24478
|
// Disabled state
|
|
24584
|
-
.k-fab-item
|
|
24585
|
-
.k-fab-item
|
|
24479
|
+
.k-fab-item:disabled,
|
|
24480
|
+
.k-fab-item.k-disabled {
|
|
24586
24481
|
opacity: 1;
|
|
24587
24482
|
|
|
24588
24483
|
.k-fab-item-text,
|
|
@@ -24965,7 +24860,6 @@ $actionsheet-item-disabled-shadow: null !default;
|
|
|
24965
24860
|
|
|
24966
24861
|
// Hover state
|
|
24967
24862
|
&:hover,
|
|
24968
|
-
&.k-state-hover,
|
|
24969
24863
|
&.k-hover {
|
|
24970
24864
|
@include fill(
|
|
24971
24865
|
$actionsheet-item-hover-text,
|
|
@@ -24979,7 +24873,6 @@ $actionsheet-item-disabled-shadow: null !default;
|
|
|
24979
24873
|
|
|
24980
24874
|
// Focus state
|
|
24981
24875
|
&:focus,
|
|
24982
|
-
&.k-state-focus,
|
|
24983
24876
|
&.k-focus {
|
|
24984
24877
|
@include fill(
|
|
24985
24878
|
$actionsheet-item-focus-text,
|
|
@@ -24993,7 +24886,6 @@ $actionsheet-item-disabled-shadow: null !default;
|
|
|
24993
24886
|
|
|
24994
24887
|
// Disabed state
|
|
24995
24888
|
&:disabled,
|
|
24996
|
-
&.k-state-disabled,
|
|
24997
24889
|
&.k-disabled {
|
|
24998
24890
|
@include fill(
|
|
24999
24891
|
$actionsheet-item-disabled-text,
|
|
@@ -25238,7 +25130,6 @@ $actionsheet-item-disabled-shadow: null !default;
|
|
|
25238
25130
|
|
|
25239
25131
|
.k-window {
|
|
25240
25132
|
&:focus,
|
|
25241
|
-
&.k-state-focused,
|
|
25242
25133
|
&.k-focus {
|
|
25243
25134
|
@include box-shadow( $window-focused-shadow );
|
|
25244
25135
|
}
|
|
@@ -25756,33 +25647,28 @@ $drawer-selected-hover-text: $selected-text !default;
|
|
|
25756
25647
|
.k-drawer-item {
|
|
25757
25648
|
|
|
25758
25649
|
&:hover,
|
|
25759
|
-
&.k-state-hover,
|
|
25760
25650
|
&.k-hover {
|
|
25761
25651
|
color: $drawer-hovered-text;
|
|
25762
25652
|
background-color: $drawer-hovered-bg;
|
|
25763
25653
|
}
|
|
25764
25654
|
|
|
25765
25655
|
&:focus,
|
|
25766
|
-
&.k-state-focused,
|
|
25767
25656
|
&.k-focus {
|
|
25768
25657
|
background-color: $drawer-focused-bg;
|
|
25769
25658
|
box-shadow: $drawer-focused-shadow;
|
|
25770
25659
|
|
|
25771
25660
|
&:hover,
|
|
25772
|
-
&.k-state-hover,
|
|
25773
25661
|
&.k-hover {
|
|
25774
25662
|
color: $drawer-hovered-text;
|
|
25775
25663
|
background-color: $drawer-hovered-bg;
|
|
25776
25664
|
}
|
|
25777
25665
|
}
|
|
25778
25666
|
|
|
25779
|
-
&.k-state-selected,
|
|
25780
25667
|
&.k-selected {
|
|
25781
25668
|
color: $drawer-selected-text;
|
|
25782
25669
|
background-color: $drawer-selected-bg;
|
|
25783
25670
|
|
|
25784
25671
|
&:hover,
|
|
25785
|
-
&.k-state-hover,
|
|
25786
25672
|
&.k-hover {
|
|
25787
25673
|
color: $drawer-selected-hover-text;
|
|
25788
25674
|
background-color: $drawer-selected-hover-bg;
|
|
@@ -25913,7 +25799,8 @@ $kendo-notification-theme: notification-theme( $kendo-notification-theme-colors
|
|
|
25913
25799
|
flex: none;
|
|
25914
25800
|
}
|
|
25915
25801
|
|
|
25916
|
-
> .k-i-close
|
|
25802
|
+
> .k-i-close,
|
|
25803
|
+
> .k-i-x {
|
|
25917
25804
|
margin-right: 0;
|
|
25918
25805
|
margin-left: $notification-icon-spacing;
|
|
25919
25806
|
flex: none;
|
|
@@ -25936,7 +25823,8 @@ $kendo-notification-theme: notification-theme( $kendo-notification-theme-colors
|
|
|
25936
25823
|
margin-left: $notification-icon-spacing;
|
|
25937
25824
|
}
|
|
25938
25825
|
|
|
25939
|
-
> .k-i-close
|
|
25826
|
+
> .k-i-close,
|
|
25827
|
+
> .k-i-x {
|
|
25940
25828
|
margin-left: 0;
|
|
25941
25829
|
margin-right: $notification-icon-spacing;
|
|
25942
25830
|
}
|
|
@@ -25961,7 +25849,8 @@ $kendo-notification-theme: notification-theme( $kendo-notification-theme-colors
|
|
|
25961
25849
|
);
|
|
25962
25850
|
}
|
|
25963
25851
|
.k-notification-wrap {
|
|
25964
|
-
> .k-i-close
|
|
25852
|
+
> .k-i-close,
|
|
25853
|
+
> .k-i-x {
|
|
25965
25854
|
color: inherit;
|
|
25966
25855
|
}
|
|
25967
25856
|
}
|
|
@@ -26100,16 +25989,6 @@ $card-deck-scroll-button-offset: -$kendo-button-border-width !default;
|
|
|
26100
25989
|
$card-callout-width: 1.3em !default;
|
|
26101
25990
|
$card-callout-height: 1.3em !default;
|
|
26102
25991
|
|
|
26103
|
-
$card-callout-box-shadow-n: null !default;
|
|
26104
|
-
$card-callout-box-shadow-e: null !default;
|
|
26105
|
-
$card-callout-box-shadow-s: null !default;
|
|
26106
|
-
$card-callout-box-shadow-w: null !default;
|
|
26107
|
-
|
|
26108
|
-
$card-focus-callout-box-shadow-n: $card-focus-shadow !default;
|
|
26109
|
-
$card-focus-callout-box-shadow-e: $card-focus-shadow !default;
|
|
26110
|
-
$card-focus-callout-box-shadow-s: 3px -3px 0 0 rgba( $card-border, .5 ) !default;
|
|
26111
|
-
$card-focus-callout-box-shadow-w: $card-focus-shadow !default;
|
|
26112
|
-
|
|
26113
25992
|
// #endregion
|
|
26114
25993
|
// #region @import "_layout.scss"; -> packages/bootstrap/scss/card/_layout.scss
|
|
26115
25994
|
// #region @import "~@progress/kendo-theme-default/scss/card/_layout.scss"; -> packages/bootstrap/node_modules/@progress/kendo-theme-default/scss/card/_layout.scss
|
|
@@ -26154,6 +26033,7 @@ $card-focus-callout-box-shadow-w: $card-focus-shadow !default;
|
|
|
26154
26033
|
display: flex;
|
|
26155
26034
|
flex-direction: inherit;
|
|
26156
26035
|
overflow: hidden;
|
|
26036
|
+
position: relative;
|
|
26157
26037
|
}
|
|
26158
26038
|
|
|
26159
26039
|
|
|
@@ -26444,7 +26324,7 @@ $card-focus-callout-box-shadow-w: $card-focus-shadow !default;
|
|
|
26444
26324
|
margin: 0;
|
|
26445
26325
|
width: $card-callout-width;
|
|
26446
26326
|
height: $card-callout-height;
|
|
26447
|
-
border-width: $card-border-width
|
|
26327
|
+
border-width: $card-border-width;
|
|
26448
26328
|
border-style: solid;
|
|
26449
26329
|
box-sizing: border-box;
|
|
26450
26330
|
position: absolute;
|
|
@@ -26453,22 +26333,22 @@ $card-focus-callout-box-shadow-w: $card-focus-shadow !default;
|
|
|
26453
26333
|
.k-card-callout.k-callout-n {
|
|
26454
26334
|
top: 0;
|
|
26455
26335
|
left: 50%;
|
|
26456
|
-
transform: translate(-50%, -50%) rotate(
|
|
26336
|
+
transform: translate(-50%, -50%) rotate(45deg);
|
|
26457
26337
|
}
|
|
26458
26338
|
.k-card-callout.k-callout-e {
|
|
26459
26339
|
top: 50%;
|
|
26460
26340
|
right: 0;
|
|
26461
|
-
transform: translate(50%, -50%) rotate(
|
|
26341
|
+
transform: translate(50%, -50%) rotate(-45deg);
|
|
26462
26342
|
}
|
|
26463
26343
|
.k-card-callout.k-callout-s {
|
|
26464
26344
|
bottom: 0;
|
|
26465
26345
|
left: 50%;
|
|
26466
|
-
transform: translate(-50%, 50%) rotate(
|
|
26346
|
+
transform: translate(-50%, 50%) rotate(45deg);
|
|
26467
26347
|
}
|
|
26468
26348
|
.k-card-callout.k-callout-w {
|
|
26469
26349
|
top: 50%;
|
|
26470
26350
|
left: 0;
|
|
26471
|
-
transform: translate(-50%, -50%) rotate(
|
|
26351
|
+
transform: translate(-50%, -50%) rotate(45deg);
|
|
26472
26352
|
}
|
|
26473
26353
|
|
|
26474
26354
|
}
|
|
@@ -26525,9 +26405,13 @@ $card-focus-callout-box-shadow-w: $card-focus-shadow !default;
|
|
|
26525
26405
|
);
|
|
26526
26406
|
@include box-shadow( $card-shadow );
|
|
26527
26407
|
|
|
26408
|
+
.k-card-inner {
|
|
26409
|
+
background-color: inherit;
|
|
26410
|
+
border-color: inherit;
|
|
26411
|
+
}
|
|
26412
|
+
|
|
26528
26413
|
&:focus,
|
|
26529
|
-
&.k-focus
|
|
26530
|
-
&.k-state-focus {
|
|
26414
|
+
&.k-focus {
|
|
26531
26415
|
@include fill(
|
|
26532
26416
|
$card-focus-text,
|
|
26533
26417
|
$card-focus-bg,
|
|
@@ -26536,8 +26420,7 @@ $card-focus-callout-box-shadow-w: $card-focus-shadow !default;
|
|
|
26536
26420
|
@include box-shadow( $card-focus-shadow );
|
|
26537
26421
|
}
|
|
26538
26422
|
|
|
26539
|
-
&.k-selected
|
|
26540
|
-
&.k-state-selected {
|
|
26423
|
+
&.k-selected {
|
|
26541
26424
|
@include box-shadow( $card-focus-shadow );
|
|
26542
26425
|
}
|
|
26543
26426
|
}
|
|
@@ -26589,10 +26472,8 @@ $card-focus-callout-box-shadow-w: $card-focus-shadow !default;
|
|
|
26589
26472
|
|
|
26590
26473
|
|
|
26591
26474
|
.k-card-wrap {
|
|
26592
|
-
&.k-state-focused,
|
|
26593
|
-
&.k-focus,
|
|
26594
26475
|
&:focus,
|
|
26595
|
-
&.k-
|
|
26476
|
+
&.k-focus,
|
|
26596
26477
|
&.k-selected {
|
|
26597
26478
|
> .k-card {
|
|
26598
26479
|
@include box-shadow( $card-focus-shadow );
|
|
@@ -26604,28 +26485,11 @@ $card-focus-callout-box-shadow-w: $card-focus-shadow !default;
|
|
|
26604
26485
|
// Card callout
|
|
26605
26486
|
.k-card-callout {
|
|
26606
26487
|
@include fill(
|
|
26607
|
-
$bg:
|
|
26608
|
-
$border:
|
|
26488
|
+
$bg: inherit,
|
|
26489
|
+
$border: inherit
|
|
26609
26490
|
);
|
|
26610
|
-
}
|
|
26611
26491
|
|
|
26612
|
-
|
|
26613
|
-
.k-card-callout.k-callout-e { @include box-shadow( $card-callout-box-shadow-e ); }
|
|
26614
|
-
.k-card-callout.k-callout-s { @include box-shadow( $card-callout-box-shadow-s ); }
|
|
26615
|
-
.k-card-callout.k-callout-w { @include box-shadow( $card-callout-box-shadow-w ); }
|
|
26616
|
-
|
|
26617
|
-
.k-card:focus .k-card-callout,
|
|
26618
|
-
.k-card.k-focus .k-card-callout,
|
|
26619
|
-
.k-card.k-state-focus .k-card-callout {
|
|
26620
|
-
@include fill(
|
|
26621
|
-
$bg: $card-focus-bg,
|
|
26622
|
-
$border: $card-focus-border
|
|
26623
|
-
);
|
|
26624
|
-
|
|
26625
|
-
&.k-callout-n { @include box-shadow( $card-focus-callout-box-shadow-n ); }
|
|
26626
|
-
&.k-callout-e { @include box-shadow( $card-focus-callout-box-shadow-e ); }
|
|
26627
|
-
&.k-callout-s { @include box-shadow( $card-focus-callout-box-shadow-s ); }
|
|
26628
|
-
&.k-callout-w { @include box-shadow( $card-focus-callout-box-shadow-w ); }
|
|
26492
|
+
@include box-shadow( inherit );
|
|
26629
26493
|
}
|
|
26630
26494
|
|
|
26631
26495
|
}
|
|
@@ -26672,10 +26536,6 @@ $popover-callout-border-width: $popover-border-width !default;
|
|
|
26672
26536
|
$popover-callout-border-style: $popover-border-style !default;
|
|
26673
26537
|
$popover-callout-bg: $popover-bg !default;
|
|
26674
26538
|
$popover-callout-border: $popover-border !default;
|
|
26675
|
-
$popover-callout-shadow-n: null !default;
|
|
26676
|
-
$popover-callout-shadow-e: null !default;
|
|
26677
|
-
$popover-callout-shadow-s: null !default;
|
|
26678
|
-
$popover-callout-shadow-w: null !default;
|
|
26679
26539
|
|
|
26680
26540
|
// #endregion
|
|
26681
26541
|
// #region @import "_layout.scss"; -> packages/bootstrap/scss/popover/_layout.scss
|
|
@@ -26706,6 +26566,11 @@ $popover-callout-shadow-w: null !default;
|
|
|
26706
26566
|
}
|
|
26707
26567
|
}
|
|
26708
26568
|
|
|
26569
|
+
.k-popover-inner {
|
|
26570
|
+
position: relative;
|
|
26571
|
+
border-radius: inherit;
|
|
26572
|
+
}
|
|
26573
|
+
|
|
26709
26574
|
// Header
|
|
26710
26575
|
.k-popover-header {
|
|
26711
26576
|
@include border-top-radius( $popover-border-radius );
|
|
@@ -26732,32 +26597,32 @@ $popover-callout-shadow-w: null !default;
|
|
|
26732
26597
|
margin: 0;
|
|
26733
26598
|
width: $popover-callout-width;
|
|
26734
26599
|
height: $popover-callout-height;
|
|
26735
|
-
border-width: $popover-callout-border-width
|
|
26600
|
+
border-width: $popover-callout-border-width;
|
|
26736
26601
|
border-style: $popover-callout-border-style;
|
|
26737
26602
|
position: absolute;
|
|
26738
26603
|
|
|
26739
26604
|
&.k-callout-n {
|
|
26740
26605
|
top: 0;
|
|
26741
26606
|
left: 50%;
|
|
26742
|
-
transform: translate(-50%, -50%) rotate(
|
|
26607
|
+
transform: translate(-50%, -50%) rotate(45deg);
|
|
26743
26608
|
}
|
|
26744
26609
|
|
|
26745
26610
|
&.k-callout-e {
|
|
26746
26611
|
top: 50%;
|
|
26747
26612
|
right: 0;
|
|
26748
|
-
transform: translate(50%, -50%) rotate(
|
|
26613
|
+
transform: translate(50%, -50%) rotate(-45deg);
|
|
26749
26614
|
}
|
|
26750
26615
|
|
|
26751
26616
|
&.k-callout-s {
|
|
26752
26617
|
bottom: 0;
|
|
26753
26618
|
left: 50%;
|
|
26754
|
-
transform: translate(-50%, 50%) rotate(
|
|
26619
|
+
transform: translate(-50%, 50%) rotate(45deg);
|
|
26755
26620
|
}
|
|
26756
26621
|
|
|
26757
26622
|
&.k-callout-w {
|
|
26758
26623
|
top: 50%;
|
|
26759
26624
|
left: 0;
|
|
26760
|
-
transform: translate(-50%, -50%) rotate(
|
|
26625
|
+
transform: translate(-50%, -50%) rotate(45deg);
|
|
26761
26626
|
}
|
|
26762
26627
|
}
|
|
26763
26628
|
|
|
@@ -26781,6 +26646,11 @@ $popover-callout-shadow-w: null !default;
|
|
|
26781
26646
|
);
|
|
26782
26647
|
}
|
|
26783
26648
|
|
|
26649
|
+
.k-popover-inner {
|
|
26650
|
+
background-color: inherit;
|
|
26651
|
+
border-color: inherit;
|
|
26652
|
+
}
|
|
26653
|
+
|
|
26784
26654
|
// Header
|
|
26785
26655
|
.k-popover-header {
|
|
26786
26656
|
@include fill(
|
|
@@ -26793,14 +26663,11 @@ $popover-callout-shadow-w: null !default;
|
|
|
26793
26663
|
// Callout
|
|
26794
26664
|
.k-popover-callout {
|
|
26795
26665
|
@include fill(
|
|
26796
|
-
$bg:
|
|
26797
|
-
$border:
|
|
26666
|
+
$bg: inherit,
|
|
26667
|
+
$border: inherit
|
|
26798
26668
|
);
|
|
26799
26669
|
|
|
26800
|
-
|
|
26801
|
-
&.k-callout-e { @include box-shadow( $popover-callout-shadow-e ); }
|
|
26802
|
-
&.k-callout-s { @include box-shadow( $popover-callout-shadow-s ); }
|
|
26803
|
-
&.k-callout-w { @include box-shadow( $popover-callout-shadow-w ); }
|
|
26670
|
+
@include box-shadow( inherit )
|
|
26804
26671
|
}
|
|
26805
26672
|
|
|
26806
26673
|
}
|
|
@@ -27039,7 +26906,6 @@ $bottom-nav-flat-border: $component-border !default;
|
|
|
27039
26906
|
outline: 0;
|
|
27040
26907
|
}
|
|
27041
26908
|
}
|
|
27042
|
-
.k-bottom-nav-item.k-state-disabled,
|
|
27043
26909
|
.k-bottom-nav-item.k-disabled {
|
|
27044
26910
|
background-color: initial;
|
|
27045
26911
|
}
|
|
@@ -27086,15 +26952,11 @@ $bottom-nav-flat-border: $component-border !default;
|
|
|
27086
26952
|
$bg: $color
|
|
27087
26953
|
);
|
|
27088
26954
|
|
|
27089
|
-
.k-bottom-nav-item.k-state-focus,
|
|
27090
|
-
.k-bottom-nav-item.k-focus,
|
|
27091
|
-
.k-bottom-nav-item.k-state-focused,
|
|
27092
26955
|
.k-bottom-nav-item.k-focus,
|
|
27093
26956
|
.k-bottom-nav-item:focus {
|
|
27094
26957
|
@include fill( $bg: rgba(true-mix( $color, contrast-wcag( $color ), 35%), .2));
|
|
27095
26958
|
}
|
|
27096
26959
|
|
|
27097
|
-
.k-bottom-nav-item.k-state-selected,
|
|
27098
26960
|
.k-bottom-nav-item.k-selected {
|
|
27099
26961
|
@include fill( $color: contrast-wcag( $color ) );
|
|
27100
26962
|
}
|
|
@@ -27109,16 +26971,12 @@ $bottom-nav-flat-border: $component-border !default;
|
|
|
27109
26971
|
$bottom-nav-flat-border
|
|
27110
26972
|
);
|
|
27111
26973
|
|
|
27112
|
-
.k-bottom-nav-item.k-state-focus,
|
|
27113
|
-
.k-bottom-nav-item.k-focus,
|
|
27114
|
-
.k-bottom-nav-item.k-state-focused,
|
|
27115
26974
|
.k-bottom-nav-item.k-focus,
|
|
27116
26975
|
.k-bottom-nav-item:focus {
|
|
27117
26976
|
@include fill( $bg: rgba($bottom-nav-flat-text, .05) );
|
|
27118
26977
|
}
|
|
27119
26978
|
|
|
27120
26979
|
@each $name, $color in $kendo-theme-colors {
|
|
27121
|
-
&.k-bottom-nav-#{$name} .k-bottom-nav-item.k-state-selected,
|
|
27122
26980
|
&.k-bottom-nav-#{$name} .k-bottom-nav-item.k-selected {
|
|
27123
26981
|
@if $name == "secondary" or $name == "light" {
|
|
27124
26982
|
@include fill( $color: try-shade($color, 3) );
|
|
@@ -27374,7 +27232,6 @@ $breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
|
|
|
27374
27232
|
text-decoration: $link-decoration;
|
|
27375
27233
|
|
|
27376
27234
|
&:hover,
|
|
27377
|
-
&.k-state-hover,
|
|
27378
27235
|
&.k-hover {
|
|
27379
27236
|
text-decoration: $link-hover-decoration;
|
|
27380
27237
|
}
|
|
@@ -27395,7 +27252,6 @@ $breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
|
|
|
27395
27252
|
);
|
|
27396
27253
|
|
|
27397
27254
|
&:focus,
|
|
27398
|
-
&.k-state-focused,
|
|
27399
27255
|
&.k-focus {
|
|
27400
27256
|
@include box-shadow( $breadcrumb-focused-shadow );
|
|
27401
27257
|
}
|
|
@@ -27412,7 +27268,6 @@ $breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
|
|
|
27412
27268
|
|
|
27413
27269
|
// Hovered state
|
|
27414
27270
|
&:hover,
|
|
27415
|
-
&.k-state-hover,
|
|
27416
27271
|
&.k-hover {
|
|
27417
27272
|
@include fill(
|
|
27418
27273
|
$breadcrumb-link-hovered-text,
|
|
@@ -27423,7 +27278,6 @@ $breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
|
|
|
27423
27278
|
|
|
27424
27279
|
// Focused state
|
|
27425
27280
|
&:focus,
|
|
27426
|
-
&.k-state-focused,
|
|
27427
27281
|
&.k-focus {
|
|
27428
27282
|
@include fill(
|
|
27429
27283
|
$breadcrumb-link-focused-text,
|
|
@@ -27445,7 +27299,6 @@ $breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
|
|
|
27445
27299
|
|
|
27446
27300
|
// Hovered state
|
|
27447
27301
|
&:hover,
|
|
27448
|
-
&.k-state-hover,
|
|
27449
27302
|
&.k-hover {
|
|
27450
27303
|
@include fill(
|
|
27451
27304
|
$breadcrumb-root-link-hovered-text,
|
|
@@ -27456,7 +27309,6 @@ $breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
|
|
|
27456
27309
|
|
|
27457
27310
|
// Focused state
|
|
27458
27311
|
&:focus,
|
|
27459
|
-
&.k-state-focused,
|
|
27460
27312
|
&.k-focus {
|
|
27461
27313
|
@include fill(
|
|
27462
27314
|
$breadcrumb-root-link-focused-text,
|
|
@@ -27480,7 +27332,6 @@ $breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
|
|
|
27480
27332
|
color: $breadcrumb-active-color;
|
|
27481
27333
|
}
|
|
27482
27334
|
|
|
27483
|
-
.k-state-disabled,
|
|
27484
27335
|
.k-disabled {
|
|
27485
27336
|
opacity: 1;
|
|
27486
27337
|
filter: none;
|
|
@@ -27624,7 +27475,6 @@ $pager-dropdown-width: 5em !default;
|
|
|
27624
27475
|
|
|
27625
27476
|
// Focused state
|
|
27626
27477
|
&:focus,
|
|
27627
|
-
&.k-state-focus,
|
|
27628
27478
|
&.k-focus {
|
|
27629
27479
|
z-index: 3;
|
|
27630
27480
|
}
|
|
@@ -27633,6 +27483,10 @@ $pager-dropdown-width: 5em !default;
|
|
|
27633
27483
|
.k-rtl &,
|
|
27634
27484
|
&[dir="rtl"],
|
|
27635
27485
|
[dir="rtl"] & {
|
|
27486
|
+
.k-i-caret-alt-to-left,
|
|
27487
|
+
.k-i-caret-alt-to-right,
|
|
27488
|
+
.k-i-caret-alt-left,
|
|
27489
|
+
.k-i-caret-alt-right,
|
|
27636
27490
|
.k-i-arrow-end-left,
|
|
27637
27491
|
.k-i-arrow-60-left,
|
|
27638
27492
|
.k-i-arrow-60-right,
|
|
@@ -27674,7 +27528,6 @@ $pager-dropdown-width: 5em !default;
|
|
|
27674
27528
|
&:hover {
|
|
27675
27529
|
z-index: 2;
|
|
27676
27530
|
}
|
|
27677
|
-
&.k-state-disabled,
|
|
27678
27531
|
&.k-disabled {
|
|
27679
27532
|
color: inherit;
|
|
27680
27533
|
}
|
|
@@ -27724,7 +27577,6 @@ $pager-dropdown-width: 5em !default;
|
|
|
27724
27577
|
}
|
|
27725
27578
|
|
|
27726
27579
|
// Selected state
|
|
27727
|
-
.k-state-selected,
|
|
27728
27580
|
.k-selected {
|
|
27729
27581
|
cursor: inherit;
|
|
27730
27582
|
z-index: 2;
|
|
@@ -27896,9 +27748,6 @@ $pager-dropdown-width: 5em !default;
|
|
|
27896
27748
|
);
|
|
27897
27749
|
|
|
27898
27750
|
&:focus,
|
|
27899
|
-
&.k-focus,
|
|
27900
|
-
&.k-state-focus,
|
|
27901
|
-
&.k-state-focused,
|
|
27902
27751
|
&.k-focus {
|
|
27903
27752
|
@include fill( $bg: $pager-focus-bg );
|
|
27904
27753
|
@include box-shadow( $pager-focus-shadow );
|
|
@@ -27914,7 +27763,6 @@ $pager-dropdown-width: 5em !default;
|
|
|
27914
27763
|
);
|
|
27915
27764
|
|
|
27916
27765
|
&:hover,
|
|
27917
|
-
&.k-state-hover,
|
|
27918
27766
|
&.k-hover {
|
|
27919
27767
|
@include fill(
|
|
27920
27768
|
$pager-item-hover-text,
|
|
@@ -27923,7 +27771,6 @@ $pager-dropdown-width: 5em !default;
|
|
|
27923
27771
|
);
|
|
27924
27772
|
}
|
|
27925
27773
|
|
|
27926
|
-
&.k-state-selected,
|
|
27927
27774
|
&.k-selected {
|
|
27928
27775
|
@include fill(
|
|
27929
27776
|
$pager-item-selected-text,
|
|
@@ -27933,7 +27780,6 @@ $pager-dropdown-width: 5em !default;
|
|
|
27933
27780
|
}
|
|
27934
27781
|
|
|
27935
27782
|
&:focus,
|
|
27936
|
-
&.k-state-focus,
|
|
27937
27783
|
&.k-focus {
|
|
27938
27784
|
background-color: $pager-item-focus-bg;
|
|
27939
27785
|
@include box-shadow( $pager-item-focus-shadow );
|
|
@@ -27957,7 +27803,6 @@ $pager-dropdown-width: 5em !default;
|
|
|
27957
27803
|
);
|
|
27958
27804
|
|
|
27959
27805
|
&:hover,
|
|
27960
|
-
&.k-state-hover,
|
|
27961
27806
|
&.k-hover {
|
|
27962
27807
|
@include fill(
|
|
27963
27808
|
$pager-number-hover-text,
|
|
@@ -27967,13 +27812,11 @@ $pager-dropdown-width: 5em !default;
|
|
|
27967
27812
|
}
|
|
27968
27813
|
|
|
27969
27814
|
&:focus,
|
|
27970
|
-
&.k-state-focus,
|
|
27971
27815
|
&.k-focus {
|
|
27972
27816
|
background-color: $pager-number-focus-bg;
|
|
27973
27817
|
@include box-shadow( $pager-number-focus-shadow );
|
|
27974
27818
|
}
|
|
27975
27819
|
|
|
27976
|
-
&.k-state-selected,
|
|
27977
27820
|
&.k-selected {
|
|
27978
27821
|
@include fill(
|
|
27979
27822
|
$pager-number-selected-text,
|
|
@@ -28006,7 +27849,6 @@ $pager-dropdown-width: 5em !default;
|
|
|
28006
27849
|
);
|
|
28007
27850
|
|
|
28008
27851
|
&:hover,
|
|
28009
|
-
&.k-state-hover,
|
|
28010
27852
|
&.k-hover {
|
|
28011
27853
|
@include fill(
|
|
28012
27854
|
$dropdownlist-hovered-text,
|
|
@@ -28016,7 +27858,7 @@ $pager-dropdown-width: 5em !default;
|
|
|
28016
27858
|
}
|
|
28017
27859
|
}
|
|
28018
27860
|
|
|
28019
|
-
&.k-
|
|
27861
|
+
&.k-expanded {
|
|
28020
27862
|
@include fill(
|
|
28021
27863
|
$popup-text,
|
|
28022
27864
|
$popup-bg,
|
|
@@ -28027,7 +27869,6 @@ $pager-dropdown-width: 5em !default;
|
|
|
28027
27869
|
.k-link {
|
|
28028
27870
|
|
|
28029
27871
|
&:hover,
|
|
28030
|
-
&.k-state-hover,
|
|
28031
27872
|
&.k-hover {
|
|
28032
27873
|
@include fill(
|
|
28033
27874
|
$kendo-list-item-hover-text,
|
|
@@ -28035,7 +27876,6 @@ $pager-dropdown-width: 5em !default;
|
|
|
28035
27876
|
);
|
|
28036
27877
|
}
|
|
28037
27878
|
|
|
28038
|
-
&.k-state-selected,
|
|
28039
27879
|
&.k-selected {
|
|
28040
27880
|
@include fill(
|
|
28041
27881
|
$kendo-list-item-selected-text,
|
|
@@ -28075,7 +27915,6 @@ $pager-dropdown-width: 5em !default;
|
|
|
28075
27915
|
);
|
|
28076
27916
|
|
|
28077
27917
|
&:hover,
|
|
28078
|
-
&.k-state-hover,
|
|
28079
27918
|
&.k-hover {
|
|
28080
27919
|
@include fill(
|
|
28081
27920
|
$pager-text,
|
|
@@ -28674,7 +28513,6 @@ $stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !def
|
|
|
28674
28513
|
$bg: $stepper-progressbar-bg
|
|
28675
28514
|
);
|
|
28676
28515
|
|
|
28677
|
-
.k-state-selected,
|
|
28678
28516
|
.k-selected {
|
|
28679
28517
|
@include fill(
|
|
28680
28518
|
$color: $stepper-progressbar-fill-text,
|
|
@@ -28925,13 +28763,11 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
28925
28763
|
position: relative;
|
|
28926
28764
|
z-index: 1;
|
|
28927
28765
|
|
|
28928
|
-
&.k-state-active,
|
|
28929
28766
|
&.k-active {
|
|
28930
28767
|
display: block;
|
|
28931
28768
|
}
|
|
28932
28769
|
|
|
28933
28770
|
&:focus,
|
|
28934
|
-
&.k-state-focused,
|
|
28935
28771
|
&.k-focus {
|
|
28936
28772
|
outline-width: 1px;
|
|
28937
28773
|
outline-style: dotted;
|
|
@@ -29020,7 +28856,6 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29020
28856
|
margin-left: $tabstrip-item-gap;
|
|
29021
28857
|
}
|
|
29022
28858
|
|
|
29023
|
-
.k-item.k-state-active,
|
|
29024
28859
|
.k-item.k-active {
|
|
29025
28860
|
border-bottom-color: transparent;
|
|
29026
28861
|
}
|
|
@@ -29050,7 +28885,6 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29050
28885
|
margin-left: $tabstrip-item-gap;
|
|
29051
28886
|
}
|
|
29052
28887
|
|
|
29053
|
-
.k-item.k-state-active,
|
|
29054
28888
|
.k-item.k-active {
|
|
29055
28889
|
border-top-color: transparent;
|
|
29056
28890
|
}
|
|
@@ -29084,7 +28918,6 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29084
28918
|
margin-top: $tabstrip-item-gap;
|
|
29085
28919
|
}
|
|
29086
28920
|
|
|
29087
|
-
.k-item.k-state-active,
|
|
29088
28921
|
.k-item.k-active {
|
|
29089
28922
|
border-right-color: transparent;
|
|
29090
28923
|
}
|
|
@@ -29120,7 +28953,6 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29120
28953
|
margin-top: $tabstrip-item-gap;
|
|
29121
28954
|
}
|
|
29122
28955
|
|
|
29123
|
-
.k-item.k-state-active,
|
|
29124
28956
|
.k-item.k-active {
|
|
29125
28957
|
border-left-color: transparent;
|
|
29126
28958
|
}
|
|
@@ -29166,7 +28998,6 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29166
28998
|
border-left-width: $tabstrip-indicator-size;
|
|
29167
28999
|
}
|
|
29168
29000
|
}
|
|
29169
|
-
.k-item.k-state-active::after,
|
|
29170
29001
|
.k-item.k-active::after {
|
|
29171
29002
|
display: block;
|
|
29172
29003
|
}
|
|
@@ -29240,7 +29071,6 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29240
29071
|
);
|
|
29241
29072
|
|
|
29242
29073
|
&:hover,
|
|
29243
|
-
&.k-state-hover,
|
|
29244
29074
|
&.k-hover {
|
|
29245
29075
|
@include fill(
|
|
29246
29076
|
$tabstrip-item-hovered-text,
|
|
@@ -29251,9 +29081,7 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29251
29081
|
}
|
|
29252
29082
|
|
|
29253
29083
|
&:active,
|
|
29254
|
-
&.k-state-active,
|
|
29255
29084
|
&.k-active,
|
|
29256
|
-
&.k-state-selected,
|
|
29257
29085
|
&.k-selected {
|
|
29258
29086
|
@include fill(
|
|
29259
29087
|
$tabstrip-item-selected-text,
|
|
@@ -29264,7 +29092,6 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29264
29092
|
}
|
|
29265
29093
|
|
|
29266
29094
|
&:focus,
|
|
29267
|
-
&.k-state-focused,
|
|
29268
29095
|
&.k-focus {
|
|
29269
29096
|
@include box-shadow( $tabstrip-item-focused-shadow );
|
|
29270
29097
|
}
|
|
@@ -29287,7 +29114,6 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29287
29114
|
);
|
|
29288
29115
|
|
|
29289
29116
|
&:focus,
|
|
29290
|
-
&.k-state-focused,
|
|
29291
29117
|
&.k-focus {
|
|
29292
29118
|
outline-color: $tabstrip-content-border-focused;
|
|
29293
29119
|
}
|
|
@@ -29298,7 +29124,6 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29298
29124
|
@if ($tabstrip-indicator-size) {
|
|
29299
29125
|
|
|
29300
29126
|
.k-tabstrip-items-wrapper {
|
|
29301
|
-
.k-item.k-state-active::after,
|
|
29302
29127
|
.k-item.k-active::after {
|
|
29303
29128
|
border-color: $tabstrip-indicator-color;
|
|
29304
29129
|
}
|
|
@@ -29315,36 +29140,32 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29315
29140
|
// Tabstrip variants
|
|
29316
29141
|
.k-tabstrip-top {
|
|
29317
29142
|
|
|
29318
|
-
> .k-tabstrip-items .k-item
|
|
29143
|
+
> .k-tabstrip-items .k-item:hover,
|
|
29319
29144
|
> .k-tabstrip-items .k-item.k-hover,
|
|
29320
|
-
> .k-tabstrip-items .k-item.k-state-active,
|
|
29321
29145
|
> .k-tabstrip-items .k-item.k-active {
|
|
29322
29146
|
border-bottom-color: transparent;
|
|
29323
29147
|
}
|
|
29324
29148
|
}
|
|
29325
29149
|
.k-tabstrip-bottom {
|
|
29326
29150
|
|
|
29327
|
-
> .k-tabstrip-items .k-item
|
|
29151
|
+
> .k-tabstrip-items .k-item:hover,
|
|
29328
29152
|
> .k-tabstrip-items .k-item.k-hover,
|
|
29329
|
-
> .k-tabstrip-items .k-item.k-state-active,
|
|
29330
29153
|
> .k-tabstrip-items .k-item.k-active {
|
|
29331
29154
|
border-top-color: transparent;
|
|
29332
29155
|
}
|
|
29333
29156
|
}
|
|
29334
29157
|
.k-tabstrip-left {
|
|
29335
29158
|
|
|
29336
|
-
> .k-tabstrip-items .k-item
|
|
29159
|
+
> .k-tabstrip-items .k-item:hover,
|
|
29337
29160
|
> .k-tabstrip-items .k-item.k-hover,
|
|
29338
|
-
> .k-tabstrip-items .k-item.k-state-active,
|
|
29339
29161
|
> .k-tabstrip-items .k-item.k-active {
|
|
29340
29162
|
border-right-color: transparent;
|
|
29341
29163
|
}
|
|
29342
29164
|
}
|
|
29343
29165
|
.k-tabstrip-right {
|
|
29344
29166
|
|
|
29345
|
-
> .k-tabstrip-items .k-item
|
|
29167
|
+
> .k-tabstrip-items .k-item:hover,
|
|
29346
29168
|
> .k-tabstrip-items .k-item.k-hover,
|
|
29347
|
-
> .k-tabstrip-items .k-item.k-state-active,
|
|
29348
29169
|
> .k-tabstrip-items .k-item.k-active {
|
|
29349
29170
|
border-left-color: transparent;
|
|
29350
29171
|
}
|
|
@@ -29435,7 +29256,6 @@ $wizard-focused-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default;
|
|
|
29435
29256
|
justify-content: space-between;
|
|
29436
29257
|
|
|
29437
29258
|
&:focus,
|
|
29438
|
-
&.k-state-focused,
|
|
29439
29259
|
&.k-focus {
|
|
29440
29260
|
outline-width: 1px;
|
|
29441
29261
|
outline-style: dotted;
|
|
@@ -29530,20 +29350,20 @@ $wizard-focused-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default;
|
|
|
29530
29350
|
// #region @import "_theme.scss"; -> packages/bootstrap/scss/wizard/_theme.scss
|
|
29531
29351
|
// #region @import "~@progress/kendo-theme-default/scss/wizard/_theme.scss"; -> packages/bootstrap/node_modules/@progress/kendo-theme-default/scss/wizard/_theme.scss
|
|
29532
29352
|
@include exports("wizard/theme") {
|
|
29353
|
+
|
|
29533
29354
|
.k-wizard-step {
|
|
29534
29355
|
&:focus,
|
|
29535
|
-
&.k-state-focused,
|
|
29536
29356
|
&.k-focus {
|
|
29537
29357
|
outline-color: $wizard-step-border-focused;
|
|
29538
29358
|
}
|
|
29539
29359
|
|
|
29540
29360
|
.k-ie &:focus,
|
|
29541
|
-
.k-ie &.k-state-focused,
|
|
29542
29361
|
.k-ie &.k-focus {
|
|
29543
29362
|
@include box-shadow($wizard-focused-shadow);
|
|
29544
29363
|
outline: none;
|
|
29545
29364
|
}
|
|
29546
29365
|
}
|
|
29366
|
+
|
|
29547
29367
|
}
|
|
29548
29368
|
|
|
29549
29369
|
// #endregion
|
|
@@ -29709,7 +29529,6 @@ $expander-content-padding-y: $expander-content-padding-x !default;
|
|
|
29709
29529
|
$expander-border
|
|
29710
29530
|
);
|
|
29711
29531
|
|
|
29712
|
-
&.k-state-focus,
|
|
29713
29532
|
&.k-focus {
|
|
29714
29533
|
box-shadow: $expander-focus-shadow;
|
|
29715
29534
|
}
|
|
@@ -29724,13 +29543,10 @@ $expander-content-padding-y: $expander-content-padding-x !default;
|
|
|
29724
29543
|
outline: none;
|
|
29725
29544
|
|
|
29726
29545
|
&:hover,
|
|
29727
|
-
&.k-state-hover,
|
|
29728
29546
|
&.k-hover {
|
|
29729
29547
|
background-color: $expander-header-hover-bg;
|
|
29730
29548
|
}
|
|
29731
29549
|
|
|
29732
|
-
// Should be removed
|
|
29733
|
-
&.k-state-focused,
|
|
29734
29550
|
&.k-focus {
|
|
29735
29551
|
background-color: $expander-header-focused-bg;
|
|
29736
29552
|
box-shadow: $expander-header-focused-shadow;
|
|
@@ -29976,6 +29792,10 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
29976
29792
|
}
|
|
29977
29793
|
}
|
|
29978
29794
|
|
|
29795
|
+
// Panelbar item
|
|
29796
|
+
.k-panelbar-item {
|
|
29797
|
+
outline-style: none;
|
|
29798
|
+
}
|
|
29979
29799
|
|
|
29980
29800
|
// Panelbar content
|
|
29981
29801
|
.k-panelbar-content {
|
|
@@ -30077,7 +29897,6 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
30077
29897
|
> .k-item,
|
|
30078
29898
|
> .k-panelbar-header {
|
|
30079
29899
|
|
|
30080
|
-
&.k-state-expanded.k-level-0 > .k-link,
|
|
30081
29900
|
&.k-expanded.k-level-0 > .k-link {
|
|
30082
29901
|
@include fill(
|
|
30083
29902
|
$panelbar-header-expanded-text,
|
|
@@ -30104,7 +29923,6 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
30104
29923
|
|
|
30105
29924
|
// Hover
|
|
30106
29925
|
> .k-link:hover,
|
|
30107
|
-
> .k-link.k-state-hover,
|
|
30108
29926
|
> .k-link.k-hover {
|
|
30109
29927
|
@include fill(
|
|
30110
29928
|
$panelbar-header-hovered-text,
|
|
@@ -30116,9 +29934,6 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
30116
29934
|
|
|
30117
29935
|
// Focus
|
|
30118
29936
|
> .k-link:focus,
|
|
30119
|
-
> .k-link.k-state-focus,
|
|
30120
|
-
> .k-link.k-focus,
|
|
30121
|
-
> .k-link.k-state-focused,
|
|
30122
29937
|
> .k-link.k-focus {
|
|
30123
29938
|
@include fill(
|
|
30124
29939
|
$panelbar-header-focused-text,
|
|
@@ -30131,7 +29946,6 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
30131
29946
|
|
|
30132
29947
|
// Focus & Hover
|
|
30133
29948
|
> .k-link:focus:hover,
|
|
30134
|
-
> .k-link.k-state-focus.k-state-hover,
|
|
30135
29949
|
> .k-link.k-focus.k-hover {
|
|
30136
29950
|
@include fill(
|
|
30137
29951
|
$panelbar-header-hovered-focused-text,
|
|
@@ -30142,7 +29956,6 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
30142
29956
|
}
|
|
30143
29957
|
|
|
30144
29958
|
// Selected
|
|
30145
|
-
> .k-link.k-state-selected,
|
|
30146
29959
|
> .k-link.k-selected {
|
|
30147
29960
|
@include fill(
|
|
30148
29961
|
$panelbar-header-selected-text,
|
|
@@ -30158,9 +29971,7 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
30158
29971
|
}
|
|
30159
29972
|
|
|
30160
29973
|
// Selected Hover
|
|
30161
|
-
> .k-link.k-state-selected:hover,
|
|
30162
29974
|
> .k-link.k-selected:hover,
|
|
30163
|
-
> .k-link.k-state-selected.k-state-hover,
|
|
30164
29975
|
> .k-link.k-selected.k-hover {
|
|
30165
29976
|
@include fill(
|
|
30166
29977
|
$panelbar-header-selected-hovered-text,
|
|
@@ -30171,12 +29982,8 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
30171
29982
|
}
|
|
30172
29983
|
|
|
30173
29984
|
// Selected Focus
|
|
30174
|
-
> .k-link.k-state-selected:focus,
|
|
30175
29985
|
> .k-link.k-selected:focus,
|
|
30176
|
-
> .k-link.k-
|
|
30177
|
-
> .k-link.k-selected.k-focus,
|
|
30178
|
-
> .k-link.k-state-selected.k-state-focused,
|
|
30179
|
-
> .k-link.k-selected.k-focused {
|
|
29986
|
+
> .k-link.k-selected.k-focus {
|
|
30180
29987
|
@include fill(
|
|
30181
29988
|
$panelbar-header-selected-focused-text,
|
|
30182
29989
|
$panelbar-header-selected-focused-bg,
|
|
@@ -30186,12 +29993,8 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
30186
29993
|
}
|
|
30187
29994
|
|
|
30188
29995
|
// Selected Focus & Hover
|
|
30189
|
-
> .k-link.k-state-selected:hover:focus,
|
|
30190
29996
|
> .k-link.k-selected:hover:focus,
|
|
30191
|
-
> .k-link.k-
|
|
30192
|
-
> .k-link.k-selected.k-hover.k-state-focus,
|
|
30193
|
-
> .k-link.k-state-selected.k-state-hover.k-state-focused,
|
|
30194
|
-
> .k-link.k-selected.k-hover.k-state-focused {
|
|
29997
|
+
> .k-link.k-selected.k-hover.k-focus {
|
|
30195
29998
|
@include fill(
|
|
30196
29999
|
$panelbar-header-selected-hovered-focused-text,
|
|
30197
30000
|
$panelbar-header-selected-hovered-focused-bg,
|
|
@@ -30208,10 +30011,8 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
30208
30011
|
|
|
30209
30012
|
// Hover
|
|
30210
30013
|
> .k-item > .k-link:hover,
|
|
30211
|
-
> .k-item > .k-link.k-state-hover,
|
|
30212
30014
|
> .k-item > .k-link.k-hover,
|
|
30213
30015
|
> .k-panelbar-item > .k-link:hover,
|
|
30214
|
-
> .k-panelbar-item > .k-link.k-state-hover,
|
|
30215
30016
|
> .k-panelbar-item > .k-link.k-hover {
|
|
30216
30017
|
@include fill(
|
|
30217
30018
|
$panelbar-item-hovered-text,
|
|
@@ -30223,14 +30024,8 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
30223
30024
|
|
|
30224
30025
|
// Focus
|
|
30225
30026
|
> .k-item > .k-link:focus,
|
|
30226
|
-
> .k-item > .k-link.k-state-focus,
|
|
30227
|
-
> .k-item > .k-link.k-focus,
|
|
30228
|
-
> .k-item > .k-link.k-state-focused,
|
|
30229
30027
|
> .k-item > .k-link.k-focus,
|
|
30230
30028
|
> .k-panelbar-item > .k-link:focus,
|
|
30231
|
-
> .k-panelbar-item > .k-link.k-state-focus,
|
|
30232
|
-
> .k-panelbar-item > .k-link.k-focus,
|
|
30233
|
-
> .k-panelbar-item > .k-link.k-state-focused,
|
|
30234
30029
|
> .k-panelbar-item > .k-link.k-focus {
|
|
30235
30030
|
@include fill(
|
|
30236
30031
|
$panelbar-item-focused-text,
|
|
@@ -30243,10 +30038,8 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
30243
30038
|
|
|
30244
30039
|
// Focus & Hover
|
|
30245
30040
|
> .k-item > .k-link:focus:hover,
|
|
30246
|
-
> .k-item > .k-link.k-state-focus.k-state-hover,
|
|
30247
30041
|
> .k-item > .k-link.k-focus.k-hover,
|
|
30248
30042
|
> .k-panelbar-item > .k-link:focus:hover,
|
|
30249
|
-
> .k-panelbar-item > .k-link.k-state-focus.k-state-hover,
|
|
30250
30043
|
> .k-panelbar-item > .k-link.k-focus.k-hover {
|
|
30251
30044
|
@include fill(
|
|
30252
30045
|
$panelbar-item-hovered-focused-text,
|
|
@@ -30257,9 +30050,7 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
30257
30050
|
}
|
|
30258
30051
|
|
|
30259
30052
|
// Selected
|
|
30260
|
-
> .k-item > .k-link.k-state-selected,
|
|
30261
30053
|
> .k-item > .k-link.k-selected,
|
|
30262
|
-
> .k-panelbar-item > .k-link.k-state-selected,
|
|
30263
30054
|
> .k-panelbar-item > .k-link.k-selected {
|
|
30264
30055
|
@include fill(
|
|
30265
30056
|
$panelbar-item-selected-text,
|
|
@@ -30270,13 +30061,9 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
30270
30061
|
}
|
|
30271
30062
|
|
|
30272
30063
|
// Selected Hover
|
|
30273
|
-
> .k-item > .k-link.k-state-selected:hover,
|
|
30274
30064
|
> .k-item > .k-link.k-selected:hover,
|
|
30275
|
-
> .k-item > .k-link.k-state-selected.k-state-hover,
|
|
30276
30065
|
> .k-item > .k-link.k-selected.k-hover,
|
|
30277
|
-
> .k-panelbar-item > .k-link.k-state-selected:hover,
|
|
30278
30066
|
> .k-panelbar-item > .k-link.k-selected:hover,
|
|
30279
|
-
> .k-panelbar-item > .k-link.k-state-selected.k-state-hover,
|
|
30280
30067
|
> .k-panelbar-item > .k-link.k-selected.k-hover {
|
|
30281
30068
|
@include fill(
|
|
30282
30069
|
$panelbar-item-selected-hovered-text,
|
|
@@ -30287,18 +30074,10 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
30287
30074
|
}
|
|
30288
30075
|
|
|
30289
30076
|
// Selected Focus
|
|
30290
|
-
> .k-item > .k-link.k-state-selected:focus,
|
|
30291
30077
|
> .k-item > .k-link.k-selected:focus,
|
|
30292
|
-
> .k-item > .k-link.k-state-selected.k-state-focus,
|
|
30293
30078
|
> .k-item > .k-link.k-selected.k-focus,
|
|
30294
|
-
> .k-item > .k-link.k-state-selected.k-state-focused,
|
|
30295
|
-
> .k-item > .k-link.k-selected.k-focused,
|
|
30296
|
-
> .k-panelbar-item > .k-link.k-state-selected:focus,
|
|
30297
30079
|
> .k-panelbar-item > .k-link.k-selected:focus,
|
|
30298
|
-
> .k-panelbar-item > .k-link.k-
|
|
30299
|
-
> .k-panelbar-item > .k-link.k-selected.k-focus,
|
|
30300
|
-
> .k-item > .k-link.k-state-selected.k-state-focused,
|
|
30301
|
-
> .k-item > .k-link.k-selected.k-focused {
|
|
30080
|
+
> .k-panelbar-item > .k-link.k-selected.k-focus {
|
|
30302
30081
|
@include fill(
|
|
30303
30082
|
$panelbar-item-selected-focused-text,
|
|
30304
30083
|
$panelbar-item-selected-focused-bg,
|
|
@@ -30308,18 +30087,10 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
30308
30087
|
}
|
|
30309
30088
|
|
|
30310
30089
|
// Selected Focus & Hover
|
|
30311
|
-
> .k-item > .k-link.k-state-selected:focus:hover,
|
|
30312
30090
|
> .k-item > .k-link.k-selected:focus:hover,
|
|
30313
|
-
> .k-item > .k-link.k-
|
|
30314
|
-
> .k-item > .k-link.k-selected.k-focus.k-state-hover,
|
|
30315
|
-
> .k-item > .k-link.k-state-selected.k-state-focused.k-state-hover,
|
|
30316
|
-
> .k-item > .k-link.k-selected.k-focused.k-state-hover,
|
|
30317
|
-
> .k-panelbar-item > .k-link.k-state-selected:focus:hover,
|
|
30091
|
+
> .k-item > .k-link.k-selected.k-focus.k-hover,
|
|
30318
30092
|
> .k-panelbar-item > .k-link.k-selected:focus:hover,
|
|
30319
|
-
> .k-panelbar-item > .k-link.k-
|
|
30320
|
-
> .k-panelbar-item > .k-link.k-selected.k-focus.k-state-hover,
|
|
30321
|
-
> .k-item > .k-link.k-state-selected.k-state-focused.k-state-hover,
|
|
30322
|
-
> .k-item > .k-link.k-selected.k-focused.k-state-hover {
|
|
30093
|
+
> .k-panelbar-item > .k-link.k-selected.k-focus.k-hover {
|
|
30323
30094
|
@include fill(
|
|
30324
30095
|
$panelbar-item-selected-hovered-focused-text,
|
|
30325
30096
|
$panelbar-item-selected-hovered-focused-bg,
|
|
@@ -30557,7 +30328,7 @@ $splitbar-selected-text: $selected-text !default;
|
|
|
30557
30328
|
|
|
30558
30329
|
.k-pane,
|
|
30559
30330
|
.k-pane-flex {
|
|
30560
|
-
&.k-
|
|
30331
|
+
&.k-hidden,
|
|
30561
30332
|
&[hidden] {
|
|
30562
30333
|
// sass-lint:disable-block no-important
|
|
30563
30334
|
// hidden panes need to be zero-width to allow pane animation
|
|
@@ -30606,7 +30377,6 @@ $splitbar-selected-text: $selected-text !default;
|
|
|
30606
30377
|
background-color: $splitbar-bg;
|
|
30607
30378
|
}
|
|
30608
30379
|
.k-splitbar:hover,
|
|
30609
|
-
.k-splitbar.k-state-hover,
|
|
30610
30380
|
.k-splitbar.k-hover,
|
|
30611
30381
|
.k-splitbar-horizontal-hover,
|
|
30612
30382
|
.k-splitbar-vertical-hover {
|
|
@@ -30614,9 +30384,6 @@ $splitbar-selected-text: $selected-text !default;
|
|
|
30614
30384
|
background-color: $splitbar-hover-bg;
|
|
30615
30385
|
}
|
|
30616
30386
|
.k-splitbar:focus,
|
|
30617
|
-
.k-splitbar.k-state-focus,
|
|
30618
|
-
.k-splitbar.k-focus,
|
|
30619
|
-
.k-splitbar.k-state-focused,
|
|
30620
30387
|
.k-splitbar.k-focus {
|
|
30621
30388
|
color: $splitbar-selected-text;
|
|
30622
30389
|
background: $splitbar-selected-bg;
|
|
@@ -30727,9 +30494,6 @@ $tilelayout-hint-border: $component-border !default;
|
|
|
30727
30494
|
}
|
|
30728
30495
|
|
|
30729
30496
|
.k-tilelayout-item:focus,
|
|
30730
|
-
.k-tilelayout-item.k-focus,
|
|
30731
|
-
.k-tilelayout-item.k-state-focus,
|
|
30732
|
-
.k-tilelayout-item.k-state-focused,
|
|
30733
30497
|
.k-tilelayout-item.k-focus {
|
|
30734
30498
|
@include box-shadow($tilelayout-card-focus-shadow);
|
|
30735
30499
|
}
|
|
@@ -31143,7 +30907,8 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
31143
30907
|
border-radius: 50%;
|
|
31144
30908
|
}
|
|
31145
30909
|
|
|
31146
|
-
.k-i-reload
|
|
30910
|
+
.k-i-reload,
|
|
30911
|
+
.k-i-arrow-rotate-cw {
|
|
31147
30912
|
font-size: 1em;
|
|
31148
30913
|
margin-right: .5em;
|
|
31149
30914
|
}
|
|
@@ -31406,12 +31171,10 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
31406
31171
|
|
|
31407
31172
|
.k-column-menu {
|
|
31408
31173
|
|
|
31409
|
-
.k-listgroup-item.k-state-selected,
|
|
31410
31174
|
.k-listgroup-item.k-selected {
|
|
31411
31175
|
color: $adaptive-grid-sort-text;
|
|
31412
31176
|
background: none;
|
|
31413
31177
|
}
|
|
31414
|
-
.k-listgroup-item.k-state-selected .k-link,
|
|
31415
31178
|
.k-listgroup-item.k-selected .k-link {
|
|
31416
31179
|
color: inherit;
|
|
31417
31180
|
}
|
|
@@ -32157,7 +31920,9 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
32157
31920
|
|
|
32158
31921
|
.k-cell-inner > .k-link > .k-icon {
|
|
32159
31922
|
&.k-i-sort-desc-sm,
|
|
32160
|
-
&.k-i-sort-asc-sm
|
|
31923
|
+
&.k-i-sort-asc-sm,
|
|
31924
|
+
&.k-i-sort-asc-small,
|
|
31925
|
+
&.k-i-sort-desc-small {
|
|
32161
31926
|
vertical-align: text-top;
|
|
32162
31927
|
margin-inline-start: $grid-sorted-icon-spacing;
|
|
32163
31928
|
}
|
|
@@ -32989,34 +32754,27 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
32989
32754
|
|
|
32990
32755
|
// Hover state
|
|
32991
32756
|
tbody>tr:not(.k-detail-row):hover,
|
|
32992
|
-
tbody>tr:not(.k-detail-row).k-state-hover,
|
|
32993
32757
|
tbody>tr:not(.k-detail-row).k-hover {
|
|
32994
32758
|
color: $grid-hovered-text;
|
|
32995
32759
|
background-color: $grid-hovered-bg;
|
|
32996
32760
|
}
|
|
32997
32761
|
|
|
32998
32762
|
// Selected state
|
|
32999
|
-
th.k-state-selected,
|
|
33000
32763
|
th.k-selected,
|
|
33001
|
-
td.k-state-selected,
|
|
33002
32764
|
td.k-selected,
|
|
33003
|
-
tr.k-state-selected > td,
|
|
33004
32765
|
tr.k-selected > td {
|
|
33005
32766
|
color: $grid-selected-text;
|
|
33006
32767
|
background-color: $grid-selected-bg;
|
|
33007
32768
|
}
|
|
33008
32769
|
|
|
33009
32770
|
// Focused state
|
|
33010
|
-
td.k-state-focused,
|
|
33011
32771
|
td.k-focus,
|
|
33012
|
-
th.k-state-focused,
|
|
33013
32772
|
th.k-focus,
|
|
33014
32773
|
th:focus,
|
|
33015
32774
|
.k-master-row > td:focus,
|
|
33016
32775
|
.k-grouping-row > td:focus,
|
|
33017
32776
|
.k-detail-row > td:focus,
|
|
33018
32777
|
.k-group-footer > td:focus,
|
|
33019
|
-
.k-grid-pager.k-state-focused,
|
|
33020
32778
|
.k-grid-pager.k-focus,
|
|
33021
32779
|
.k-grid-pager:focus {
|
|
33022
32780
|
box-shadow: $grid-focused-shadow;
|
|
@@ -33051,20 +32809,16 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
33051
32809
|
}
|
|
33052
32810
|
|
|
33053
32811
|
// Selected state
|
|
33054
|
-
.k-state-selected td,
|
|
33055
32812
|
.k-selected td {
|
|
33056
32813
|
@include fill( $bg: $grid-sticky-selected-bg );
|
|
33057
32814
|
}
|
|
33058
32815
|
|
|
33059
|
-
.k-state-selected.k-alt td,
|
|
33060
32816
|
.k-selected.k-alt td {
|
|
33061
32817
|
@include fill( $bg: $grid-sticky-selected-alt-bg );
|
|
33062
32818
|
}
|
|
33063
32819
|
|
|
33064
32820
|
// Selected hover
|
|
33065
|
-
.k-state-selected:hover td,
|
|
33066
32821
|
.k-selected:hover td,
|
|
33067
|
-
.k-state-selected.k-state-hover td,
|
|
33068
32822
|
.k-selected.k-hover td {
|
|
33069
32823
|
@include fill( $bg: $grid-sticky-selected-hovered-bg );
|
|
33070
32824
|
}
|
|
@@ -33111,6 +32865,8 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
33111
32865
|
|
|
33112
32866
|
.k-i-sort-asc-sm,
|
|
33113
32867
|
.k-i-sort-desc-sm,
|
|
32868
|
+
.k-i-sort-asc-small,
|
|
32869
|
+
.k-i-sort-desc-small,
|
|
33114
32870
|
.k-sort-order {
|
|
33115
32871
|
color: $grid-sorting-indicator-text;
|
|
33116
32872
|
}
|
|
@@ -33120,12 +32876,9 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
33120
32876
|
.k-grid-header-menu,
|
|
33121
32877
|
.k-hierarchy-cell .k-icon {
|
|
33122
32878
|
&:focus,
|
|
33123
|
-
&.k-
|
|
33124
|
-
&.k-focus,
|
|
33125
|
-
&.k-state-border-down {
|
|
32879
|
+
&.k-focus {
|
|
33126
32880
|
box-shadow: inset 0 0 0 2px rgba( 0, 0, 0, .1 );
|
|
33127
32881
|
}
|
|
33128
|
-
&.k-state-active,
|
|
33129
32882
|
&.k-active {
|
|
33130
32883
|
color: $selected-text;
|
|
33131
32884
|
background-color: $selected-bg;
|
|
@@ -33179,20 +32932,14 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
33179
32932
|
}
|
|
33180
32933
|
|
|
33181
32934
|
// Selected state
|
|
33182
|
-
&.k-state-selected .k-grid-content-sticky,
|
|
33183
32935
|
&.k-selected .k-grid-content-sticky,
|
|
33184
|
-
&.k-state-selected .k-grid-row-sticky,
|
|
33185
32936
|
&.k-selected .k-grid-row-sticky,
|
|
33186
|
-
td.k-grid-content-sticky.k-state-selected,
|
|
33187
32937
|
td.k-grid-content-sticky.k-selected {
|
|
33188
32938
|
@include fill( $bg: $grid-sticky-selected-bg );
|
|
33189
32939
|
}
|
|
33190
32940
|
|
|
33191
|
-
&.k-state-selected.k-alt .k-grid-content-sticky,
|
|
33192
32941
|
&.k-selected.k-alt .k-grid-content-sticky,
|
|
33193
|
-
&.k-state-selected.k-alt .k-grid-row-sticky,
|
|
33194
32942
|
&.k-selected.k-alt .k-grid-row-sticky,
|
|
33195
|
-
&.k-alt td.k-grid-content-sticky.k-state-selected,
|
|
33196
32943
|
&.k-alt td.k-grid-content-sticky.k-selected {
|
|
33197
32944
|
@include fill( $bg: $grid-sticky-selected-alt-bg );
|
|
33198
32945
|
}
|
|
@@ -33200,27 +32947,19 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
33200
32947
|
|
|
33201
32948
|
// Hovered state
|
|
33202
32949
|
&:hover .k-grid-content-sticky,
|
|
33203
|
-
&:hover .k-grid-row-sticky,
|
|
33204
|
-
&.k-state-hover .k-grid-content-sticky,
|
|
33205
32950
|
&.k-hover .k-grid-content-sticky,
|
|
33206
|
-
|
|
32951
|
+
&:hover .k-grid-row-sticky,
|
|
33207
32952
|
&.k-hover .k-grid-row-sticky {
|
|
33208
32953
|
background-color: $grid-sticky-hovered-bg;
|
|
33209
32954
|
}
|
|
33210
32955
|
|
|
33211
32956
|
|
|
33212
32957
|
// Selected hover
|
|
33213
|
-
&.k-state-selected:hover .k-grid-content-sticky,
|
|
33214
32958
|
&.k-selected:hover .k-grid-content-sticky,
|
|
33215
|
-
&.k-state-selected:hover .k-grid-row-sticky,
|
|
33216
|
-
&.k-selected:hover .k-grid-row-sticky,
|
|
33217
|
-
&.k-state-selected.k-state-hover .k-grid-content-sticky,
|
|
33218
32959
|
&.k-selected.k-hover .k-grid-content-sticky,
|
|
33219
|
-
&.k-
|
|
32960
|
+
&.k-selected:hover .k-grid-row-sticky,
|
|
33220
32961
|
&.k-selected.k-hover .k-grid-row-sticky,
|
|
33221
|
-
&:hover td.k-grid-content-sticky.k-state-selected,
|
|
33222
32962
|
&:hover td.k-grid-content-sticky.k-selected,
|
|
33223
|
-
&.k-state-hover td.k-grid-content-sticky.k-state-selected,
|
|
33224
32963
|
&.k-hover td.k-grid-content-sticky.k-selected {
|
|
33225
32964
|
background-color: $grid-sticky-selected-hovered-bg;
|
|
33226
32965
|
}
|
|
@@ -33234,7 +32973,6 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
33234
32973
|
background-color: $grid-sticky-bg;
|
|
33235
32974
|
|
|
33236
32975
|
&:hover,
|
|
33237
|
-
&.k-state-hover,
|
|
33238
32976
|
&.k-hover {
|
|
33239
32977
|
background-color: $grid-sticky-hovered-bg;
|
|
33240
32978
|
}
|
|
@@ -33246,7 +32984,6 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
33246
32984
|
background-color: $grid-sticky-bg;
|
|
33247
32985
|
|
|
33248
32986
|
&:hover td,
|
|
33249
|
-
&.k-state-hover td,
|
|
33250
32987
|
&.k-hover td {
|
|
33251
32988
|
background-color: $grid-sticky-hovered-bg;
|
|
33252
32989
|
}
|
|
@@ -33258,66 +32995,43 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
33258
32995
|
}
|
|
33259
32996
|
|
|
33260
32997
|
// Selected state
|
|
33261
|
-
tr.k-state-selected .k-grid-content-sticky,
|
|
33262
32998
|
tr.k-selected .k-grid-content-sticky,
|
|
33263
|
-
.k-state-selected.k-grid-row-sticky td,
|
|
33264
32999
|
.k-selected.k-grid-row-sticky td,
|
|
33265
|
-
.k-grid-row-sticky td.k-state-selected,
|
|
33266
33000
|
.k-grid-row-sticky td.k-selected,
|
|
33267
|
-
.k-state-selected.k-grid-content-sticky,
|
|
33268
33001
|
.k-selected.k-grid-content-sticky {
|
|
33269
33002
|
@include fill( $bg: $grid-sticky-selected-bg );
|
|
33270
33003
|
}
|
|
33271
33004
|
|
|
33272
|
-
tr.k-state-selected.k-alt .k-grid-content-sticky,
|
|
33273
33005
|
tr.k-selected.k-alt .k-grid-content-sticky,
|
|
33274
|
-
.k-state-selected.k-alt.k-grid-row-sticky td,
|
|
33275
33006
|
.k-selected.k-alt.k-grid-row-sticky td,
|
|
33276
|
-
.k-alt .k-state-selected.k-grid-content-sticky,
|
|
33277
33007
|
.k-alt .k-selected.k-grid-content-sticky {
|
|
33278
33008
|
@include fill( $bg: $grid-sticky-selected-alt-bg );
|
|
33279
33009
|
}
|
|
33280
33010
|
|
|
33281
33011
|
// Hover state
|
|
33282
33012
|
tr:hover .k-grid-content-sticky,
|
|
33283
|
-
tr.k-state-hover .k-grid-content-sticky,
|
|
33284
33013
|
tr.k-hover .k-grid-content-sticky,
|
|
33285
33014
|
.k-grid-row-sticky:hover td,
|
|
33286
|
-
.k-grid-row-sticky.k-state-hover td,
|
|
33287
33015
|
.k-grid-row-sticky.k-hover td,
|
|
33288
33016
|
.k-grid-row-sticky.k-alt:hover td,
|
|
33289
|
-
.k-grid-row-sticky.k-alt.k-state-hover td,
|
|
33290
33017
|
.k-grid-row-sticky.k-alt.k-hover td,
|
|
33291
33018
|
.k-alt:hover .k-grid-content-sticky,
|
|
33292
|
-
.k-alt.k-state-hover .k-grid-content-sticky,
|
|
33293
33019
|
.k-alt.k-hover .k-grid-content-sticky {
|
|
33294
33020
|
background-color: $grid-sticky-hovered-bg;
|
|
33295
33021
|
}
|
|
33296
33022
|
|
|
33297
33023
|
// Selected + Hover
|
|
33298
|
-
tr.k-state-selected:hover .k-grid-content-sticky,
|
|
33299
33024
|
tr.k-selected:hover .k-grid-content-sticky,
|
|
33300
|
-
tr.k-state-selected.k-state-hover .k-grid-content-sticky,
|
|
33301
33025
|
tr.k-selected.k-hover .k-grid-content-sticky,
|
|
33302
|
-
.k-state-selected.k-grid-row-sticky:hover td,
|
|
33303
33026
|
.k-selected.k-grid-row-sticky:hover td,
|
|
33304
|
-
.k-state-selected.k-grid-row-sticky.k-state-hover td,
|
|
33305
33027
|
.k-selected.k-grid-row-sticky.k-hover td,
|
|
33306
|
-
.k-state-selected.k-alt.k-grid-row-sticky:hover td,
|
|
33307
33028
|
.k-selected.k-alt.k-grid-row-sticky:hover td,
|
|
33308
|
-
.k-state-selected.k-alt.k-grid-row-sticky.k-state-hover td,
|
|
33309
33029
|
.k-selected.k-alt.k-grid-row-sticky.k-hover td,
|
|
33310
|
-
tr.k-state-selected.k-alt:hover .k-grid-content-sticky,
|
|
33311
33030
|
tr.k-selected.k-alt:hover .k-grid-content-sticky,
|
|
33312
|
-
tr.k-state-selected.k-alt.k-state-hover .k-grid-content-sticky,
|
|
33313
33031
|
tr.k-selected.k-alt.k-hover .k-grid-content-sticky,
|
|
33314
|
-
.k-grid-row-sticky:hover td.k-state-selected,
|
|
33315
33032
|
.k-grid-row-sticky:hover td.k-selected,
|
|
33316
|
-
.k-grid-row-sticky.k-state-hover td.k-state-selected,
|
|
33317
33033
|
.k-grid-row-sticky.k-hover td.k-selected,
|
|
33318
|
-
tr:hover .k-grid-content-sticky.k-state-selected,
|
|
33319
33034
|
tr:hover .k-grid-content-sticky.k-selected,
|
|
33320
|
-
tr.k-state-hover .k-grid-content-sticky.k-state-selected,
|
|
33321
33035
|
tr.k-hover .k-grid-content-sticky.k-selected {
|
|
33322
33036
|
background-color: $grid-sticky-selected-hovered-bg;
|
|
33323
33037
|
}
|
|
@@ -33329,7 +33043,6 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
33329
33043
|
}
|
|
33330
33044
|
|
|
33331
33045
|
&:hover .k-grid-content-sticky,
|
|
33332
|
-
&.k-state-hover .k-grid-content-sticky,
|
|
33333
33046
|
&.k-hover .k-grid-content-sticky {
|
|
33334
33047
|
@include fill( $bg: $grid-sticky-hovered-bg );
|
|
33335
33048
|
}
|
|
@@ -33342,7 +33055,6 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
33342
33055
|
}
|
|
33343
33056
|
|
|
33344
33057
|
&:hover .k-grid-footer-sticky,
|
|
33345
|
-
&.k-state-hover .k-grid-footer-sticky,
|
|
33346
33058
|
&.k-hover .k-grid-footer-sticky {
|
|
33347
33059
|
@include fill( $bg: $grid-sticky-footer-hovered-bg );
|
|
33348
33060
|
}
|
|
@@ -33385,7 +33097,6 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
33385
33097
|
);
|
|
33386
33098
|
}
|
|
33387
33099
|
.k-columnmenu-item:focus,
|
|
33388
|
-
.k-columnmenu-item.k-state-focus,
|
|
33389
33100
|
.k-columnmenu-item.k-focus {
|
|
33390
33101
|
@include box-shadow( $kendo-list-item-focus-shadow );
|
|
33391
33102
|
}
|
|
@@ -33395,7 +33106,6 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
33395
33106
|
}
|
|
33396
33107
|
|
|
33397
33108
|
.k-columnmenu-item {
|
|
33398
|
-
&.k-state-selected,
|
|
33399
33109
|
&.k-selected {
|
|
33400
33110
|
@include fill(
|
|
33401
33111
|
$kendo-list-item-selected-text,
|
|
@@ -33421,7 +33131,6 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
33421
33131
|
);
|
|
33422
33132
|
|
|
33423
33133
|
&:hover,
|
|
33424
|
-
&.k-state-hover,
|
|
33425
33134
|
&.k-hover {
|
|
33426
33135
|
@include fill(
|
|
33427
33136
|
$kendo-list-item-hover-text,
|
|
@@ -33429,7 +33138,6 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
33429
33138
|
);
|
|
33430
33139
|
}
|
|
33431
33140
|
|
|
33432
|
-
&.k-state-selected,
|
|
33433
33141
|
&.k-selected {
|
|
33434
33142
|
@include fill(
|
|
33435
33143
|
$kendo-list-item-selected-text,
|
|
@@ -33438,7 +33146,6 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
33438
33146
|
}
|
|
33439
33147
|
|
|
33440
33148
|
&:focus,
|
|
33441
|
-
&.k-state-focused,
|
|
33442
33149
|
&.k-focus {
|
|
33443
33150
|
@include box-shadow( $kendo-list-item-focus-shadow );
|
|
33444
33151
|
}
|
|
@@ -33677,7 +33384,6 @@ $listview-item-focus-shadow: inset 0 0 0 3px rgba( $listview-text, .15 ) !defaul
|
|
|
33677
33384
|
// Listview content
|
|
33678
33385
|
.k-listview-content {
|
|
33679
33386
|
|
|
33680
|
-
> .k-state-focused,
|
|
33681
33387
|
> .k-focus {
|
|
33682
33388
|
@include fill(
|
|
33683
33389
|
$listview-item-focus-text,
|
|
@@ -33687,7 +33393,6 @@ $listview-item-focus-shadow: inset 0 0 0 3px rgba( $listview-text, .15 ) !defaul
|
|
|
33687
33393
|
@include box-shadow( $listview-item-focus-shadow );
|
|
33688
33394
|
}
|
|
33689
33395
|
|
|
33690
|
-
> .k-state-selected,
|
|
33691
33396
|
> .k-selected {
|
|
33692
33397
|
@include fill(
|
|
33693
33398
|
$listview-item-selected-text,
|
|
@@ -33899,7 +33604,7 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
33899
33604
|
[data-tool="merge"],
|
|
33900
33605
|
[data-tool="freeze"] {
|
|
33901
33606
|
width: auto;
|
|
33902
|
-
min-width: $form-line-height * 1em;
|
|
33607
|
+
min-width: calc( #{$form-line-height} * 1em );
|
|
33903
33608
|
}
|
|
33904
33609
|
|
|
33905
33610
|
.k-color-picker {
|
|
@@ -34068,7 +33773,6 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
34068
33773
|
overflow: hidden;
|
|
34069
33774
|
|
|
34070
33775
|
// disabled cells in the Spreadsheet should allow navigation if link is used
|
|
34071
|
-
.k-state-disabled,
|
|
34072
33776
|
.k-disabled {
|
|
34073
33777
|
pointer-events: auto;
|
|
34074
33778
|
}
|
|
@@ -34630,7 +34334,6 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
34630
34334
|
background-position: 50% 50%;
|
|
34631
34335
|
|
|
34632
34336
|
&:hover div,
|
|
34633
|
-
&.k-state-hovered div,
|
|
34634
34337
|
&.k-hover div {
|
|
34635
34338
|
margin: 0;
|
|
34636
34339
|
align-self: center;
|
|
@@ -34696,7 +34399,6 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
34696
34399
|
.k-spreadsheet-insert-image-dialog {
|
|
34697
34400
|
.k-spreadsheet-has-image {
|
|
34698
34401
|
&:hover,
|
|
34699
|
-
&.k-state-hovered,
|
|
34700
34402
|
&.k-hover {
|
|
34701
34403
|
border-radius: $spreadsheet-insert-image-dialog-preview-overlay-border-radius;
|
|
34702
34404
|
}
|
|
@@ -34873,7 +34575,6 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
34873
34575
|
);
|
|
34874
34576
|
box-shadow: inset 0 0 0 1px $kendo-button-border;
|
|
34875
34577
|
|
|
34876
|
-
&.k-state-active,
|
|
34877
34578
|
&.k-active {
|
|
34878
34579
|
@include fill(
|
|
34879
34580
|
$kendo-button-active-text,
|
|
@@ -34900,7 +34601,6 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
34900
34601
|
> .k-menu,
|
|
34901
34602
|
> .k-menu:not(.k-context-menu) {
|
|
34902
34603
|
.k-item {
|
|
34903
|
-
&.k-state-hover,
|
|
34904
34604
|
&.k-hover {
|
|
34905
34605
|
@include fill(
|
|
34906
34606
|
$kendo-list-item-hover-text,
|
|
@@ -34931,13 +34631,11 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
34931
34631
|
|
|
34932
34632
|
.k-spreadsheet-has-image {
|
|
34933
34633
|
&:hover,
|
|
34934
|
-
&.k-state-hovered,
|
|
34935
34634
|
&.k-hover {
|
|
34936
34635
|
box-shadow: $spreadsheet-insert-image-dialog-preview-overlay-shadow;
|
|
34937
34636
|
}
|
|
34938
34637
|
|
|
34939
34638
|
&:hover div,
|
|
34940
|
-
&.k-state-hovered div,
|
|
34941
34639
|
&.k-hover div {
|
|
34942
34640
|
color: $spreadsheet-insert-image-dialog-overlay-hovered-text;
|
|
34943
34641
|
}
|
|
@@ -34972,7 +34670,6 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
34972
34670
|
.k-button {}
|
|
34973
34671
|
|
|
34974
34672
|
.k-button:hover,
|
|
34975
|
-
.k-button.k-state-hover,
|
|
34976
34673
|
.k-button.k-hover {
|
|
34977
34674
|
@include fill(
|
|
34978
34675
|
$kendo-list-item-hover-text,
|
|
@@ -34980,9 +34677,7 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
34980
34677
|
);
|
|
34981
34678
|
}
|
|
34982
34679
|
.k-button:active,
|
|
34983
|
-
.k-button.k-state-active,
|
|
34984
34680
|
.k-button.k-active,
|
|
34985
|
-
.k-button.k-state-selected,
|
|
34986
34681
|
.k-button.k-selected {
|
|
34987
34682
|
@include fill(
|
|
34988
34683
|
$kendo-list-item-selected-text,
|
|
@@ -35929,15 +35624,12 @@ $pivotgrid-remove-text: null !default;
|
|
|
35929
35624
|
|
|
35930
35625
|
|
|
35931
35626
|
// Hover state
|
|
35932
|
-
.k-pivotgrid-row-headers tbody > .k-pivotgrid-row.k-state-hover,
|
|
35933
|
-
.k-pivotgrid-row-headers tbody > .k-pivotgrid-row.k-hover,
|
|
35934
35627
|
.k-pivotgrid-row-headers tbody > .k-pivotgrid-row:hover,
|
|
35935
|
-
.k-pivotgrid-
|
|
35936
|
-
.k-pivotgrid-column-headers tbody > .k-pivotgrid-row.k-hover,
|
|
35628
|
+
.k-pivotgrid-row-headers tbody > .k-pivotgrid-row.k-hover,
|
|
35937
35629
|
.k-pivotgrid-column-headers tbody > .k-pivotgrid-row:hover,
|
|
35938
|
-
.k-pivotgrid-
|
|
35939
|
-
.k-pivotgrid-values tbody > .k-pivotgrid-row
|
|
35940
|
-
.k-pivotgrid-values tbody > .k-pivotgrid-row
|
|
35630
|
+
.k-pivotgrid-column-headers tbody > .k-pivotgrid-row.k-hover,
|
|
35631
|
+
.k-pivotgrid-values tbody > .k-pivotgrid-row:hover,
|
|
35632
|
+
.k-pivotgrid-values tbody > .k-pivotgrid-row.k-hover {
|
|
35941
35633
|
@include fill (
|
|
35942
35634
|
$pivotgrid-hover-text,
|
|
35943
35635
|
$pivotgrid-hover-bg,
|
|
@@ -35946,9 +35638,10 @@ $pivotgrid-remove-text: null !default;
|
|
|
35946
35638
|
}
|
|
35947
35639
|
|
|
35948
35640
|
// Focus state
|
|
35949
|
-
.k-pivotgrid-cell.k-state-focus,
|
|
35950
|
-
.k-pivotgrid-cell.k-focus,
|
|
35951
35641
|
.k-pivotgrid-cell:focus,
|
|
35642
|
+
.k-pivotgrid-cell.k-focus,
|
|
35643
|
+
.k-pivotgrid-empty-cell:focus,
|
|
35644
|
+
.k-pivotgrid-empty-cell.k-focus,
|
|
35952
35645
|
.k-master-row > .k-pivotgrid-cell:focus,
|
|
35953
35646
|
.k-grouping-row > .k-pivotgrid-cell:focus,
|
|
35954
35647
|
.k-detail-row > .k-pivotgrid-cell:focus,
|
|
@@ -35957,9 +35650,7 @@ $pivotgrid-remove-text: null !default;
|
|
|
35957
35650
|
}
|
|
35958
35651
|
|
|
35959
35652
|
// Selected state
|
|
35960
|
-
.k-pivotgrid-cell.k-state-selected,
|
|
35961
35653
|
.k-pivotgrid-cell.k-selected,
|
|
35962
|
-
.k-pivotgrid-row.k-state-selected > .k-pivotgrid-cell,
|
|
35963
35654
|
.k-pivotgrid-row.k-selected > .k-pivotgrid-cell {
|
|
35964
35655
|
@include fill (
|
|
35965
35656
|
$pivotgrid-selected-text,
|
|
@@ -36191,7 +35882,6 @@ $treelist-footer-row-border-width: 1px !default;
|
|
|
36191
35882
|
}
|
|
36192
35883
|
|
|
36193
35884
|
.k-treelist-dragging,
|
|
36194
|
-
.k-treelist-dragging .k-state-hover,
|
|
36195
35885
|
.k-treelist-dragging .k-hover {
|
|
36196
35886
|
cursor: default;
|
|
36197
35887
|
}
|
|
@@ -36957,7 +36647,6 @@ $filemanager-preview-icon-border: null !default;
|
|
|
36957
36647
|
);
|
|
36958
36648
|
}
|
|
36959
36649
|
|
|
36960
|
-
&.k-state-selected .k-file-icon,
|
|
36961
36650
|
&.k-selected .k-file-icon {
|
|
36962
36651
|
@include fill(
|
|
36963
36652
|
inherit,
|
|
@@ -37326,10 +37015,8 @@ $taskboard-drag-placeholder-border: $component-border !default;
|
|
|
37326
37015
|
|
|
37327
37016
|
&:focus,
|
|
37328
37017
|
&.k-focus,
|
|
37329
|
-
&.k-state-focus,
|
|
37330
37018
|
&:hover,
|
|
37331
|
-
&.k-hover
|
|
37332
|
-
&.k-state-hover {
|
|
37019
|
+
&.k-hover {
|
|
37333
37020
|
text-decoration: underline;
|
|
37334
37021
|
}
|
|
37335
37022
|
}
|
|
@@ -37421,7 +37108,6 @@ $taskboard-drag-placeholder-border: $component-border !default;
|
|
|
37421
37108
|
);
|
|
37422
37109
|
}
|
|
37423
37110
|
.k-taskboard-column:focus,
|
|
37424
|
-
.k-taskboard-column.k-state-focus,
|
|
37425
37111
|
.k-taskboard-column.k-focus {
|
|
37426
37112
|
@include fill(
|
|
37427
37113
|
$taskboard-column-focus-text,
|
|
@@ -37460,39 +37146,33 @@ $taskboard-drag-placeholder-border: $component-border !default;
|
|
|
37460
37146
|
@include fill( $color: $taskboard-card-header-text );
|
|
37461
37147
|
|
|
37462
37148
|
&:focus,
|
|
37463
|
-
&.k-focus
|
|
37464
|
-
&.k-state-focus {
|
|
37149
|
+
&.k-focus {
|
|
37465
37150
|
@include fill( $color: $taskboard-card-header-focus-text );
|
|
37466
37151
|
}
|
|
37467
37152
|
|
|
37468
37153
|
&:hover,
|
|
37469
|
-
&.k-hover
|
|
37470
|
-
&.k-state-hover {
|
|
37154
|
+
&.k-hover {
|
|
37471
37155
|
@include fill( $color: $taskboard-card-header-hover-text );
|
|
37472
37156
|
}
|
|
37473
37157
|
}
|
|
37474
37158
|
|
|
37475
37159
|
&:focus,
|
|
37476
|
-
&.k-focus
|
|
37477
|
-
&.k-state-focus {
|
|
37160
|
+
&.k-focus {
|
|
37478
37161
|
@include fill( $border: $taskboard-card-focus-border );
|
|
37479
37162
|
@include box-shadow( $taskboard-card-focus-shadow );
|
|
37480
37163
|
}
|
|
37481
37164
|
|
|
37482
37165
|
&:hover,
|
|
37483
|
-
&.k-hover
|
|
37484
|
-
&.k-state-hover {
|
|
37166
|
+
&.k-hover {
|
|
37485
37167
|
@include fill( $border: $taskboard-card-hover-border );
|
|
37486
37168
|
}
|
|
37487
37169
|
|
|
37488
|
-
&.k-selected
|
|
37489
|
-
&.k-state-selected {
|
|
37170
|
+
&.k-selected {
|
|
37490
37171
|
@include fill( $border: $taskboard-card-selected-border );
|
|
37491
37172
|
@include box-shadow( $taskboard-card-selected-shadow );
|
|
37492
37173
|
}
|
|
37493
37174
|
|
|
37494
|
-
&.k-disabled
|
|
37495
|
-
&.k-state-disabled {
|
|
37175
|
+
&.k-disabled {
|
|
37496
37176
|
@include disabled( $disabled-styling );
|
|
37497
37177
|
}
|
|
37498
37178
|
}
|
|
@@ -37624,7 +37304,6 @@ $editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-line hex
|
|
|
37624
37304
|
pointer-events: auto;
|
|
37625
37305
|
}
|
|
37626
37306
|
|
|
37627
|
-
.k-editor-content.k-state-focused,
|
|
37628
37307
|
.k-editor-content.k-focus {
|
|
37629
37308
|
outline-width: 1px;
|
|
37630
37309
|
outline-style: dashed;
|
|
@@ -37880,7 +37559,8 @@ $editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-line hex
|
|
|
37880
37559
|
border-bottom-color: inherit;
|
|
37881
37560
|
cursor: se-resize;
|
|
37882
37561
|
|
|
37883
|
-
.k-i-arrow-45-down-right
|
|
37562
|
+
.k-i-arrow-45-down-right,
|
|
37563
|
+
.k-i-caret-br {
|
|
37884
37564
|
display: none;
|
|
37885
37565
|
}
|
|
37886
37566
|
}
|
|
@@ -38078,7 +37758,6 @@ $editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-line hex
|
|
|
38078
37758
|
display: block;
|
|
38079
37759
|
margin: auto;
|
|
38080
37760
|
|
|
38081
|
-
&.k-state-selected,
|
|
38082
37761
|
&.k-selected {
|
|
38083
37762
|
color: inherit;
|
|
38084
37763
|
border-width: 0;
|
|
@@ -38301,7 +37980,6 @@ $editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-line hex
|
|
|
38301
37980
|
|
|
38302
37981
|
kendo-editor {
|
|
38303
37982
|
&.k-readonly {
|
|
38304
|
-
.k-editor-content.k-state-focused,
|
|
38305
37983
|
.k-editor-content.k-focus {
|
|
38306
37984
|
outline-color: $body-text;
|
|
38307
37985
|
}
|
|
@@ -38339,7 +38017,7 @@ $editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-line hex
|
|
|
38339
38017
|
|
|
38340
38018
|
// Hover & Actve state
|
|
38341
38019
|
&:hover,
|
|
38342
|
-
&.k-
|
|
38020
|
+
&.k-active,
|
|
38343
38021
|
&.k-active {
|
|
38344
38022
|
border-color: $panel-border;
|
|
38345
38023
|
}
|
|
@@ -38357,7 +38035,6 @@ $editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-line hex
|
|
|
38357
38035
|
|
|
38358
38036
|
// Insert table
|
|
38359
38037
|
.k-ct-popup {
|
|
38360
|
-
.k-state-selected,
|
|
38361
38038
|
.k-selected {
|
|
38362
38039
|
@include fill( $selected-text, $selected-bg, $selected-border, none );
|
|
38363
38040
|
}
|
|
@@ -38870,7 +38547,7 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
38870
38547
|
}
|
|
38871
38548
|
|
|
38872
38549
|
&.k-gantt-planned .k-grid-content tr {
|
|
38873
|
-
height: calc( #{$line-height-em * 1.7
|
|
38550
|
+
height: calc( #{$line-height-em} * 1.7 + #{$grid-cell-padding-y * 2} + #{$grid-cell-horizontal-border-width} );
|
|
38874
38551
|
}
|
|
38875
38552
|
|
|
38876
38553
|
// Layout
|
|
@@ -38915,7 +38592,6 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
38915
38592
|
}
|
|
38916
38593
|
}
|
|
38917
38594
|
|
|
38918
|
-
tr.k-state-selected > td:last-child,
|
|
38919
38595
|
tr.k-selected > td:last-child {
|
|
38920
38596
|
background: transparent;
|
|
38921
38597
|
}
|
|
@@ -39094,7 +38770,7 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
39094
38770
|
padding: 0 !important; // sass-lint:disable-line no-important
|
|
39095
38771
|
}
|
|
39096
38772
|
.k-grid-header tr {
|
|
39097
|
-
height: calc( #{$line-height-em * 2
|
|
38773
|
+
height: calc( #{$line-height-em} * 2 + #{$grid-header-padding-y * 4} + 2px );
|
|
39098
38774
|
vertical-align: bottom;
|
|
39099
38775
|
}
|
|
39100
38776
|
.k-grid-content {
|
|
@@ -39185,7 +38861,6 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
39185
38861
|
border-color: currentColor;
|
|
39186
38862
|
position: absolute;
|
|
39187
38863
|
}
|
|
39188
|
-
.k-gantt-line.k-state-selected,
|
|
39189
38864
|
.k-gantt-line.k-selected {
|
|
39190
38865
|
z-index: 3;
|
|
39191
38866
|
}
|
|
@@ -39259,7 +38934,6 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
39259
38934
|
transform: translate(-50%, -50%);
|
|
39260
38935
|
}
|
|
39261
38936
|
.k-task-dot:hover::before,
|
|
39262
|
-
.k-task-dot.k-state-hover::before,
|
|
39263
38937
|
.k-task-dot.k-hover::before {
|
|
39264
38938
|
border-width: 1px;
|
|
39265
38939
|
}
|
|
@@ -39733,7 +39407,6 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
39733
39407
|
$border: $gantt-milestone-border
|
|
39734
39408
|
);
|
|
39735
39409
|
}
|
|
39736
|
-
.k-task-milestone.k-state-selected .k-task-milestone-content,
|
|
39737
39410
|
.k-task-milestone.k-selected .k-task-milestone-content {
|
|
39738
39411
|
@include fill(
|
|
39739
39412
|
$bg: $gantt-milestone-selected-bg,
|
|
@@ -39748,7 +39421,6 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
39748
39421
|
stroke: $gantt-line-fill;
|
|
39749
39422
|
}
|
|
39750
39423
|
|
|
39751
|
-
polyline.k-state-selected,
|
|
39752
39424
|
polyline.k-selected {
|
|
39753
39425
|
stroke: $gantt-line-selected-fill;
|
|
39754
39426
|
}
|
|
@@ -39802,7 +39474,6 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
39802
39474
|
);
|
|
39803
39475
|
}
|
|
39804
39476
|
.k-task-dot:hover::before,
|
|
39805
|
-
.k-task-dot.k-state-hover::before,
|
|
39806
39477
|
.k-task-dot.k-hover::before {
|
|
39807
39478
|
@include fill(
|
|
39808
39479
|
$bg: $gantt-dot-hover-bg,
|
|
@@ -39828,7 +39499,6 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
39828
39499
|
);
|
|
39829
39500
|
}
|
|
39830
39501
|
}
|
|
39831
|
-
.k-task-milestone.k-state-selected,
|
|
39832
39502
|
.k-task-milestone.k-selected {
|
|
39833
39503
|
background-image: none;
|
|
39834
39504
|
@include fill(
|
|
@@ -39859,7 +39529,6 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
39859
39529
|
.k-task-advanced .k-task-summary-complete {
|
|
39860
39530
|
color: $gantt-advanced-bg;
|
|
39861
39531
|
}
|
|
39862
|
-
.k-task-summary.k-state-selected,
|
|
39863
39532
|
.k-task-summary.k-selected {
|
|
39864
39533
|
color: $gantt-summary-selected-bg;
|
|
39865
39534
|
|
|
@@ -39903,7 +39572,6 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
39903
39572
|
$bg: $gantt-advanced-bg
|
|
39904
39573
|
);
|
|
39905
39574
|
}
|
|
39906
|
-
.k-task-single.k-state-selected,
|
|
39907
39575
|
.k-task-single.k-selected {
|
|
39908
39576
|
@include fill(
|
|
39909
39577
|
$gantt-task-selected-text,
|
|
@@ -39920,7 +39588,6 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
39920
39588
|
.k-gantt-line {
|
|
39921
39589
|
color: $gantt-line-fill;
|
|
39922
39590
|
}
|
|
39923
|
-
.k-gantt-line.k-state-selected,
|
|
39924
39591
|
.k-gantt-line.k-selected {
|
|
39925
39592
|
color: $gantt-line-selected-fill;
|
|
39926
39593
|
}
|
|
@@ -40579,7 +40246,6 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
40579
40246
|
}
|
|
40580
40247
|
|
|
40581
40248
|
&:hover,
|
|
40582
|
-
&.k-state-hover,
|
|
40583
40249
|
&.k-hover {
|
|
40584
40250
|
.k-event-delete {
|
|
40585
40251
|
opacity: 1;
|
|
@@ -40645,7 +40311,6 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
40645
40311
|
|
|
40646
40312
|
// Hover
|
|
40647
40313
|
&:hover,
|
|
40648
|
-
&.k-state-hover,
|
|
40649
40314
|
&.k-hover {
|
|
40650
40315
|
.k-event-actions .k-event-delete,
|
|
40651
40316
|
.k-resize-handle {
|
|
@@ -40903,11 +40568,9 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
40903
40568
|
opacity: .5;
|
|
40904
40569
|
visibility: hidden;
|
|
40905
40570
|
}
|
|
40906
|
-
.k-state-hover .k-task > .k-event-delete,
|
|
40907
40571
|
.k-hover .k-task > .k-event-delete,
|
|
40908
40572
|
.k-scheduler-content tr:hover .k-event-delete,
|
|
40909
40573
|
.k-scheduler-content .k-scheduler-row:hover .k-event-delete,
|
|
40910
|
-
.k-scheduler-content .k-scheduler-row.k-state-hover .k-event-delete,
|
|
40911
40574
|
.k-scheduler-content .k-scheduler-row.k-hover .k-event-delete {
|
|
40912
40575
|
visibility: visible;
|
|
40913
40576
|
}
|
|
@@ -40981,7 +40644,6 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
40981
40644
|
position: relative;
|
|
40982
40645
|
}
|
|
40983
40646
|
|
|
40984
|
-
td.k-state-selected,
|
|
40985
40647
|
td.k-selected {
|
|
40986
40648
|
background-color: inherit;
|
|
40987
40649
|
}
|
|
@@ -41190,6 +40852,8 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
41190
40852
|
|
|
41191
40853
|
.k-scheduler,
|
|
41192
40854
|
&.k-scheduler {
|
|
40855
|
+
.k-i-caret-alt-left,
|
|
40856
|
+
.k-i-caret-alt-right,
|
|
41193
40857
|
.k-i-arrow-60-left,
|
|
41194
40858
|
.k-i-arrow-60-right,
|
|
41195
40859
|
.k-current-time-arrow-right {
|
|
@@ -41362,9 +41026,7 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
41362
41026
|
);
|
|
41363
41027
|
}
|
|
41364
41028
|
|
|
41365
|
-
.k-scheduler-layout td.k-state-selected,
|
|
41366
41029
|
.k-scheduler-layout td.k-selected,
|
|
41367
|
-
.k-scheduler-layout .k-scheduler-cell.k-state-selected,
|
|
41368
41030
|
.k-scheduler-layout .k-scheduler-cell.k-selected {
|
|
41369
41031
|
background-color: rgba($selected-bg, .25);
|
|
41370
41032
|
}
|
|
@@ -41387,7 +41049,7 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
41387
41049
|
);
|
|
41388
41050
|
@include box-shadow( $scheduler-event-shadow );
|
|
41389
41051
|
|
|
41390
|
-
|
|
41052
|
+
&:hover,
|
|
41391
41053
|
&.k-hover {
|
|
41392
41054
|
@include fill(
|
|
41393
41055
|
$scheduler-event-hover-text,
|
|
@@ -41398,7 +41060,6 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
41398
41060
|
@include box-shadow( $scheduler-event-hover-shadow );
|
|
41399
41061
|
}
|
|
41400
41062
|
|
|
41401
|
-
&.k-state-selected,
|
|
41402
41063
|
&.k-selected {
|
|
41403
41064
|
@include fill(
|
|
41404
41065
|
$scheduler-event-selected-text,
|
|
@@ -41465,10 +41126,8 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
41465
41126
|
|
|
41466
41127
|
// Hover
|
|
41467
41128
|
.k-scheduler-content tr:hover,
|
|
41468
|
-
.k-scheduler-content tr.k-state-hover,
|
|
41469
41129
|
.k-scheduler-content tr.k-hover,
|
|
41470
41130
|
.k-scheduler-content .k-scheduler-row:hover,
|
|
41471
|
-
.k-scheduler-content .k-scheduler-row.k-state-hover,
|
|
41472
41131
|
.k-scheduler-content .k-scheduler-row.k-hover {
|
|
41473
41132
|
@include fill(
|
|
41474
41133
|
$hovered-text,
|
|
@@ -41480,9 +41139,7 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
41480
41139
|
|
|
41481
41140
|
.k-scheduler-content tr:hover .k-scheduler-datecolumn,
|
|
41482
41141
|
.k-scheduler-content tr:hover .k-scheduler-groupcolumn,
|
|
41483
|
-
.k-scheduler-content tr.k-state-hover .k-scheduler-datecolumn,
|
|
41484
41142
|
.k-scheduler-content tr.k-hover .k-scheduler-datecolumn,
|
|
41485
|
-
.k-scheduler-content tr.k-state-hover .k-scheduler-groupcolumn,
|
|
41486
41143
|
.k-scheduler-content tr.k-hover .k-scheduler-groupcolumn {
|
|
41487
41144
|
@include fill(
|
|
41488
41145
|
$scheduler-text,
|
|
@@ -41492,13 +41149,10 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
41492
41149
|
}
|
|
41493
41150
|
|
|
41494
41151
|
// Selected
|
|
41495
|
-
.k-scheduler-content tr.k-state-selected,
|
|
41496
41152
|
.k-scheduler-content tr.k-selected {
|
|
41497
41153
|
background-color: rgba($selected-bg, .25);
|
|
41498
41154
|
}
|
|
41499
|
-
.k-scheduler-content tr.k-state-selected .k-scheduler-datecolumn,
|
|
41500
41155
|
.k-scheduler-content tr.k-selected .k-scheduler-datecolumn,
|
|
41501
|
-
.k-scheduler-content tr.k-state-selected .k-scheduler-groupcolumn,
|
|
41502
41156
|
.k-scheduler-content tr.k-selected .k-scheduler-groupcolumn {
|
|
41503
41157
|
background-color: $scheduler-bg;
|
|
41504
41158
|
}
|
|
@@ -41516,7 +41170,6 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
41516
41170
|
@include fill( $bg: $scheduler-yearview-indicator-bg );
|
|
41517
41171
|
}
|
|
41518
41172
|
|
|
41519
|
-
.k-state-selected .k-day-indicator,
|
|
41520
41173
|
.k-selected .k-day-indicator {
|
|
41521
41174
|
@include fill( $bg: $scheduler-yearview-indicator-selected-bg );
|
|
41522
41175
|
}
|
|
@@ -41820,7 +41473,6 @@ $chat-quick-reply-hover-border: $primary !default;
|
|
|
41820
41473
|
|
|
41821
41474
|
|
|
41822
41475
|
// Message states
|
|
41823
|
-
.k-message.k-state-selected,
|
|
41824
41476
|
.k-message.k-selected {
|
|
41825
41477
|
margin-bottom: $chat-item-spacing-y;
|
|
41826
41478
|
border: 0;
|
|
@@ -41949,7 +41601,6 @@ $chat-quick-reply-hover-border: $primary !default;
|
|
|
41949
41601
|
align-items: center;
|
|
41950
41602
|
|
|
41951
41603
|
&:focus,
|
|
41952
|
-
&.k-state-focus,
|
|
41953
41604
|
&.k-focus,
|
|
41954
41605
|
&:focus-within {
|
|
41955
41606
|
outline: 0;
|
|
@@ -42030,7 +41681,6 @@ $chat-quick-reply-hover-border: $primary !default;
|
|
|
42030
41681
|
flex: 0 0 auto;
|
|
42031
41682
|
}
|
|
42032
41683
|
|
|
42033
|
-
&.k-state-selected,
|
|
42034
41684
|
&.k-selected {
|
|
42035
41685
|
background: none;
|
|
42036
41686
|
}
|
|
@@ -42267,7 +41917,6 @@ $chat-quick-reply-hover-border: $primary !default;
|
|
|
42267
41917
|
.k-bubble:hover {
|
|
42268
41918
|
@include box-shadow( $chat-bubble-hover-shadow );
|
|
42269
41919
|
}
|
|
42270
|
-
.k-state-selected .k-bubble,
|
|
42271
41920
|
.k-selected .k-bubble {
|
|
42272
41921
|
@include box-shadow( $chat-bubble-selected-shadow );
|
|
42273
41922
|
}
|
|
@@ -42283,7 +41932,6 @@ $chat-quick-reply-hover-border: $primary !default;
|
|
|
42283
41932
|
.k-alt .k-bubble:hover {
|
|
42284
41933
|
@include box-shadow( $chat-alt-bubble-hover-shadow );
|
|
42285
41934
|
}
|
|
42286
|
-
.k-alt .k-state-selected .k-bubble,
|
|
42287
41935
|
.k-alt .k-selected .k-bubble {
|
|
42288
41936
|
@include box-shadow( $chat-alt-bubble-selected-shadow );
|
|
42289
41937
|
}
|
|
@@ -43088,7 +42736,6 @@ $timeline-event-min-height-calc: calc(2 * (#{$timeline-track-event-offset} - #{$
|
|
|
43088
42736
|
color: $body-text;
|
|
43089
42737
|
}
|
|
43090
42738
|
|
|
43091
|
-
.k-timeline-arrow.k-state-disabled,
|
|
43092
42739
|
.k-timeline-arrow.k-disabled {
|
|
43093
42740
|
opacity: 1; // The arrow button in disabled mode should have a solid background
|
|
43094
42741
|
color: $timeline-track-arrow-disabled-text;
|
|
@@ -43109,7 +42756,6 @@ $timeline-event-min-height-calc: calc(2 * (#{$timeline-track-event-offset} - #{$
|
|
|
43109
42756
|
background-color: $timeline-flag-bg;
|
|
43110
42757
|
}
|
|
43111
42758
|
|
|
43112
|
-
.k-timeline-track-item.k-state-focus .k-timeline-circle,
|
|
43113
42759
|
.k-timeline-track-item.k-focus .k-timeline-circle {
|
|
43114
42760
|
@include box-shadow( $timeline-track-item-focus-shadow );
|
|
43115
42761
|
}
|
|
@@ -43130,6 +42776,9 @@ $timeline-event-min-height-calc: calc(2 * (#{$timeline-track-event-offset} - #{$
|
|
|
43130
42776
|
// #region @import "../common/_index.scss"; -> packages/bootstrap/scss/common/_index.scss
|
|
43131
42777
|
// File already imported_once. Skipping output.
|
|
43132
42778
|
// #endregion
|
|
42779
|
+
// #region @import "../button/_variables.scss"; -> packages/bootstrap/scss/button/_variables.scss
|
|
42780
|
+
// File already imported_once. Skipping output.
|
|
42781
|
+
// #endregion
|
|
43133
42782
|
// #region @import "../combobox/_index.scss"; -> packages/bootstrap/scss/combobox/_index.scss
|
|
43134
42783
|
// File already imported_once. Skipping output.
|
|
43135
42784
|
// #endregion
|
|
@@ -43145,6 +42794,12 @@ $timeline-event-min-height-calc: calc(2 * (#{$timeline-track-event-offset} - #{$
|
|
|
43145
42794
|
// #region @import "../icons/_index.scss"; -> packages/bootstrap/scss/icons/_index.scss
|
|
43146
42795
|
// File already imported_once. Skipping output.
|
|
43147
42796
|
// #endregion
|
|
42797
|
+
// #region @import "../dropzone/_index.scss"; -> packages/bootstrap/scss/dropzone/_index.scss
|
|
42798
|
+
// File already imported_once. Skipping output.
|
|
42799
|
+
// #endregion
|
|
42800
|
+
// #region @import "../window/_index.scss"; -> packages/bootstrap/scss/window/_index.scss
|
|
42801
|
+
// File already imported_once. Skipping output.
|
|
42802
|
+
// #endregion
|
|
43148
42803
|
|
|
43149
42804
|
|
|
43150
42805
|
// Component
|
|
@@ -43175,12 +42830,25 @@ $pdf-viewer-page-text: $component-text !default;
|
|
|
43175
42830
|
$pdf-viewer-page-border: $component-border !default;
|
|
43176
42831
|
$pdf-viewer-page-shadow: 0 0 ($pdf-viewer-page-spacing / 2) $pdf-viewer-page-border !default;
|
|
43177
42832
|
|
|
43178
|
-
$pdf-viewer-search-dialog-padding: $toolbar-padding-x !default;
|
|
42833
|
+
$pdf-viewer-search-dialog-padding-x: $toolbar-padding-x !default;
|
|
42834
|
+
$pdf-viewer-search-dialog-padding-y: calc( #{$toolbar-padding-x} * 2 ) !default;
|
|
43179
42835
|
$pdf-viewer-search-dialog-spacing: $toolbar-spacing !default;
|
|
43180
42836
|
|
|
42837
|
+
$pdf-viewer-search-panel-border-width: 1px !default;
|
|
42838
|
+
$pdf-viewer-search-panel-border-radius: map-get( $spacing, 1 ) !default;
|
|
42839
|
+
$pdf-viewer-search-panel-bg: $component-bg !default;
|
|
42840
|
+
$pdf-viewer-search-panel-text: $component-text !default;
|
|
42841
|
+
$pdf-viewer-search-panel-border: $component-border !default;
|
|
42842
|
+
$pdf-viewer-search-panel-shadow: null !default;
|
|
42843
|
+
$pdf-viewer-search-panel-matches-spacing: $padding-x-sm !default;
|
|
42844
|
+
|
|
43181
42845
|
$pdf-viewer-selection-line-height: 1.2 !default;
|
|
43182
42846
|
|
|
43183
42847
|
$pdf-viewer-search-highlight-bg: $body-text !default;
|
|
42848
|
+
$pdf-viewer-search-highlight-mark-bg: yellow !default;
|
|
42849
|
+
|
|
42850
|
+
$pdf-viewer-icon-text: $dropzone-icon-text !default;
|
|
42851
|
+
$pdf-viewer-icon-size: calc( #{$icon-size} * 3 ) !default;
|
|
43184
42852
|
|
|
43185
42853
|
// #endregion
|
|
43186
42854
|
// #region @import "_layout.scss"; -> packages/bootstrap/scss/pdf-viewer/_layout.scss
|
|
@@ -43191,6 +42859,7 @@ $pdf-viewer-search-highlight-bg: $body-text !default;
|
|
|
43191
42859
|
border-width: $pdf-viewer-border-width;
|
|
43192
42860
|
border-style: solid;
|
|
43193
42861
|
box-sizing: border-box;
|
|
42862
|
+
position: relative;
|
|
43194
42863
|
outline: 0;
|
|
43195
42864
|
font-family: $pdf-viewer-font-family;
|
|
43196
42865
|
font-size: $pdf-viewer-font-size;
|
|
@@ -43221,11 +42890,14 @@ $pdf-viewer-search-highlight-bg: $body-text !default;
|
|
|
43221
42890
|
|
|
43222
42891
|
|
|
43223
42892
|
// Canvas
|
|
43224
|
-
.k-
|
|
42893
|
+
.k-canvas {
|
|
42894
|
+
display: flex;
|
|
42895
|
+
flex-direction: column;
|
|
43225
42896
|
flex: 1 1 auto;
|
|
43226
42897
|
outline: none;
|
|
43227
42898
|
|
|
43228
|
-
.k-enable-text-select
|
|
42899
|
+
.k-enable-text-select,
|
|
42900
|
+
&.k-enable-text-select {
|
|
43229
42901
|
-webkit-user-select: text;
|
|
43230
42902
|
-moz-user-select: text;
|
|
43231
42903
|
-ms-user-select: text;
|
|
@@ -43233,16 +42905,22 @@ $pdf-viewer-search-highlight-bg: $body-text !default;
|
|
|
43233
42905
|
cursor: text;
|
|
43234
42906
|
}
|
|
43235
42907
|
|
|
43236
|
-
.k-enable-panning
|
|
42908
|
+
.k-enable-panning,
|
|
42909
|
+
&.k-enable-panning {
|
|
43237
42910
|
cursor: grab;
|
|
43238
42911
|
}
|
|
43239
|
-
.k-enable-panning span::selection
|
|
42912
|
+
.k-enable-panning span::selection,
|
|
42913
|
+
&.k-enable-panning span::selection {
|
|
43240
42914
|
background-color: transparent;
|
|
43241
42915
|
}
|
|
43242
42916
|
}
|
|
43243
42917
|
|
|
43244
42918
|
|
|
43245
|
-
//
|
|
42919
|
+
// Pages
|
|
42920
|
+
.k-pdf-viewer-pages {
|
|
42921
|
+
flex: 1 1 auto;
|
|
42922
|
+
}
|
|
42923
|
+
|
|
43246
42924
|
.k-page {
|
|
43247
42925
|
position: relative;
|
|
43248
42926
|
margin: $pdf-viewer-page-spacing auto;
|
|
@@ -43268,46 +42946,88 @@ $pdf-viewer-search-highlight-bg: $body-text !default;
|
|
|
43268
42946
|
mark {
|
|
43269
42947
|
color: transparent;
|
|
43270
42948
|
}
|
|
42949
|
+
|
|
42950
|
+
.k-search-highlight-mark {
|
|
42951
|
+
color: transparent;
|
|
42952
|
+
}
|
|
42953
|
+
}
|
|
42954
|
+
}
|
|
42955
|
+
|
|
42956
|
+
.k-blank-page {
|
|
42957
|
+
margin: 0;
|
|
42958
|
+
display: flex;
|
|
42959
|
+
flex-flow: column nowrap;
|
|
42960
|
+
width: 100%;
|
|
42961
|
+
height: 100%;
|
|
42962
|
+
align-items: center;
|
|
42963
|
+
justify-content: center;
|
|
42964
|
+
background-color: inherit !important; // sass-lint:disable-line no-important
|
|
42965
|
+
|
|
42966
|
+
.k-upload,
|
|
42967
|
+
.k-dropzone,
|
|
42968
|
+
.k-dropzone-inner {
|
|
42969
|
+
border: 0;
|
|
42970
|
+
background: none;
|
|
42971
|
+
}
|
|
42972
|
+
|
|
42973
|
+
> .k-icon {
|
|
42974
|
+
font-size: $pdf-viewer-icon-size;
|
|
43271
42975
|
}
|
|
43272
42976
|
}
|
|
42977
|
+
|
|
43273
42978
|
}
|
|
43274
42979
|
|
|
43275
42980
|
// Search
|
|
43276
42981
|
.k-pdf-viewer-search-dialog {
|
|
43277
|
-
padding:
|
|
42982
|
+
padding: 0 !important; // sass-lint:disable-line no-important
|
|
42983
|
+
}
|
|
43278
42984
|
|
|
43279
|
-
|
|
43280
|
-
|
|
43281
|
-
|
|
43282
|
-
|
|
43283
|
-
|
|
43284
|
-
|
|
43285
|
-
|
|
42985
|
+
.k-search-panel {
|
|
42986
|
+
padding: $pdf-viewer-search-dialog-padding-y $pdf-viewer-search-dialog-padding-x;
|
|
42987
|
+
display: flex;
|
|
42988
|
+
gap: $pdf-viewer-search-dialog-spacing;
|
|
42989
|
+
flex-flow: row nowrap;
|
|
42990
|
+
flex: 0 0 auto;
|
|
42991
|
+
justify-content: flex-start;
|
|
42992
|
+
align-items: center;
|
|
43286
42993
|
|
|
43287
|
-
|
|
43288
|
-
|
|
43289
|
-
|
|
43290
|
-
|
|
42994
|
+
.k-search-dialog-draghandle {
|
|
42995
|
+
cursor: move;
|
|
42996
|
+
margin-left: 0;
|
|
42997
|
+
}
|
|
43291
42998
|
|
|
43292
|
-
|
|
43293
|
-
|
|
43294
|
-
|
|
42999
|
+
.k-textbox {
|
|
43000
|
+
width: 10em;
|
|
43001
|
+
flex: none;
|
|
43295
43002
|
|
|
43296
|
-
|
|
43297
|
-
|
|
43298
|
-
}
|
|
43003
|
+
.k-button {
|
|
43004
|
+
border-width: 0;
|
|
43299
43005
|
}
|
|
43006
|
+
}
|
|
43300
43007
|
|
|
43301
|
-
|
|
43302
|
-
|
|
43303
|
-
|
|
43008
|
+
.k-search-matches {
|
|
43009
|
+
display: inline-flex;
|
|
43010
|
+
gap: $pdf-viewer-search-panel-matches-spacing;
|
|
43304
43011
|
}
|
|
43305
43012
|
}
|
|
43306
43013
|
|
|
43014
|
+
.k-pdf-viewer-canvas > .k-search-panel {
|
|
43015
|
+
width: max-content;
|
|
43016
|
+
margin-top: calc( (#{$kendo-button-calc-size} + #{$pdf-viewer-search-panel-border-width} + ( 2 * #{$pdf-viewer-search-dialog-padding-y} )) * -1 );
|
|
43017
|
+
border-width: $pdf-viewer-search-panel-border-width;
|
|
43018
|
+
border-style: solid;
|
|
43019
|
+
border-radius: $pdf-viewer-search-panel-border-radius;
|
|
43020
|
+
z-index: 10;
|
|
43021
|
+
}
|
|
43022
|
+
|
|
43023
|
+
// Alias
|
|
43024
|
+
.k-search-container {
|
|
43025
|
+
@extend .k-search-panel !optional;
|
|
43026
|
+
}
|
|
43027
|
+
|
|
43307
43028
|
|
|
43308
43029
|
// IE
|
|
43309
43030
|
.k-ie .k-pdf-viewer-search-dialog {
|
|
43310
|
-
|
|
43311
43031
|
.k-search-container > * + * {
|
|
43312
43032
|
margin-left: $pdf-viewer-search-dialog-spacing;
|
|
43313
43033
|
}
|
|
@@ -43362,12 +43082,33 @@ $pdf-viewer-search-highlight-bg: $body-text !default;
|
|
|
43362
43082
|
@include box-shadow( $pdf-viewer-page-shadow );
|
|
43363
43083
|
}
|
|
43364
43084
|
|
|
43085
|
+
.k-blank-page > .k-icon {
|
|
43086
|
+
@include fill( $color: $pdf-viewer-icon-text );
|
|
43087
|
+
}
|
|
43088
|
+
|
|
43365
43089
|
|
|
43366
43090
|
// Search
|
|
43367
43091
|
.k-search-highlight {
|
|
43368
43092
|
background-color: $pdf-viewer-search-highlight-bg;
|
|
43369
43093
|
}
|
|
43370
43094
|
|
|
43095
|
+
.k-search-highlight-mark {
|
|
43096
|
+
@include fill( $bg: $pdf-viewer-search-highlight-mark-bg );
|
|
43097
|
+
}
|
|
43098
|
+
|
|
43099
|
+
}
|
|
43100
|
+
|
|
43101
|
+
.k-pdf-viewer-canvas > .k-search-panel {
|
|
43102
|
+
@include fill(
|
|
43103
|
+
$pdf-viewer-search-panel-text,
|
|
43104
|
+
$pdf-viewer-search-panel-bg,
|
|
43105
|
+
$pdf-viewer-search-panel-border,
|
|
43106
|
+
);
|
|
43107
|
+
@include box-shadow( $pdf-viewer-search-panel-shadow );
|
|
43108
|
+
}
|
|
43109
|
+
|
|
43110
|
+
.k-search-container {
|
|
43111
|
+
@extend .k-search-panel !optional;
|
|
43371
43112
|
}
|
|
43372
43113
|
|
|
43373
43114
|
}
|
|
@@ -43816,7 +43557,6 @@ $scrollview-transition-timing-function: ease-in-out !default;
|
|
|
43816
43557
|
outline-width: 0;
|
|
43817
43558
|
|
|
43818
43559
|
&:focus,
|
|
43819
|
-
&.k-state-focus,
|
|
43820
43560
|
&.k-focus {
|
|
43821
43561
|
color: $scrollview-navigation-color;
|
|
43822
43562
|
opacity: $scrollview-navigation-hover-opacity;
|
|
@@ -43827,7 +43567,6 @@ $scrollview-transition-timing-function: ease-in-out !default;
|
|
|
43827
43567
|
}
|
|
43828
43568
|
|
|
43829
43569
|
&:hover,
|
|
43830
|
-
&.k-state-hover,
|
|
43831
43570
|
&.k-hover {
|
|
43832
43571
|
color: $scrollview-navigation-color;
|
|
43833
43572
|
opacity: $scrollview-navigation-hover-opacity;
|
|
@@ -43849,14 +43588,12 @@ $scrollview-transition-timing-function: ease-in-out !default;
|
|
|
43849
43588
|
|
|
43850
43589
|
|
|
43851
43590
|
&:focus,
|
|
43852
|
-
&.k-state-focused,
|
|
43853
43591
|
&.k-focus {
|
|
43854
43592
|
box-shadow: $scrollview-pagebutton-shadow;
|
|
43855
43593
|
}
|
|
43856
43594
|
}
|
|
43857
43595
|
|
|
43858
43596
|
.k-scrollview-nav > .k-link:hover,
|
|
43859
|
-
.k-scrollview-nav > .k-link.k-state-hover,
|
|
43860
43597
|
.k-scrollview-nav > .k-link.k-hover {
|
|
43861
43598
|
box-shadow: $scrollview-pagebutton-shadow;
|
|
43862
43599
|
}
|
|
@@ -44105,7 +43842,7 @@ $treemap-line-height: $line-height !default;
|
|
|
44105
43842
|
.k-chart-tooltip-wrapper {
|
|
44106
43843
|
z-index: 12000;
|
|
44107
43844
|
|
|
44108
|
-
|
|
43845
|
+
.k-popup {
|
|
44109
43846
|
padding: 0;
|
|
44110
43847
|
border-width: 0;
|
|
44111
43848
|
background: transparent;
|
|
@@ -44673,7 +44410,7 @@ $treemap-line-height: $line-height !default;
|
|
|
44673
44410
|
.k-leaf.k-inverse {
|
|
44674
44411
|
color: $component-text;
|
|
44675
44412
|
}
|
|
44676
|
-
.k-leaf
|
|
44413
|
+
.k-leaf:hover,
|
|
44677
44414
|
.k-leaf.k-hover {
|
|
44678
44415
|
box-shadow: inset 0 0 0 3px $component-border;
|
|
44679
44416
|
}
|
|
@@ -45155,8 +44892,7 @@ $orgchart-line-v-height: 25px !default;
|
|
|
45155
44892
|
}
|
|
45156
44893
|
|
|
45157
44894
|
&:focus,
|
|
45158
|
-
&.k-focus
|
|
45159
|
-
&.k-state-focus {
|
|
44895
|
+
&.k-focus {
|
|
45160
44896
|
@include box-shadow( $orgchart-card-focus-shadow );
|
|
45161
44897
|
}
|
|
45162
44898
|
}
|
|
@@ -45170,9 +44906,6 @@ $orgchart-line-v-height: 25px !default;
|
|
|
45170
44906
|
);
|
|
45171
44907
|
}
|
|
45172
44908
|
.k-orgchart-node-group-container:focus,
|
|
45173
|
-
.k-orgchart-node-group-container.k-focus,
|
|
45174
|
-
.k-orgchart-node-group-container.k-state-focus,
|
|
45175
|
-
.k-orgchart-node-group-container.k-state-focused,
|
|
45176
44909
|
.k-orgchart-node-group-container.k-focus {
|
|
45177
44910
|
@include box-shadow( $orgchart-node-group-focus-shadow );
|
|
45178
44911
|
@include fill ( $border: $orgchart-node-group-focus-border );
|
|
@@ -45216,40 +44949,42 @@ $kendo-signature-height: 108px !default;
|
|
|
45216
44949
|
$kendo-signature-maximized-width: 750px !default;
|
|
45217
44950
|
$kendo-signature-maximized-height: 252px !default;
|
|
45218
44951
|
|
|
45219
|
-
$kendo-signature-padding: map-get( $spacing,
|
|
45220
|
-
$kendo-signature-padding-sm: map-get( $spacing,
|
|
45221
|
-
$kendo-signature-padding-md: $kendo-signature-padding !default;
|
|
45222
|
-
$kendo-signature-padding-lg: map-get( $spacing,
|
|
44952
|
+
$kendo-signature-padding-x: map-get( $spacing, 3 ) !default;
|
|
44953
|
+
$kendo-signature-padding-x-sm: map-get( $spacing, 2 ) !default;
|
|
44954
|
+
$kendo-signature-padding-x-md: $kendo-signature-padding-x !default;
|
|
44955
|
+
$kendo-signature-padding-x-lg: map-get( $spacing, 4 ) !default;
|
|
44956
|
+
|
|
44957
|
+
$kendo-signature-padding-y: map-get( $spacing, 1 ) !default;
|
|
44958
|
+
$kendo-signature-padding-y-sm: map-get( $spacing, thin ) !default;
|
|
44959
|
+
$kendo-signature-padding-y-md: $kendo-signature-padding-y !default;
|
|
44960
|
+
$kendo-signature-padding-y-lg: map-get( $spacing, 2 ) !default;
|
|
45223
44961
|
|
|
45224
44962
|
$kendo-signature-line-width: 1px !default;
|
|
45225
44963
|
$kendo-signature-line-style: dashed !default;
|
|
45226
44964
|
$kendo-signature-line-color: rgba( $info, .24 ) !default;
|
|
45227
44965
|
|
|
45228
|
-
$kendo-signature-line-size: calc( 100% - 2 * #{$kendo-signature-padding} ) !default;
|
|
45229
|
-
$kendo-signature-line-size-sm: calc( 100% - 2 * #{$kendo-signature-padding-sm} ) !default;
|
|
45230
|
-
$kendo-signature-line-size-md: calc( 100% - 2 * #{$kendo-signature-padding-md} ) !default;
|
|
45231
|
-
$kendo-signature-line-size-lg: calc( 100% - 2 * #{$kendo-signature-padding-lg} ) !default;
|
|
44966
|
+
$kendo-signature-line-size: calc( 100% - 2 * #{$kendo-signature-padding-x} ) !default;
|
|
44967
|
+
$kendo-signature-line-size-sm: calc( 100% - 2 * #{$kendo-signature-padding-x-sm} ) !default;
|
|
44968
|
+
$kendo-signature-line-size-md: calc( 100% - 2 * #{$kendo-signature-padding-x-md} ) !default;
|
|
44969
|
+
$kendo-signature-line-size-lg: calc( 100% - 2 * #{$kendo-signature-padding-x-lg} ) !default;
|
|
45232
44970
|
|
|
45233
|
-
$kendo-signature-line-bottom-offset:
|
|
45234
|
-
$kendo-signature-line-bottom-offset-sm: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding-sm} ) !default;
|
|
45235
|
-
$kendo-signature-line-bottom-offset-md: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding-md} ) !default;
|
|
45236
|
-
$kendo-signature-line-bottom-offset-lg: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding-lg} ) !default;
|
|
44971
|
+
$kendo-signature-line-bottom-offset: 33% !default;
|
|
45237
44972
|
|
|
45238
44973
|
$kendo-signature-sizes: (
|
|
45239
44974
|
sm: (
|
|
45240
|
-
padding: $kendo-signature-padding-sm,
|
|
45241
|
-
|
|
45242
|
-
line-
|
|
44975
|
+
padding-x: $kendo-signature-padding-x-sm,
|
|
44976
|
+
padding-y: $kendo-signature-padding-y-sm,
|
|
44977
|
+
line-size: $kendo-signature-line-size-sm
|
|
45243
44978
|
),
|
|
45244
44979
|
md: (
|
|
45245
|
-
padding: $kendo-signature-padding-md,
|
|
45246
|
-
|
|
45247
|
-
line-
|
|
44980
|
+
padding-x: $kendo-signature-padding-x-md,
|
|
44981
|
+
padding-y: $kendo-signature-padding-y-md,
|
|
44982
|
+
line-size: $kendo-signature-line-size-md
|
|
45248
44983
|
),
|
|
45249
44984
|
lg: (
|
|
45250
|
-
padding: $kendo-signature-padding-lg,
|
|
45251
|
-
|
|
45252
|
-
line-
|
|
44985
|
+
padding-x: $kendo-signature-padding-x-lg,
|
|
44986
|
+
padding-y: $kendo-signature-padding-y-lg,
|
|
44987
|
+
line-size: $kendo-signature-line-size-lg
|
|
45253
44988
|
)
|
|
45254
44989
|
) !default;
|
|
45255
44990
|
|
|
@@ -45263,7 +44998,7 @@ $kendo-signature-maximized-line-width: map-get( $spacing, 1 ) - map-get( $spacin
|
|
|
45263
44998
|
|
|
45264
44999
|
.k-signature {
|
|
45265
45000
|
width: $kendo-signature-width;
|
|
45266
|
-
height: $kendo-signature-height;
|
|
45001
|
+
min-height: $kendo-signature-height;
|
|
45267
45002
|
position: relative;
|
|
45268
45003
|
box-sizing: border-box;
|
|
45269
45004
|
display: flex;
|
|
@@ -45300,27 +45035,30 @@ $kendo-signature-maximized-line-width: map-get( $spacing, 1 ) - map-get( $spacin
|
|
|
45300
45035
|
|
|
45301
45036
|
.k-signature-line {
|
|
45302
45037
|
position: absolute;
|
|
45303
|
-
|
|
45038
|
+
bottom: $kendo-signature-line-bottom-offset;
|
|
45039
|
+
z-index: 2;
|
|
45040
|
+
pointer-events: none;
|
|
45304
45041
|
border-bottom-width: $kendo-signature-line-width;
|
|
45305
45042
|
border-bottom-style: $kendo-signature-line-style;
|
|
45306
45043
|
}
|
|
45307
45044
|
|
|
45308
45045
|
// Sizes
|
|
45309
45046
|
@each $size, $size-props in $kendo-signature-sizes {
|
|
45310
|
-
$_padding: map-get($size-props, padding);
|
|
45047
|
+
$_padding-x: map-get($size-props, padding-x);
|
|
45048
|
+
$_padding-y: map-get($size-props, padding-y);
|
|
45311
45049
|
$_line-size: map-get($size-props, line-size);
|
|
45312
45050
|
$_line-offset: map-get($size-props, line-offset);
|
|
45313
45051
|
|
|
45314
45052
|
.k-signature-#{$size} {
|
|
45315
|
-
padding: $_padding;
|
|
45053
|
+
padding-inline: $_padding-x;
|
|
45054
|
+
padding-block: $_padding-y;
|
|
45316
45055
|
|
|
45317
45056
|
.k-signature-line {
|
|
45318
45057
|
width: $_line-size;
|
|
45319
|
-
bottom: $_line-offset;
|
|
45320
45058
|
}
|
|
45321
45059
|
}
|
|
45322
|
-
|
|
45323
45060
|
}
|
|
45061
|
+
|
|
45324
45062
|
}
|
|
45325
45063
|
|
|
45326
45064
|
// #endregion
|