@progress/kendo-theme-bootstrap 5.4.2-dev.6 → 5.5.1-dev.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all.css +348 -362
- package/dist/all.scss +436 -281
- 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 +8 -11
- package/scss/breadcrumb/_layout.scss +1 -1
- package/scss/breadcrumb/_theme.scss +1 -1
- package/scss/button/_variables.scss +36 -16
- package/scss/chip/_variables.scss +2 -2
- package/scss/grid/_theme.scss +25 -25
- package/scss/index.scss +1 -0
- package/scss/input/_variables.scss +21 -4
- package/scss/list/_variables.scss +6 -6
- package/scss/pager/_theme.scss +1 -1
- package/scss/progressbar/_variables.scss +1 -0
- package/scss/scrollview/_theme.scss +4 -4
- package/scss/signature/_index.scss +10 -0
- package/scss/signature/_layout.scss +1 -0
- package/scss/signature/_theme.scss +1 -0
- package/scss/signature/_variables.scss +45 -0
- package/scss/spreadsheet/_theme.scss +6 -6
- package/scss/tabstrip/_theme.scss +4 -4
- package/scss/treeview/_variables.scss +5 -5
package/dist/all.scss
CHANGED
|
@@ -8148,14 +8148,14 @@ $message-box-link-text-decoration: underline !default;
|
|
|
8148
8148
|
/// Font size of the list component, if no size is set.
|
|
8149
8149
|
/// @group list
|
|
8150
8150
|
$kendo-list-font-size: null !default;
|
|
8151
|
-
$kendo-list-font-size-sm: $font-size-
|
|
8151
|
+
$kendo-list-font-size-sm: $font-size-sm !default;
|
|
8152
8152
|
$kendo-list-font-size-md: $font-size-md !default;
|
|
8153
8153
|
$kendo-list-font-size-lg: $font-size-md !default;
|
|
8154
8154
|
|
|
8155
8155
|
/// Line height of the list component, if no size is set.
|
|
8156
8156
|
/// @group list
|
|
8157
8157
|
$kendo-list-line-height: null !default;
|
|
8158
|
-
$kendo-list-line-height-sm:
|
|
8158
|
+
$kendo-list-line-height-sm: (20 / 14) !default;
|
|
8159
8159
|
$kendo-list-line-height-md: null !default;
|
|
8160
8160
|
$kendo-list-line-height-lg: null !default;
|
|
8161
8161
|
|
|
@@ -8171,9 +8171,9 @@ $kendo-list-header-padding-x-lg: map-get( $spacing, 4 ) !default;
|
|
|
8171
8171
|
/// @group list
|
|
8172
8172
|
$kendo-list-header-padding-y: null !default;
|
|
8173
8173
|
$kendo-list-header-padding-y-base: map-get( $spacing, 1 ) !default;
|
|
8174
|
-
$kendo-list-header-padding-y-sm: map-get( $spacing, 1 )
|
|
8174
|
+
$kendo-list-header-padding-y-sm: map-get( $spacing, 1 ) !default;
|
|
8175
8175
|
$kendo-list-header-padding-y-md: map-get( $spacing, 1 ) !default;
|
|
8176
|
-
$kendo-list-header-padding-y-lg: map-get( $spacing,
|
|
8176
|
+
$kendo-list-header-padding-y-lg: map-get( $spacing, 2 ) !default;
|
|
8177
8177
|
|
|
8178
8178
|
/// Border width of list header.
|
|
8179
8179
|
/// @group list
|
|
@@ -8209,9 +8209,9 @@ $kendo-list-item-padding-x-lg: map-get( $spacing, 4 ) !default;
|
|
|
8209
8209
|
/// @group list
|
|
8210
8210
|
$kendo-list-item-padding-y: null !default;
|
|
8211
8211
|
$kendo-list-item-padding-y-base: map-get( $spacing, 1 ) !default;
|
|
8212
|
-
$kendo-list-item-padding-y-sm: map-get( $spacing, 1 )
|
|
8212
|
+
$kendo-list-item-padding-y-sm: map-get( $spacing, 1 ) !default;
|
|
8213
8213
|
$kendo-list-item-padding-y-md: map-get( $spacing, 1 ) !default;
|
|
8214
|
-
$kendo-list-item-padding-y-lg: map-get( $spacing,
|
|
8214
|
+
$kendo-list-item-padding-y-lg: map-get( $spacing, 2 ) !default;
|
|
8215
8215
|
|
|
8216
8216
|
/// Font size of list items, if no size is set.
|
|
8217
8217
|
/// @group list
|
|
@@ -10124,34 +10124,33 @@ $kendo-button-border-radius: null !default;
|
|
|
10124
10124
|
/// Horizontal padding of the button.
|
|
10125
10125
|
/// @group button
|
|
10126
10126
|
$kendo-button-padding-x: $btn-padding-x !default;
|
|
10127
|
-
$kendo-button-padding-x-sm: $btn-padding-x !default;
|
|
10128
|
-
$kendo-button-padding-x-md: $btn-padding-x !default;
|
|
10129
|
-
$kendo-button-padding-x-lg: $btn-padding-x !default;
|
|
10130
|
-
|
|
10131
10127
|
/// Vertical padding of the button.
|
|
10132
10128
|
/// @group button
|
|
10133
10129
|
$kendo-button-padding-y: $btn-padding-y !default;
|
|
10134
|
-
$kendo-button-padding-y-sm: $btn-padding-y-sm !default;
|
|
10135
|
-
$kendo-button-padding-y-md: $btn-padding-y !default;
|
|
10136
|
-
$kendo-button-padding-y-lg: $btn-padding-y-lg !default;
|
|
10137
|
-
|
|
10138
10130
|
/// Font family of the button.
|
|
10139
10131
|
/// @group button
|
|
10140
10132
|
$kendo-button-font-family: $font-family !default;
|
|
10141
|
-
|
|
10142
10133
|
/// Font sizes of the button.
|
|
10143
10134
|
/// @group button
|
|
10144
10135
|
$kendo-button-font-size: $btn-font-size !default;
|
|
10145
|
-
$kendo-button-font-size-sm: $btn-font-size !default;
|
|
10146
|
-
$kendo-button-font-size-md: $btn-font-size !default;
|
|
10147
|
-
$kendo-button-font-size-lg: $btn-font-size !default;
|
|
10148
|
-
|
|
10149
10136
|
/// Line heights used along with $font-size.
|
|
10150
10137
|
/// @group button
|
|
10151
10138
|
$kendo-button-line-height: $btn-line-height !default;
|
|
10152
|
-
|
|
10153
|
-
$kendo-button-
|
|
10154
|
-
$kendo-button-
|
|
10139
|
+
|
|
10140
|
+
$kendo-button-padding-x-sm: $btn-padding-x-sm !default;
|
|
10141
|
+
$kendo-button-padding-y-sm: $btn-padding-y-sm !default;
|
|
10142
|
+
$kendo-button-font-size-sm: $font-size-sm !default;
|
|
10143
|
+
$kendo-button-line-height-sm: ( 20 / 14 ) !default;
|
|
10144
|
+
|
|
10145
|
+
$kendo-button-padding-x-md: $btn-padding-x !default;
|
|
10146
|
+
$kendo-button-padding-y-md: $btn-padding-y !default;
|
|
10147
|
+
$kendo-button-font-size-md: $font-size-md !default;
|
|
10148
|
+
$kendo-button-line-height-md: $line-height-md !default;
|
|
10149
|
+
|
|
10150
|
+
$kendo-button-padding-x-lg: $btn-padding-x-lg !default;
|
|
10151
|
+
$kendo-button-padding-y-lg: $btn-padding-y-lg !default;
|
|
10152
|
+
$kendo-button-font-size-lg: $font-size-md !default;
|
|
10153
|
+
$kendo-button-line-height-lg: $line-height-md !default;
|
|
10155
10154
|
|
|
10156
10155
|
/// Calculated height of the button.
|
|
10157
10156
|
/// @group button
|
|
@@ -10161,6 +10160,27 @@ $kendo-button-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-but
|
|
|
10161
10160
|
/// @group button
|
|
10162
10161
|
$kendo-button-inner-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-button-padding-y * 2} ) !default;
|
|
10163
10162
|
|
|
10163
|
+
$kendo-button-sizes: (
|
|
10164
|
+
sm: (
|
|
10165
|
+
padding-x: $kendo-button-padding-x-sm,
|
|
10166
|
+
padding-y: $kendo-button-padding-y-sm,
|
|
10167
|
+
font-size: $kendo-button-font-size-sm,
|
|
10168
|
+
line-height: $kendo-button-line-height-sm
|
|
10169
|
+
),
|
|
10170
|
+
md: (
|
|
10171
|
+
padding-x: $kendo-button-padding-x-md,
|
|
10172
|
+
padding-y: $kendo-button-padding-y-md,
|
|
10173
|
+
font-size: $kendo-button-font-size-md,
|
|
10174
|
+
line-height: $kendo-button-line-height-md
|
|
10175
|
+
),
|
|
10176
|
+
lg: (
|
|
10177
|
+
padding-x: $kendo-button-padding-x-lg,
|
|
10178
|
+
padding-y: $kendo-button-padding-y-lg,
|
|
10179
|
+
font-size: $kendo-button-font-size-lg,
|
|
10180
|
+
line-height: $kendo-button-line-height-lg
|
|
10181
|
+
)
|
|
10182
|
+
) !default;
|
|
10183
|
+
|
|
10164
10184
|
/// Theme colors map for the button.
|
|
10165
10185
|
/// @group button
|
|
10166
10186
|
$kendo-button-theme-colors: map-merge(
|
|
@@ -10386,45 +10406,27 @@ $kendo-button-transition: $transition !default;
|
|
|
10386
10406
|
|
|
10387
10407
|
.k-button-text {}
|
|
10388
10408
|
|
|
10389
|
-
// Sizes
|
|
10390
|
-
.k-button-sm {
|
|
10391
|
-
padding: $kendo-button-padding-y-sm $kendo-button-padding-x-sm;
|
|
10392
|
-
font-size: $kendo-button-font-size-sm;
|
|
10393
|
-
line-height: $kendo-button-line-height-sm;
|
|
10394
|
-
}
|
|
10395
|
-
.k-button-md {
|
|
10396
|
-
padding: $kendo-button-padding-y-md $kendo-button-padding-x-md;
|
|
10397
|
-
font-size: $kendo-button-font-size-md;
|
|
10398
|
-
line-height: $kendo-button-line-height-md;
|
|
10399
|
-
}
|
|
10400
|
-
.k-button-lg {
|
|
10401
|
-
padding: $kendo-button-padding-y-lg $kendo-button-padding-x-lg;
|
|
10402
|
-
font-size: $kendo-button-font-size-lg;
|
|
10403
|
-
line-height: $kendo-button-line-height-lg;
|
|
10404
|
-
}
|
|
10405
10409
|
|
|
10406
|
-
|
|
10407
|
-
|
|
10410
|
+
// Sizes
|
|
10411
|
+
@each $size, $size-props in $kendo-button-sizes {
|
|
10412
|
+
$_padding-x: map-get( $size-props, padding-x );
|
|
10413
|
+
$_padding-y: map-get( $size-props, padding-y );
|
|
10414
|
+
$_font-size: map-get( $size-props, font-size );
|
|
10415
|
+
$_line-height: map-get( $size-props, line-height );
|
|
10408
10416
|
|
|
10409
|
-
|
|
10410
|
-
|
|
10411
|
-
|
|
10417
|
+
.k-button-#{$size} {
|
|
10418
|
+
padding: $_padding-y $_padding-x;
|
|
10419
|
+
font-size: $_font-size;
|
|
10420
|
+
line-height: $_line-height;
|
|
10412
10421
|
}
|
|
10413
|
-
}
|
|
10414
|
-
.k-icon-button.k-button-md {
|
|
10415
|
-
padding: $kendo-button-padding-y-md;
|
|
10416
10422
|
|
|
10417
|
-
|
|
10418
|
-
|
|
10419
|
-
min-height: calc( #{$kendo-button-font-size-md} * #{$kendo-button-line-height-md} );
|
|
10420
|
-
}
|
|
10421
|
-
}
|
|
10422
|
-
.k-icon-button.k-button-lg {
|
|
10423
|
-
padding: $kendo-button-padding-y-lg;
|
|
10423
|
+
.k-button-#{$size}.k-icon-button {
|
|
10424
|
+
padding: $_padding-y;
|
|
10424
10425
|
|
|
10425
|
-
|
|
10426
|
-
|
|
10427
|
-
|
|
10426
|
+
> .k-button-icon {
|
|
10427
|
+
min-width: calc( #{$_font-size} * #{$_line-height} );
|
|
10428
|
+
min-height: calc( #{$_font-size} * #{$_line-height} );
|
|
10429
|
+
}
|
|
10428
10430
|
}
|
|
10429
10431
|
}
|
|
10430
10432
|
|
|
@@ -10952,29 +10954,46 @@ $kendo-button-transition: $transition !default;
|
|
|
10952
10954
|
// Component
|
|
10953
10955
|
// #region @import "_variables.scss"; -> packages/bootstrap/scss/input/_variables.scss
|
|
10954
10956
|
// Input
|
|
10957
|
+
|
|
10958
|
+
/// Default width of input components.
|
|
10959
|
+
/// @group input
|
|
10955
10960
|
$kendo-input-default-width: 100% !default;
|
|
10956
10961
|
|
|
10962
|
+
/// Border width of input components.
|
|
10963
|
+
/// @group input
|
|
10957
10964
|
$kendo-input-border-width: $input-border-width !default;
|
|
10958
10965
|
$kendo-input-border-height: ( $kendo-input-border-width * 2 ) !default;
|
|
10966
|
+
/// Border radius of input components.
|
|
10967
|
+
/// @group input
|
|
10959
10968
|
$kendo-input-border-radius: null !default;
|
|
10960
10969
|
|
|
10970
|
+
/// Horizontal padding of input components.
|
|
10971
|
+
/// @group input
|
|
10961
10972
|
$kendo-input-padding-x: $input-padding-x !default;
|
|
10973
|
+
/// Vertical padding of input components.
|
|
10974
|
+
/// @group input
|
|
10962
10975
|
$kendo-input-padding-y: $input-padding-y !default;
|
|
10976
|
+
/// Font family of input components.
|
|
10977
|
+
/// @group input
|
|
10963
10978
|
$kendo-input-font-family: $font-family !default;
|
|
10979
|
+
/// Font size of input components.
|
|
10980
|
+
/// @group input
|
|
10964
10981
|
$kendo-input-font-size: $font-size !default;
|
|
10982
|
+
/// Line height of input components.
|
|
10983
|
+
/// @group input
|
|
10965
10984
|
$kendo-input-line-height: $input-line-height !default;
|
|
10966
10985
|
|
|
10967
|
-
$kendo-input-padding-x-sm: $input-padding-x !default;
|
|
10986
|
+
$kendo-input-padding-x-sm: $input-padding-x-sm !default;
|
|
10968
10987
|
$kendo-input-padding-y-sm: $input-padding-y-sm !default;
|
|
10969
|
-
$kendo-input-font-size-sm: $font-size-
|
|
10970
|
-
$kendo-input-line-height-sm:
|
|
10988
|
+
$kendo-input-font-size-sm: $font-size-sm !default;
|
|
10989
|
+
$kendo-input-line-height-sm: ( 20 / 14 ) !default;
|
|
10971
10990
|
|
|
10972
10991
|
$kendo-input-padding-x-md: $input-padding-x !default;
|
|
10973
10992
|
$kendo-input-padding-y-md: $input-padding-y !default;
|
|
10974
10993
|
$kendo-input-font-size-md: $font-size-md !default;
|
|
10975
10994
|
$kendo-input-line-height-md: $line-height-md !default;
|
|
10976
10995
|
|
|
10977
|
-
$kendo-input-padding-x-lg: $input-padding-x !default;
|
|
10996
|
+
$kendo-input-padding-x-lg: $input-padding-x-lg !default;
|
|
10978
10997
|
$kendo-input-padding-y-lg: $input-padding-y-lg !default;
|
|
10979
10998
|
$kendo-input-font-size-lg: $font-size-md !default;
|
|
10980
10999
|
$kendo-input-line-height-lg: $line-height-md !default;
|
|
@@ -13475,7 +13494,7 @@ $kendo-avatar-theme-colors: $kendo-theme-colors !default;
|
|
|
13475
13494
|
$kendo-chip-border-width: 1px !default;
|
|
13476
13495
|
/// The spacing between the text and the icons of the chip.
|
|
13477
13496
|
/// @group chip
|
|
13478
|
-
$kendo-chip-spacing: map-get( $spacing, 1 );
|
|
13497
|
+
$kendo-chip-spacing: map-get( $spacing, 1 ) !default;
|
|
13479
13498
|
|
|
13480
13499
|
/// Horizontal padding of the chip.
|
|
13481
13500
|
/// @group chip
|
|
@@ -13494,7 +13513,7 @@ $kendo-chip-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !de
|
|
|
13494
13513
|
/// Font sizes of the chip.
|
|
13495
13514
|
/// @group chip
|
|
13496
13515
|
$kendo-chip-font-size: $font-size-md !default;
|
|
13497
|
-
$kendo-chip-font-size-sm: $font-size-
|
|
13516
|
+
$kendo-chip-font-size-sm: $font-size-sm !default;
|
|
13498
13517
|
$kendo-chip-font-size-md: $font-size-md !default;
|
|
13499
13518
|
$kendo-chip-font-size-lg: $font-size-md !default;
|
|
13500
13519
|
|
|
@@ -16154,7 +16173,8 @@ $fieldset-legend-border: null !default;
|
|
|
16154
16173
|
|
|
16155
16174
|
.k-multiselect,
|
|
16156
16175
|
.k-floating-label-container,
|
|
16157
|
-
.k-daterangepicker .k-dateinput
|
|
16176
|
+
.k-daterangepicker .k-dateinput,
|
|
16177
|
+
.k-signature {
|
|
16158
16178
|
display: inline-flex;
|
|
16159
16179
|
width: 100%;
|
|
16160
16180
|
}
|
|
@@ -17276,6 +17296,7 @@ $listbox-drop-hint-width: 1px !default;
|
|
|
17276
17296
|
// #region @import "_variables.scss"; -> packages/bootstrap/scss/progressbar/_variables.scss
|
|
17277
17297
|
// Progressbar
|
|
17278
17298
|
$progressbar-height: $progress-height !default;
|
|
17299
|
+
$progressbar-horizontal-width: 100% !default;
|
|
17279
17300
|
$progressbar-animation-timing: $progress-bar-animation-timing !default;
|
|
17280
17301
|
$progressbar-border-width: 0px !default;
|
|
17281
17302
|
$progressbar-font-family: $font-family !default;
|
|
@@ -17330,7 +17351,7 @@ $progressbar-chunk-border: $body-bg !default;
|
|
|
17330
17351
|
|
|
17331
17352
|
|
|
17332
17353
|
// Selection
|
|
17333
|
-
> .k-state-selected
|
|
17354
|
+
> .k-state-selected,
|
|
17334
17355
|
> .k-selected {
|
|
17335
17356
|
border-width: 0;
|
|
17336
17357
|
border-style: solid;
|
|
@@ -17391,7 +17412,7 @@ $progressbar-chunk-border: $body-bg !default;
|
|
|
17391
17412
|
|
|
17392
17413
|
// Horizontal
|
|
17393
17414
|
.k-progressbar-horizontal {
|
|
17394
|
-
width:
|
|
17415
|
+
width: $progressbar-horizontal-width;
|
|
17395
17416
|
height: $progressbar-height;
|
|
17396
17417
|
grid-template-columns: 1fr;
|
|
17397
17418
|
grid-template-rows: 100%;
|
|
@@ -17401,7 +17422,7 @@ $progressbar-chunk-border: $body-bg !default;
|
|
|
17401
17422
|
flex-direction: row;
|
|
17402
17423
|
}
|
|
17403
17424
|
|
|
17404
|
-
> .k-state-selected
|
|
17425
|
+
> .k-state-selected,
|
|
17405
17426
|
> .k-selected {
|
|
17406
17427
|
width: 0;
|
|
17407
17428
|
width: calc( var( --kendo-progressbar-progress, 0 ) * 1% ); // sass-lint:disable-line no-duplicate-properties
|
|
@@ -17428,7 +17449,7 @@ $progressbar-chunk-border: $body-bg !default;
|
|
|
17428
17449
|
// Horizontal reverse
|
|
17429
17450
|
&.k-progressbar-reverse {
|
|
17430
17451
|
|
|
17431
|
-
> .k-state-selected
|
|
17452
|
+
> .k-state-selected,
|
|
17432
17453
|
> .k-selected {
|
|
17433
17454
|
flex-direction: row-reverse;
|
|
17434
17455
|
justify-self: flex-end;
|
|
@@ -17453,7 +17474,7 @@ $progressbar-chunk-border: $body-bg !default;
|
|
|
17453
17474
|
writing-mode: vertical-lr;
|
|
17454
17475
|
}
|
|
17455
17476
|
|
|
17456
|
-
> .k-state-selected
|
|
17477
|
+
> .k-state-selected,
|
|
17457
17478
|
> .k-selected {
|
|
17458
17479
|
height: 0;
|
|
17459
17480
|
height: calc( var( --kendo-progressbar-progress, 0 ) * 1% ); // sass-lint:disable-line no-duplicate-properties
|
|
@@ -17483,7 +17504,7 @@ $progressbar-chunk-border: $body-bg !default;
|
|
|
17483
17504
|
&.k-progressbar-reverse {
|
|
17484
17505
|
flex-direction: column;
|
|
17485
17506
|
|
|
17486
|
-
> .k-state-selected
|
|
17507
|
+
> .k-state-selected,
|
|
17487
17508
|
> .k-selected {
|
|
17488
17509
|
flex-direction: column;
|
|
17489
17510
|
align-self: flex-start;
|
|
@@ -17508,7 +17529,7 @@ $progressbar-chunk-border: $body-bg !default;
|
|
|
17508
17529
|
|
|
17509
17530
|
> .k-state-selected,
|
|
17510
17531
|
> .k-selected,
|
|
17511
|
-
> .k-state-selected > .k-progress-status-wrap
|
|
17532
|
+
> .k-state-selected > .k-progress-status-wrap,
|
|
17512
17533
|
> .k-selected > .k-progress-status-wrap {
|
|
17513
17534
|
transition: width .1s ease-in-out;
|
|
17514
17535
|
}
|
|
@@ -17537,7 +17558,7 @@ $progressbar-chunk-border: $body-bg !default;
|
|
|
17537
17558
|
display: -ms-inline-grid;
|
|
17538
17559
|
|
|
17539
17560
|
> .k-progress-status-wrap,
|
|
17540
|
-
> .k-state-selected
|
|
17561
|
+
> .k-state-selected,
|
|
17541
17562
|
> .k-selected {
|
|
17542
17563
|
-ms-grid-column: 1;
|
|
17543
17564
|
-ms-grid-row: 1;
|
|
@@ -17547,7 +17568,7 @@ $progressbar-chunk-border: $body-bg !default;
|
|
|
17547
17568
|
-ms-grid-columns: 1fr;
|
|
17548
17569
|
-ms-grid-rows: $progressbar-height;
|
|
17549
17570
|
|
|
17550
|
-
&.k-progressbar-reverse > .k-state-selected
|
|
17571
|
+
&.k-progressbar-reverse > .k-state-selected,
|
|
17551
17572
|
&.k-progressbar-reverse > .k-selected {
|
|
17552
17573
|
-ms-grid-column-align: end;
|
|
17553
17574
|
}
|
|
@@ -17556,12 +17577,12 @@ $progressbar-chunk-border: $body-bg !default;
|
|
|
17556
17577
|
-ms-grid-columns: $progressbar-height;
|
|
17557
17578
|
-ms-grid-rows: 1fr;
|
|
17558
17579
|
|
|
17559
|
-
> .k-state-selected
|
|
17580
|
+
> .k-state-selected,
|
|
17560
17581
|
> .k-selected {
|
|
17561
17582
|
-ms-grid-row-align: end;
|
|
17562
17583
|
}
|
|
17563
17584
|
|
|
17564
|
-
&.k-progressbar-reverse > .k-state-selected
|
|
17585
|
+
&.k-progressbar-reverse > .k-state-selected,
|
|
17565
17586
|
&.k-progressbar-reverse > .k-selected {
|
|
17566
17587
|
-ms-grid-row-align: start;
|
|
17567
17588
|
}
|
|
@@ -17584,7 +17605,7 @@ $progressbar-chunk-border: $body-bg !default;
|
|
|
17584
17605
|
.k-progressbar {
|
|
17585
17606
|
@include fill( $progressbar-text, $progressbar-bg, $progressbar-border, $progressbar-gradient );
|
|
17586
17607
|
|
|
17587
|
-
.k-state-selected
|
|
17608
|
+
.k-state-selected,
|
|
17588
17609
|
.k-selected {
|
|
17589
17610
|
@include fill( $progressbar-fill-text, $progressbar-fill-bg, $progressbar-fill-border, $progressbar-fill-gradient );
|
|
17590
17611
|
}
|
|
@@ -17954,7 +17975,7 @@ $kendo-radio-ripple-opacity: .25 !default;
|
|
|
17954
17975
|
}
|
|
17955
17976
|
|
|
17956
17977
|
.k-radio:focus,
|
|
17957
|
-
.k-radio.k-state-focus
|
|
17978
|
+
.k-radio.k-state-focus,
|
|
17958
17979
|
.k-radio.k-focus {
|
|
17959
17980
|
box-shadow: none !important; // sass-lint:disable-line no-important
|
|
17960
17981
|
|
|
@@ -18018,7 +18039,7 @@ $kendo-radio-ripple-opacity: .25 !default;
|
|
|
18018
18039
|
|
|
18019
18040
|
// Hover state
|
|
18020
18041
|
.k-radio:hover,
|
|
18021
|
-
.k-radio.k-state-hover
|
|
18042
|
+
.k-radio.k-state-hover,
|
|
18022
18043
|
.k-radio.k-hover {
|
|
18023
18044
|
@include fill(
|
|
18024
18045
|
$kendo-radio-hover-text,
|
|
@@ -18030,7 +18051,7 @@ $kendo-radio-ripple-opacity: .25 !default;
|
|
|
18030
18051
|
|
|
18031
18052
|
// Focus state
|
|
18032
18053
|
.k-radio:focus,
|
|
18033
|
-
.k-radio.k-state-focus
|
|
18054
|
+
.k-radio.k-state-focus,
|
|
18034
18055
|
.k-radio.k-focus {
|
|
18035
18056
|
@include fill( $border: $kendo-radio-focus-border );
|
|
18036
18057
|
@include box-shadow( $kendo-radio-focus-shadow );
|
|
@@ -18062,7 +18083,7 @@ $kendo-radio-ripple-opacity: .25 !default;
|
|
|
18062
18083
|
);
|
|
18063
18084
|
}
|
|
18064
18085
|
.k-radio:checked:focus,
|
|
18065
|
-
.k-radio.k-checked.k-state-focus
|
|
18086
|
+
.k-radio.k-checked.k-state-focus,
|
|
18066
18087
|
.k-radio.k-checked.k-focus {
|
|
18067
18088
|
@include fill( $border: $kendo-radio-focus-checked-border );
|
|
18068
18089
|
@include box-shadow( $kendo-radio-focus-checked-shadow );
|
|
@@ -18239,7 +18260,7 @@ $slider-disabled-opacity: null !default;
|
|
|
18239
18260
|
}
|
|
18240
18261
|
|
|
18241
18262
|
|
|
18242
|
-
&.k-state-disabled
|
|
18263
|
+
&.k-state-disabled,
|
|
18243
18264
|
&.k-disabled {
|
|
18244
18265
|
.k-tick,
|
|
18245
18266
|
.k-slider-track,
|
|
@@ -18696,20 +18717,20 @@ $slider-disabled-opacity: null !default;
|
|
|
18696
18717
|
}
|
|
18697
18718
|
|
|
18698
18719
|
&:focus,
|
|
18699
|
-
&.k-state-focused
|
|
18720
|
+
&.k-state-focused,
|
|
18700
18721
|
&.k-focus {
|
|
18701
18722
|
@include box-shadow( $slider-draghandle-focused-shadow );
|
|
18702
18723
|
}
|
|
18703
18724
|
}
|
|
18704
18725
|
|
|
18705
|
-
&.k-state-focused
|
|
18726
|
+
&.k-state-focused,
|
|
18706
18727
|
&.k-focus {
|
|
18707
18728
|
.k-draghandle {
|
|
18708
18729
|
@include box-shadow( $slider-draghandle-focused-shadow );
|
|
18709
18730
|
}
|
|
18710
18731
|
}
|
|
18711
18732
|
|
|
18712
|
-
&.k-state-disabled
|
|
18733
|
+
&.k-state-disabled,
|
|
18713
18734
|
&.k-disabled {
|
|
18714
18735
|
opacity: $slider-disabled-opacity;
|
|
18715
18736
|
}
|
|
@@ -19259,7 +19280,7 @@ $infinite-calendar-view-height: ( $calendar-cell-size * 9 ) !default;
|
|
|
19259
19280
|
}
|
|
19260
19281
|
|
|
19261
19282
|
// // styles are applied to the k-link element inside
|
|
19262
|
-
// .k-state-selected
|
|
19283
|
+
// .k-state-selected,
|
|
19263
19284
|
// .k-selected {
|
|
19264
19285
|
// color: inherit;
|
|
19265
19286
|
// background: transparent;
|
|
@@ -19285,6 +19306,10 @@ $infinite-calendar-view-height: ( $calendar-cell-size * 9 ) !default;
|
|
|
19285
19306
|
&::after {
|
|
19286
19307
|
display: none;
|
|
19287
19308
|
}
|
|
19309
|
+
|
|
19310
|
+
&:focus {
|
|
19311
|
+
outline: 0;
|
|
19312
|
+
}
|
|
19288
19313
|
}
|
|
19289
19314
|
|
|
19290
19315
|
.k-range-start {
|
|
@@ -19780,7 +19805,7 @@ $time-list-focused-bg: rgba(0, 0, 0, .02) !default;
|
|
|
19780
19805
|
display: block;
|
|
19781
19806
|
}
|
|
19782
19807
|
|
|
19783
|
-
&.k-state-focused
|
|
19808
|
+
&.k-state-focused,
|
|
19784
19809
|
&.k-focus {
|
|
19785
19810
|
&::before,
|
|
19786
19811
|
&::after {
|
|
@@ -19925,7 +19950,7 @@ $time-list-focused-bg: rgba(0, 0, 0, .02) !default;
|
|
|
19925
19950
|
color: $time-list-title-text;
|
|
19926
19951
|
}
|
|
19927
19952
|
|
|
19928
|
-
&.k-state-focused
|
|
19953
|
+
&.k-state-focused,
|
|
19929
19954
|
&.k-focus {
|
|
19930
19955
|
.k-title {
|
|
19931
19956
|
color: $time-list-title-focus-text;
|
|
@@ -20253,7 +20278,7 @@ $colorpalette-tile-selected-shadow: 0 1px 3px 1px rgba( black, .3 ), inset 0 0 0
|
|
|
20253
20278
|
&.k-focus,
|
|
20254
20279
|
&.k-state-selected,
|
|
20255
20280
|
&.k-selected,
|
|
20256
|
-
&.k-state-selected:hover
|
|
20281
|
+
&.k-state-selected:hover,
|
|
20257
20282
|
&.k-selected:hover {
|
|
20258
20283
|
position: relative;
|
|
20259
20284
|
z-index: 100;
|
|
@@ -21604,13 +21629,13 @@ $kendo-treeview-font-family: $font-family !default;
|
|
|
21604
21629
|
/// Font size of the treeview component.
|
|
21605
21630
|
/// @group treeview
|
|
21606
21631
|
$kendo-treeview-font-size: $font-size-md !default;
|
|
21607
|
-
$kendo-treeview-font-size-sm: $font-size-
|
|
21632
|
+
$kendo-treeview-font-size-sm: $font-size-sm !default;
|
|
21608
21633
|
$kendo-treeview-font-size-md: $font-size-md !default;
|
|
21609
21634
|
$kendo-treeview-font-size-lg: $font-size-md !default;
|
|
21610
21635
|
/// Line height of the treeview component.
|
|
21611
21636
|
/// @group treeview
|
|
21612
21637
|
$kendo-treeview-line-height: $line-height !default;
|
|
21613
|
-
$kendo-treeview-line-height-sm:
|
|
21638
|
+
$kendo-treeview-line-height-sm: (20 / 14) !default;
|
|
21614
21639
|
$kendo-treeview-line-height-md: $line-height !default;
|
|
21615
21640
|
$kendo-treeview-line-height-lg: $line-height !default;
|
|
21616
21641
|
|
|
@@ -21621,15 +21646,15 @@ $kendo-treeview-indent: 16px !default;
|
|
|
21621
21646
|
/// Horizontal padding of treeview items.
|
|
21622
21647
|
/// @group treeview
|
|
21623
21648
|
$kendo-treeview-item-padding-x: map-get( $spacing, 3 ) !default;
|
|
21624
|
-
$kendo-treeview-item-padding-x-sm: map-get( $spacing,
|
|
21649
|
+
$kendo-treeview-item-padding-x-sm: map-get( $spacing, 2 ) !default;
|
|
21625
21650
|
$kendo-treeview-item-padding-x-md: map-get( $spacing, 3 ) !default;
|
|
21626
21651
|
$kendo-treeview-item-padding-x-lg: map-get( $spacing, 3 ) !default;
|
|
21627
21652
|
/// Vertical padding of treeview items.
|
|
21628
21653
|
/// @group treeview
|
|
21629
21654
|
$kendo-treeview-item-padding-y: map-get( $spacing, 1 ) !default;
|
|
21630
|
-
$kendo-treeview-item-padding-y-sm: map-get( $spacing, 1 )
|
|
21655
|
+
$kendo-treeview-item-padding-y-sm: map-get( $spacing, 1 ) !default;
|
|
21631
21656
|
$kendo-treeview-item-padding-y-md: map-get( $spacing, 1 ) !default;
|
|
21632
|
-
$kendo-treeview-item-padding-y-lg: map-get( $spacing,
|
|
21657
|
+
$kendo-treeview-item-padding-y-lg: map-get( $spacing, 2 ) !default;
|
|
21633
21658
|
/// Border width of treeview items.
|
|
21634
21659
|
/// @group treeview
|
|
21635
21660
|
$kendo-treeview-item-border-width: 0px !default;
|
|
@@ -22281,7 +22306,7 @@ $rating-icon-focused-selected-shadow: 0 2px 4px rgba( $black, .1) !default;
|
|
|
22281
22306
|
color: $component-text;
|
|
22282
22307
|
|
|
22283
22308
|
&:focus,
|
|
22284
|
-
&.k-state-focused
|
|
22309
|
+
&.k-state-focused,
|
|
22285
22310
|
&.k-focus {
|
|
22286
22311
|
|
|
22287
22312
|
.k-rating-item {
|
|
@@ -22289,7 +22314,7 @@ $rating-icon-focused-selected-shadow: 0 2px 4px rgba( $black, .1) !default;
|
|
|
22289
22314
|
text-shadow: $rating-icon-focused-shadow;
|
|
22290
22315
|
}
|
|
22291
22316
|
|
|
22292
|
-
&.k-state-selected > .k-icon
|
|
22317
|
+
&.k-state-selected > .k-icon,
|
|
22293
22318
|
&.k-selected > .k-icon {
|
|
22294
22319
|
text-shadow: $rating-icon-focused-selected-shadow;
|
|
22295
22320
|
}
|
|
@@ -22300,19 +22325,19 @@ $rating-icon-focused-selected-shadow: 0 2px 4px rgba( $black, .1) !default;
|
|
|
22300
22325
|
.k-rating-item {
|
|
22301
22326
|
color: $rating-icon-text;
|
|
22302
22327
|
|
|
22303
|
-
&.k-state-selected
|
|
22328
|
+
&.k-state-selected,
|
|
22304
22329
|
&.k-selected {
|
|
22305
22330
|
color: $rating-icon-selected-text;
|
|
22306
22331
|
|
|
22307
22332
|
&:focus,
|
|
22308
|
-
&.k-state-focused
|
|
22333
|
+
&.k-state-focused,
|
|
22309
22334
|
&.k-focus {
|
|
22310
22335
|
color: $rating-icon-focused-text;
|
|
22311
22336
|
}
|
|
22312
22337
|
}
|
|
22313
22338
|
|
|
22314
22339
|
&:hover,
|
|
22315
|
-
&.k-state-hover
|
|
22340
|
+
&.k-state-hover,
|
|
22316
22341
|
&.k-hover {
|
|
22317
22342
|
color: $rating-icon-hover-text;
|
|
22318
22343
|
cursor: pointer;
|
|
@@ -23555,7 +23580,7 @@ $upload-focused-shadow: 0 0 0 2px rgba(0, 0, 0, .13) !default;
|
|
|
23555
23580
|
z-index: 1;
|
|
23556
23581
|
}
|
|
23557
23582
|
input[disabled],
|
|
23558
|
-
input.k-state-disabled
|
|
23583
|
+
input.k-state-disabled,
|
|
23559
23584
|
input.k-disabled {
|
|
23560
23585
|
visibility: hidden;
|
|
23561
23586
|
}
|
|
@@ -23603,12 +23628,12 @@ $upload-focused-shadow: 0 0 0 2px rgba(0, 0, 0, .13) !default;
|
|
|
23603
23628
|
|
|
23604
23629
|
.k-file {
|
|
23605
23630
|
|
|
23606
|
-
&.k-state-focused
|
|
23631
|
+
&.k-state-focused,
|
|
23607
23632
|
&.k-focus {
|
|
23608
23633
|
box-shadow: inset $upload-focused-shadow;
|
|
23609
23634
|
}
|
|
23610
23635
|
|
|
23611
|
-
.k-upload-action.k-state-focused
|
|
23636
|
+
.k-upload-action.k-state-focused,
|
|
23612
23637
|
.k-upload-action.k-focus {
|
|
23613
23638
|
box-shadow: $upload-focused-shadow;
|
|
23614
23639
|
}
|
|
@@ -24670,7 +24695,7 @@ $actionsheet-item-disabled-shadow: null !default;
|
|
|
24670
24695
|
|
|
24671
24696
|
// Hover state
|
|
24672
24697
|
&:hover,
|
|
24673
|
-
&.k-state-hover
|
|
24698
|
+
&.k-state-hover,
|
|
24674
24699
|
&.k-hover {
|
|
24675
24700
|
@include fill(
|
|
24676
24701
|
$actionsheet-item-hover-text,
|
|
@@ -24684,7 +24709,7 @@ $actionsheet-item-disabled-shadow: null !default;
|
|
|
24684
24709
|
|
|
24685
24710
|
// Focus state
|
|
24686
24711
|
&:focus,
|
|
24687
|
-
&.k-state-focus
|
|
24712
|
+
&.k-state-focus,
|
|
24688
24713
|
&.k-focus {
|
|
24689
24714
|
@include fill(
|
|
24690
24715
|
$actionsheet-item-focus-text,
|
|
@@ -24698,7 +24723,7 @@ $actionsheet-item-disabled-shadow: null !default;
|
|
|
24698
24723
|
|
|
24699
24724
|
// Disabed state
|
|
24700
24725
|
&:disabled,
|
|
24701
|
-
&.k-state-disabled
|
|
24726
|
+
&.k-state-disabled,
|
|
24702
24727
|
&.k-disabled {
|
|
24703
24728
|
@include fill(
|
|
24704
24729
|
$actionsheet-item-disabled-text,
|
|
@@ -24943,7 +24968,7 @@ $actionsheet-item-disabled-shadow: null !default;
|
|
|
24943
24968
|
|
|
24944
24969
|
.k-window {
|
|
24945
24970
|
&:focus,
|
|
24946
|
-
&.k-state-focused
|
|
24971
|
+
&.k-state-focused,
|
|
24947
24972
|
&.k-focus {
|
|
24948
24973
|
@include box-shadow( $window-focused-shadow );
|
|
24949
24974
|
}
|
|
@@ -25465,33 +25490,33 @@ $drawer-selected-hover-text: $selected-text !default;
|
|
|
25465
25490
|
.k-drawer-item {
|
|
25466
25491
|
|
|
25467
25492
|
&:hover,
|
|
25468
|
-
&.k-state-hover
|
|
25493
|
+
&.k-state-hover,
|
|
25469
25494
|
&.k-hover {
|
|
25470
25495
|
color: $drawer-hovered-text;
|
|
25471
25496
|
background-color: $drawer-hovered-bg;
|
|
25472
25497
|
}
|
|
25473
25498
|
|
|
25474
25499
|
&:focus,
|
|
25475
|
-
&.k-state-focused
|
|
25500
|
+
&.k-state-focused,
|
|
25476
25501
|
&.k-focus {
|
|
25477
25502
|
background-color: $drawer-focused-bg;
|
|
25478
25503
|
box-shadow: $drawer-focused-shadow;
|
|
25479
25504
|
|
|
25480
25505
|
&:hover,
|
|
25481
|
-
&.k-state-hover
|
|
25506
|
+
&.k-state-hover,
|
|
25482
25507
|
&.k-hover {
|
|
25483
25508
|
color: $drawer-hovered-text;
|
|
25484
25509
|
background-color: $drawer-hovered-bg;
|
|
25485
25510
|
}
|
|
25486
25511
|
}
|
|
25487
25512
|
|
|
25488
|
-
&.k-state-selected
|
|
25513
|
+
&.k-state-selected,
|
|
25489
25514
|
&.k-selected {
|
|
25490
25515
|
color: $drawer-selected-text;
|
|
25491
25516
|
background-color: $drawer-selected-bg;
|
|
25492
25517
|
|
|
25493
25518
|
&:hover,
|
|
25494
|
-
&.k-state-hover
|
|
25519
|
+
&.k-state-hover,
|
|
25495
25520
|
&.k-hover {
|
|
25496
25521
|
color: $drawer-selected-hover-text;
|
|
25497
25522
|
background-color: $drawer-selected-hover-bg;
|
|
@@ -26748,7 +26773,7 @@ $bottom-nav-flat-border: $component-border !default;
|
|
|
26748
26773
|
outline: 0;
|
|
26749
26774
|
}
|
|
26750
26775
|
}
|
|
26751
|
-
.k-bottom-nav-item.k-state-disabled
|
|
26776
|
+
.k-bottom-nav-item.k-state-disabled,
|
|
26752
26777
|
.k-bottom-nav-item.k-disabled {
|
|
26753
26778
|
background-color: initial;
|
|
26754
26779
|
}
|
|
@@ -26803,7 +26828,7 @@ $bottom-nav-flat-border: $component-border !default;
|
|
|
26803
26828
|
@include fill( $bg: rgba(true-mix( $color, contrast-wcag( $color ), 35%), .2));
|
|
26804
26829
|
}
|
|
26805
26830
|
|
|
26806
|
-
.k-bottom-nav-item.k-state-selected
|
|
26831
|
+
.k-bottom-nav-item.k-state-selected,
|
|
26807
26832
|
.k-bottom-nav-item.k-selected {
|
|
26808
26833
|
@include fill( $color: contrast-wcag( $color ) );
|
|
26809
26834
|
}
|
|
@@ -26827,7 +26852,7 @@ $bottom-nav-flat-border: $component-border !default;
|
|
|
26827
26852
|
}
|
|
26828
26853
|
|
|
26829
26854
|
@each $name, $color in $kendo-theme-colors {
|
|
26830
|
-
&.k-bottom-nav-#{$name} .k-bottom-nav-item.k-state-selected
|
|
26855
|
+
&.k-bottom-nav-#{$name} .k-bottom-nav-item.k-state-selected,
|
|
26831
26856
|
&.k-bottom-nav-#{$name} .k-bottom-nav-item.k-selected {
|
|
26832
26857
|
@if $name == "secondary" or $name == "light" {
|
|
26833
26858
|
@include fill( $color: try-shade($color, 3) );
|
|
@@ -27083,7 +27108,7 @@ $breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
|
|
|
27083
27108
|
text-decoration: $link-decoration;
|
|
27084
27109
|
|
|
27085
27110
|
&:hover,
|
|
27086
|
-
&.k-state-hover
|
|
27111
|
+
&.k-state-hover,
|
|
27087
27112
|
&.k-hover {
|
|
27088
27113
|
text-decoration: $link-hover-decoration;
|
|
27089
27114
|
}
|
|
@@ -27104,7 +27129,7 @@ $breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
|
|
|
27104
27129
|
);
|
|
27105
27130
|
|
|
27106
27131
|
&:focus,
|
|
27107
|
-
&.k-state-focused
|
|
27132
|
+
&.k-state-focused,
|
|
27108
27133
|
&.k-focus {
|
|
27109
27134
|
@include box-shadow( $breadcrumb-focused-shadow );
|
|
27110
27135
|
}
|
|
@@ -27121,7 +27146,7 @@ $breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
|
|
|
27121
27146
|
|
|
27122
27147
|
// Hovered state
|
|
27123
27148
|
&:hover,
|
|
27124
|
-
&.k-state-hover
|
|
27149
|
+
&.k-state-hover,
|
|
27125
27150
|
&.k-hover {
|
|
27126
27151
|
@include fill(
|
|
27127
27152
|
$breadcrumb-link-hovered-text,
|
|
@@ -27132,7 +27157,7 @@ $breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
|
|
|
27132
27157
|
|
|
27133
27158
|
// Focused state
|
|
27134
27159
|
&:focus,
|
|
27135
|
-
&.k-state-focused
|
|
27160
|
+
&.k-state-focused,
|
|
27136
27161
|
&.k-focus {
|
|
27137
27162
|
@include fill(
|
|
27138
27163
|
$breadcrumb-link-focused-text,
|
|
@@ -27154,7 +27179,7 @@ $breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
|
|
|
27154
27179
|
|
|
27155
27180
|
// Hovered state
|
|
27156
27181
|
&:hover,
|
|
27157
|
-
&.k-state-hover
|
|
27182
|
+
&.k-state-hover,
|
|
27158
27183
|
&.k-hover {
|
|
27159
27184
|
@include fill(
|
|
27160
27185
|
$breadcrumb-root-link-hovered-text,
|
|
@@ -27165,7 +27190,7 @@ $breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
|
|
|
27165
27190
|
|
|
27166
27191
|
// Focused state
|
|
27167
27192
|
&:focus,
|
|
27168
|
-
&.k-state-focused
|
|
27193
|
+
&.k-state-focused,
|
|
27169
27194
|
&.k-focus {
|
|
27170
27195
|
@include fill(
|
|
27171
27196
|
$breadcrumb-root-link-focused-text,
|
|
@@ -27189,7 +27214,7 @@ $breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
|
|
|
27189
27214
|
color: $breadcrumb-active-color;
|
|
27190
27215
|
}
|
|
27191
27216
|
|
|
27192
|
-
.k-state-disabled
|
|
27217
|
+
.k-state-disabled,
|
|
27193
27218
|
.k-disabled {
|
|
27194
27219
|
opacity: 1;
|
|
27195
27220
|
filter: none;
|
|
@@ -27332,7 +27357,7 @@ $pager-dropdown-width: 5em !default;
|
|
|
27332
27357
|
|
|
27333
27358
|
// Focused state
|
|
27334
27359
|
&:focus,
|
|
27335
|
-
&.k-state-focus
|
|
27360
|
+
&.k-state-focus,
|
|
27336
27361
|
&.k-focus {
|
|
27337
27362
|
z-index: 3;
|
|
27338
27363
|
}
|
|
@@ -27382,7 +27407,7 @@ $pager-dropdown-width: 5em !default;
|
|
|
27382
27407
|
&:hover {
|
|
27383
27408
|
z-index: 2;
|
|
27384
27409
|
}
|
|
27385
|
-
&.k-state-disabled
|
|
27410
|
+
&.k-state-disabled,
|
|
27386
27411
|
&.k-disabled {
|
|
27387
27412
|
color: inherit;
|
|
27388
27413
|
}
|
|
@@ -27432,7 +27457,7 @@ $pager-dropdown-width: 5em !default;
|
|
|
27432
27457
|
}
|
|
27433
27458
|
|
|
27434
27459
|
// Selected state
|
|
27435
|
-
.k-state-selected
|
|
27460
|
+
.k-state-selected,
|
|
27436
27461
|
.k-selected {
|
|
27437
27462
|
cursor: inherit;
|
|
27438
27463
|
z-index: 2;
|
|
@@ -27605,7 +27630,7 @@ $pager-dropdown-width: 5em !default;
|
|
|
27605
27630
|
&:focus,
|
|
27606
27631
|
&.k-focus,
|
|
27607
27632
|
&.k-state-focus,
|
|
27608
|
-
&.k-state-focused
|
|
27633
|
+
&.k-state-focused,
|
|
27609
27634
|
&.k-focus {
|
|
27610
27635
|
@include fill( $bg: $pager-focus-bg );
|
|
27611
27636
|
@include box-shadow( $pager-focus-shadow );
|
|
@@ -27621,7 +27646,7 @@ $pager-dropdown-width: 5em !default;
|
|
|
27621
27646
|
);
|
|
27622
27647
|
|
|
27623
27648
|
&:hover,
|
|
27624
|
-
&.k-state-hover
|
|
27649
|
+
&.k-state-hover,
|
|
27625
27650
|
&.k-hover {
|
|
27626
27651
|
@include fill(
|
|
27627
27652
|
$pager-item-hover-text,
|
|
@@ -27630,7 +27655,7 @@ $pager-dropdown-width: 5em !default;
|
|
|
27630
27655
|
);
|
|
27631
27656
|
}
|
|
27632
27657
|
|
|
27633
|
-
&.k-state-selected
|
|
27658
|
+
&.k-state-selected,
|
|
27634
27659
|
&.k-selected {
|
|
27635
27660
|
@include fill(
|
|
27636
27661
|
$pager-item-selected-text,
|
|
@@ -27640,7 +27665,7 @@ $pager-dropdown-width: 5em !default;
|
|
|
27640
27665
|
}
|
|
27641
27666
|
|
|
27642
27667
|
&:focus,
|
|
27643
|
-
&.k-state-focus
|
|
27668
|
+
&.k-state-focus,
|
|
27644
27669
|
&.k-focus {
|
|
27645
27670
|
background-color: $pager-item-focus-bg;
|
|
27646
27671
|
@include box-shadow( $pager-item-focus-shadow );
|
|
@@ -27664,7 +27689,7 @@ $pager-dropdown-width: 5em !default;
|
|
|
27664
27689
|
);
|
|
27665
27690
|
|
|
27666
27691
|
&:hover,
|
|
27667
|
-
&.k-state-hover
|
|
27692
|
+
&.k-state-hover,
|
|
27668
27693
|
&.k-hover {
|
|
27669
27694
|
@include fill(
|
|
27670
27695
|
$pager-number-hover-text,
|
|
@@ -27674,13 +27699,13 @@ $pager-dropdown-width: 5em !default;
|
|
|
27674
27699
|
}
|
|
27675
27700
|
|
|
27676
27701
|
&:focus,
|
|
27677
|
-
&.k-state-focus
|
|
27702
|
+
&.k-state-focus,
|
|
27678
27703
|
&.k-focus {
|
|
27679
27704
|
background-color: $pager-number-focus-bg;
|
|
27680
27705
|
@include box-shadow( $pager-number-focus-shadow );
|
|
27681
27706
|
}
|
|
27682
27707
|
|
|
27683
|
-
&.k-state-selected
|
|
27708
|
+
&.k-state-selected,
|
|
27684
27709
|
&.k-selected {
|
|
27685
27710
|
@include fill(
|
|
27686
27711
|
$pager-number-selected-text,
|
|
@@ -27713,7 +27738,7 @@ $pager-dropdown-width: 5em !default;
|
|
|
27713
27738
|
);
|
|
27714
27739
|
|
|
27715
27740
|
&:hover,
|
|
27716
|
-
&.k-state-hover
|
|
27741
|
+
&.k-state-hover,
|
|
27717
27742
|
&.k-hover {
|
|
27718
27743
|
@include fill(
|
|
27719
27744
|
$dropdownlist-hovered-text,
|
|
@@ -27734,7 +27759,7 @@ $pager-dropdown-width: 5em !default;
|
|
|
27734
27759
|
.k-link {
|
|
27735
27760
|
|
|
27736
27761
|
&:hover,
|
|
27737
|
-
&.k-state-hover
|
|
27762
|
+
&.k-state-hover,
|
|
27738
27763
|
&.k-hover {
|
|
27739
27764
|
@include fill(
|
|
27740
27765
|
$kendo-list-item-hover-text,
|
|
@@ -27742,7 +27767,7 @@ $pager-dropdown-width: 5em !default;
|
|
|
27742
27767
|
);
|
|
27743
27768
|
}
|
|
27744
27769
|
|
|
27745
|
-
&.k-state-selected
|
|
27770
|
+
&.k-state-selected,
|
|
27746
27771
|
&.k-selected {
|
|
27747
27772
|
@include fill(
|
|
27748
27773
|
$kendo-list-item-selected-text,
|
|
@@ -27782,7 +27807,7 @@ $pager-dropdown-width: 5em !default;
|
|
|
27782
27807
|
);
|
|
27783
27808
|
|
|
27784
27809
|
&:hover,
|
|
27785
|
-
&.k-state-hover
|
|
27810
|
+
&.k-state-hover,
|
|
27786
27811
|
&.k-hover {
|
|
27787
27812
|
@include fill(
|
|
27788
27813
|
$pager-text,
|
|
@@ -28049,7 +28074,7 @@ $stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !def
|
|
|
28049
28074
|
opacity: $stepper-optional-label-opacity;
|
|
28050
28075
|
}
|
|
28051
28076
|
.k-step-disabled .k-step-label-optional,
|
|
28052
|
-
&.k-state-disabled .k-step-label-optional
|
|
28077
|
+
&.k-state-disabled .k-step-label-optional,
|
|
28053
28078
|
&.k-disabled .k-step-label-optional {
|
|
28054
28079
|
color: inherit;
|
|
28055
28080
|
}
|
|
@@ -28367,7 +28392,7 @@ $stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !def
|
|
|
28367
28392
|
$bg: $stepper-progressbar-bg
|
|
28368
28393
|
);
|
|
28369
28394
|
|
|
28370
|
-
.k-state-selected
|
|
28395
|
+
.k-state-selected,
|
|
28371
28396
|
.k-selected {
|
|
28372
28397
|
@include fill(
|
|
28373
28398
|
$color: $stepper-progressbar-fill-text,
|
|
@@ -28618,13 +28643,13 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
28618
28643
|
position: relative;
|
|
28619
28644
|
z-index: 1;
|
|
28620
28645
|
|
|
28621
|
-
&.k-state-active
|
|
28646
|
+
&.k-state-active,
|
|
28622
28647
|
&.k-active {
|
|
28623
28648
|
display: block;
|
|
28624
28649
|
}
|
|
28625
28650
|
|
|
28626
28651
|
&:focus,
|
|
28627
|
-
&.k-state-focused
|
|
28652
|
+
&.k-state-focused,
|
|
28628
28653
|
&.k-focus {
|
|
28629
28654
|
outline-width: 1px;
|
|
28630
28655
|
outline-style: dotted;
|
|
@@ -28713,7 +28738,7 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
28713
28738
|
margin-left: $tabstrip-item-gap;
|
|
28714
28739
|
}
|
|
28715
28740
|
|
|
28716
|
-
.k-item.k-state-active
|
|
28741
|
+
.k-item.k-state-active,
|
|
28717
28742
|
.k-item.k-active {
|
|
28718
28743
|
border-bottom-color: transparent;
|
|
28719
28744
|
}
|
|
@@ -28743,7 +28768,7 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
28743
28768
|
margin-left: $tabstrip-item-gap;
|
|
28744
28769
|
}
|
|
28745
28770
|
|
|
28746
|
-
.k-item.k-state-active
|
|
28771
|
+
.k-item.k-state-active,
|
|
28747
28772
|
.k-item.k-active {
|
|
28748
28773
|
border-top-color: transparent;
|
|
28749
28774
|
}
|
|
@@ -28777,7 +28802,7 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
28777
28802
|
margin-top: $tabstrip-item-gap;
|
|
28778
28803
|
}
|
|
28779
28804
|
|
|
28780
|
-
.k-item.k-state-active
|
|
28805
|
+
.k-item.k-state-active,
|
|
28781
28806
|
.k-item.k-active {
|
|
28782
28807
|
border-right-color: transparent;
|
|
28783
28808
|
}
|
|
@@ -28813,7 +28838,7 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
28813
28838
|
margin-top: $tabstrip-item-gap;
|
|
28814
28839
|
}
|
|
28815
28840
|
|
|
28816
|
-
.k-item.k-state-active
|
|
28841
|
+
.k-item.k-state-active,
|
|
28817
28842
|
.k-item.k-active {
|
|
28818
28843
|
border-left-color: transparent;
|
|
28819
28844
|
}
|
|
@@ -28859,7 +28884,7 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
28859
28884
|
border-left-width: $tabstrip-indicator-size;
|
|
28860
28885
|
}
|
|
28861
28886
|
}
|
|
28862
|
-
.k-item.k-state-active::after
|
|
28887
|
+
.k-item.k-state-active::after,
|
|
28863
28888
|
.k-item.k-active::after {
|
|
28864
28889
|
display: block;
|
|
28865
28890
|
}
|
|
@@ -28933,7 +28958,7 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
28933
28958
|
);
|
|
28934
28959
|
|
|
28935
28960
|
&:hover,
|
|
28936
|
-
&.k-state-hover
|
|
28961
|
+
&.k-state-hover,
|
|
28937
28962
|
&.k-hover {
|
|
28938
28963
|
@include fill(
|
|
28939
28964
|
$tabstrip-item-hovered-text,
|
|
@@ -28946,7 +28971,7 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
28946
28971
|
&:active,
|
|
28947
28972
|
&.k-state-active,
|
|
28948
28973
|
&.k-active,
|
|
28949
|
-
&.k-state-selected
|
|
28974
|
+
&.k-state-selected,
|
|
28950
28975
|
&.k-selected {
|
|
28951
28976
|
@include fill(
|
|
28952
28977
|
$tabstrip-item-selected-text,
|
|
@@ -28957,7 +28982,7 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
28957
28982
|
}
|
|
28958
28983
|
|
|
28959
28984
|
&:focus,
|
|
28960
|
-
&.k-state-focused
|
|
28985
|
+
&.k-state-focused,
|
|
28961
28986
|
&.k-focus {
|
|
28962
28987
|
@include box-shadow( $tabstrip-item-focused-shadow );
|
|
28963
28988
|
}
|
|
@@ -28980,7 +29005,7 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
28980
29005
|
);
|
|
28981
29006
|
|
|
28982
29007
|
&:focus,
|
|
28983
|
-
&.k-state-focused
|
|
29008
|
+
&.k-state-focused,
|
|
28984
29009
|
&.k-focus {
|
|
28985
29010
|
outline-color: $tabstrip-content-border-focused;
|
|
28986
29011
|
}
|
|
@@ -28991,7 +29016,7 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
28991
29016
|
@if ($tabstrip-indicator-size) {
|
|
28992
29017
|
|
|
28993
29018
|
.k-tabstrip-items-wrapper {
|
|
28994
|
-
.k-item.k-state-active::after
|
|
29019
|
+
.k-item.k-state-active::after,
|
|
28995
29020
|
.k-item.k-active::after {
|
|
28996
29021
|
border-color: $tabstrip-indicator-color;
|
|
28997
29022
|
}
|
|
@@ -29010,7 +29035,7 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29010
29035
|
|
|
29011
29036
|
> .k-tabstrip-items .k-item.k-state-hover,
|
|
29012
29037
|
> .k-tabstrip-items .k-item.k-hover,
|
|
29013
|
-
> .k-tabstrip-items .k-item.k-state-active
|
|
29038
|
+
> .k-tabstrip-items .k-item.k-state-active,
|
|
29014
29039
|
> .k-tabstrip-items .k-item.k-active {
|
|
29015
29040
|
border-bottom-color: transparent;
|
|
29016
29041
|
}
|
|
@@ -29019,7 +29044,7 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29019
29044
|
|
|
29020
29045
|
> .k-tabstrip-items .k-item.k-state-hover,
|
|
29021
29046
|
> .k-tabstrip-items .k-item.k-hover,
|
|
29022
|
-
> .k-tabstrip-items .k-item.k-state-active
|
|
29047
|
+
> .k-tabstrip-items .k-item.k-state-active,
|
|
29023
29048
|
> .k-tabstrip-items .k-item.k-active {
|
|
29024
29049
|
border-top-color: transparent;
|
|
29025
29050
|
}
|
|
@@ -29028,7 +29053,7 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29028
29053
|
|
|
29029
29054
|
> .k-tabstrip-items .k-item.k-state-hover,
|
|
29030
29055
|
> .k-tabstrip-items .k-item.k-hover,
|
|
29031
|
-
> .k-tabstrip-items .k-item.k-state-active
|
|
29056
|
+
> .k-tabstrip-items .k-item.k-state-active,
|
|
29032
29057
|
> .k-tabstrip-items .k-item.k-active {
|
|
29033
29058
|
border-right-color: transparent;
|
|
29034
29059
|
}
|
|
@@ -29037,7 +29062,7 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29037
29062
|
|
|
29038
29063
|
> .k-tabstrip-items .k-item.k-state-hover,
|
|
29039
29064
|
> .k-tabstrip-items .k-item.k-hover,
|
|
29040
|
-
> .k-tabstrip-items .k-item.k-state-active
|
|
29065
|
+
> .k-tabstrip-items .k-item.k-state-active,
|
|
29041
29066
|
> .k-tabstrip-items .k-item.k-active {
|
|
29042
29067
|
border-left-color: transparent;
|
|
29043
29068
|
}
|
|
@@ -29128,7 +29153,7 @@ $wizard-focused-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default;
|
|
|
29128
29153
|
justify-content: space-between;
|
|
29129
29154
|
|
|
29130
29155
|
&:focus,
|
|
29131
|
-
&.k-state-focused
|
|
29156
|
+
&.k-state-focused,
|
|
29132
29157
|
&.k-focus {
|
|
29133
29158
|
outline-width: 1px;
|
|
29134
29159
|
outline-style: dotted;
|
|
@@ -29225,13 +29250,13 @@ $wizard-focused-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default;
|
|
|
29225
29250
|
@include exports("wizard/theme") {
|
|
29226
29251
|
.k-wizard-step {
|
|
29227
29252
|
&:focus,
|
|
29228
|
-
&.k-state-focused
|
|
29253
|
+
&.k-state-focused,
|
|
29229
29254
|
&.k-focus {
|
|
29230
29255
|
outline-color: $wizard-step-border-focused;
|
|
29231
29256
|
}
|
|
29232
29257
|
|
|
29233
29258
|
.k-ie &:focus,
|
|
29234
|
-
.k-ie &.k-state-focused
|
|
29259
|
+
.k-ie &.k-state-focused,
|
|
29235
29260
|
.k-ie &.k-focus {
|
|
29236
29261
|
@include box-shadow($wizard-focused-shadow);
|
|
29237
29262
|
outline: none;
|
|
@@ -29402,7 +29427,7 @@ $expander-content-padding-y: $expander-content-padding-x !default;
|
|
|
29402
29427
|
$expander-border
|
|
29403
29428
|
);
|
|
29404
29429
|
|
|
29405
|
-
&.k-state-focus
|
|
29430
|
+
&.k-state-focus,
|
|
29406
29431
|
&.k-focus {
|
|
29407
29432
|
box-shadow: $expander-focus-shadow;
|
|
29408
29433
|
}
|
|
@@ -29417,13 +29442,13 @@ $expander-content-padding-y: $expander-content-padding-x !default;
|
|
|
29417
29442
|
outline: none;
|
|
29418
29443
|
|
|
29419
29444
|
&:hover,
|
|
29420
|
-
&.k-state-hover
|
|
29445
|
+
&.k-state-hover,
|
|
29421
29446
|
&.k-hover {
|
|
29422
29447
|
background-color: $expander-header-hover-bg;
|
|
29423
29448
|
}
|
|
29424
29449
|
|
|
29425
29450
|
// Should be removed
|
|
29426
|
-
&.k-state-focused
|
|
29451
|
+
&.k-state-focused,
|
|
29427
29452
|
&.k-focus {
|
|
29428
29453
|
background-color: $expander-header-focused-bg;
|
|
29429
29454
|
box-shadow: $expander-header-focused-shadow;
|
|
@@ -29796,7 +29821,7 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
29796
29821
|
|
|
29797
29822
|
// Hover
|
|
29798
29823
|
> .k-link:hover,
|
|
29799
|
-
> .k-link.k-state-hover
|
|
29824
|
+
> .k-link.k-state-hover,
|
|
29800
29825
|
> .k-link.k-hover {
|
|
29801
29826
|
@include fill(
|
|
29802
29827
|
$panelbar-header-hovered-text,
|
|
@@ -29810,7 +29835,7 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
29810
29835
|
> .k-link:focus,
|
|
29811
29836
|
> .k-link.k-state-focus,
|
|
29812
29837
|
> .k-link.k-focus,
|
|
29813
|
-
> .k-link.k-state-focused
|
|
29838
|
+
> .k-link.k-state-focused,
|
|
29814
29839
|
> .k-link.k-focus {
|
|
29815
29840
|
@include fill(
|
|
29816
29841
|
$panelbar-header-focused-text,
|
|
@@ -29823,7 +29848,7 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
29823
29848
|
|
|
29824
29849
|
// Focus & Hover
|
|
29825
29850
|
> .k-link:focus:hover,
|
|
29826
|
-
> .k-link.k-state-focus.k-state-hover
|
|
29851
|
+
> .k-link.k-state-focus.k-state-hover,
|
|
29827
29852
|
> .k-link.k-focus.k-hover {
|
|
29828
29853
|
@include fill(
|
|
29829
29854
|
$panelbar-header-hovered-focused-text,
|
|
@@ -29834,7 +29859,7 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
29834
29859
|
}
|
|
29835
29860
|
|
|
29836
29861
|
// Selected
|
|
29837
|
-
> .k-link.k-state-selected
|
|
29862
|
+
> .k-link.k-state-selected,
|
|
29838
29863
|
> .k-link.k-selected {
|
|
29839
29864
|
@include fill(
|
|
29840
29865
|
$panelbar-header-selected-text,
|
|
@@ -29852,7 +29877,7 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
29852
29877
|
// Selected Hover
|
|
29853
29878
|
> .k-link.k-state-selected:hover,
|
|
29854
29879
|
> .k-link.k-selected:hover,
|
|
29855
|
-
> .k-link.k-state-selected.k-state-hover
|
|
29880
|
+
> .k-link.k-state-selected.k-state-hover,
|
|
29856
29881
|
> .k-link.k-selected.k-hover {
|
|
29857
29882
|
@include fill(
|
|
29858
29883
|
$panelbar-header-selected-hovered-text,
|
|
@@ -29867,7 +29892,7 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
29867
29892
|
> .k-link.k-selected:focus,
|
|
29868
29893
|
> .k-link.k-state-selected.k-state-focus,
|
|
29869
29894
|
> .k-link.k-selected.k-focus,
|
|
29870
|
-
> .k-link.k-state-selected.k-state-focused
|
|
29895
|
+
> .k-link.k-state-selected.k-state-focused,
|
|
29871
29896
|
> .k-link.k-selected.k-focused {
|
|
29872
29897
|
@include fill(
|
|
29873
29898
|
$panelbar-header-selected-focused-text,
|
|
@@ -29882,7 +29907,7 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
29882
29907
|
> .k-link.k-selected:hover:focus,
|
|
29883
29908
|
> .k-link.k-state-selected.k-state-hover.k-state-focus,
|
|
29884
29909
|
> .k-link.k-selected.k-hover.k-state-focus,
|
|
29885
|
-
> .k-link.k-state-selected.k-state-hover.k-state-focused
|
|
29910
|
+
> .k-link.k-state-selected.k-state-hover.k-state-focused,
|
|
29886
29911
|
> .k-link.k-selected.k-hover.k-state-focused {
|
|
29887
29912
|
@include fill(
|
|
29888
29913
|
$panelbar-header-selected-hovered-focused-text,
|
|
@@ -29903,7 +29928,7 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
29903
29928
|
> .k-item > .k-link.k-state-hover,
|
|
29904
29929
|
> .k-item > .k-link.k-hover,
|
|
29905
29930
|
> .k-panelbar-item > .k-link:hover,
|
|
29906
|
-
> .k-panelbar-item > .k-link.k-state-hover
|
|
29931
|
+
> .k-panelbar-item > .k-link.k-state-hover,
|
|
29907
29932
|
> .k-panelbar-item > .k-link.k-hover {
|
|
29908
29933
|
@include fill(
|
|
29909
29934
|
$panelbar-item-hovered-text,
|
|
@@ -29922,7 +29947,7 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
29922
29947
|
> .k-panelbar-item > .k-link:focus,
|
|
29923
29948
|
> .k-panelbar-item > .k-link.k-state-focus,
|
|
29924
29949
|
> .k-panelbar-item > .k-link.k-focus,
|
|
29925
|
-
> .k-panelbar-item > .k-link.k-state-focused
|
|
29950
|
+
> .k-panelbar-item > .k-link.k-state-focused,
|
|
29926
29951
|
> .k-panelbar-item > .k-link.k-focus {
|
|
29927
29952
|
@include fill(
|
|
29928
29953
|
$panelbar-item-focused-text,
|
|
@@ -29938,7 +29963,7 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
29938
29963
|
> .k-item > .k-link.k-state-focus.k-state-hover,
|
|
29939
29964
|
> .k-item > .k-link.k-focus.k-hover,
|
|
29940
29965
|
> .k-panelbar-item > .k-link:focus:hover,
|
|
29941
|
-
> .k-panelbar-item > .k-link.k-state-focus.k-state-hover
|
|
29966
|
+
> .k-panelbar-item > .k-link.k-state-focus.k-state-hover,
|
|
29942
29967
|
> .k-panelbar-item > .k-link.k-focus.k-hover {
|
|
29943
29968
|
@include fill(
|
|
29944
29969
|
$panelbar-item-hovered-focused-text,
|
|
@@ -29951,7 +29976,7 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
29951
29976
|
// Selected
|
|
29952
29977
|
> .k-item > .k-link.k-state-selected,
|
|
29953
29978
|
> .k-item > .k-link.k-selected,
|
|
29954
|
-
> .k-panelbar-item > .k-link.k-state-selected
|
|
29979
|
+
> .k-panelbar-item > .k-link.k-state-selected,
|
|
29955
29980
|
> .k-panelbar-item > .k-link.k-selected {
|
|
29956
29981
|
@include fill(
|
|
29957
29982
|
$panelbar-item-selected-text,
|
|
@@ -29968,7 +29993,7 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
29968
29993
|
> .k-item > .k-link.k-selected.k-hover,
|
|
29969
29994
|
> .k-panelbar-item > .k-link.k-state-selected:hover,
|
|
29970
29995
|
> .k-panelbar-item > .k-link.k-selected:hover,
|
|
29971
|
-
> .k-panelbar-item > .k-link.k-state-selected.k-state-hover
|
|
29996
|
+
> .k-panelbar-item > .k-link.k-state-selected.k-state-hover,
|
|
29972
29997
|
> .k-panelbar-item > .k-link.k-selected.k-hover {
|
|
29973
29998
|
@include fill(
|
|
29974
29999
|
$panelbar-item-selected-hovered-text,
|
|
@@ -29989,7 +30014,7 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
29989
30014
|
> .k-panelbar-item > .k-link.k-selected:focus,
|
|
29990
30015
|
> .k-panelbar-item > .k-link.k-state-selected.k-state-focus,
|
|
29991
30016
|
> .k-panelbar-item > .k-link.k-selected.k-focus,
|
|
29992
|
-
> .k-item > .k-link.k-state-selected.k-state-focused
|
|
30017
|
+
> .k-item > .k-link.k-state-selected.k-state-focused,
|
|
29993
30018
|
> .k-item > .k-link.k-selected.k-focused {
|
|
29994
30019
|
@include fill(
|
|
29995
30020
|
$panelbar-item-selected-focused-text,
|
|
@@ -30010,7 +30035,7 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
30010
30035
|
> .k-panelbar-item > .k-link.k-selected:focus:hover,
|
|
30011
30036
|
> .k-panelbar-item > .k-link.k-state-selected.k-state-focus.k-state-hover,
|
|
30012
30037
|
> .k-panelbar-item > .k-link.k-selected.k-focus.k-state-hover,
|
|
30013
|
-
> .k-item > .k-link.k-state-selected.k-state-focused.k-state-hover
|
|
30038
|
+
> .k-item > .k-link.k-state-selected.k-state-focused.k-state-hover,
|
|
30014
30039
|
> .k-item > .k-link.k-selected.k-focused.k-state-hover {
|
|
30015
30040
|
@include fill(
|
|
30016
30041
|
$panelbar-item-selected-hovered-focused-text,
|
|
@@ -30304,7 +30329,7 @@ $splitbar-selected-text: $selected-text !default;
|
|
|
30304
30329
|
.k-splitbar:focus,
|
|
30305
30330
|
.k-splitbar.k-state-focus,
|
|
30306
30331
|
.k-splitbar.k-focus,
|
|
30307
|
-
.k-splitbar.k-state-focused
|
|
30332
|
+
.k-splitbar.k-state-focused,
|
|
30308
30333
|
.k-splitbar.k-focus {
|
|
30309
30334
|
color: $splitbar-selected-text;
|
|
30310
30335
|
background: $splitbar-selected-bg;
|
|
@@ -30417,7 +30442,7 @@ $tilelayout-hint-border: $component-border !default;
|
|
|
30417
30442
|
.k-tilelayout-item:focus,
|
|
30418
30443
|
.k-tilelayout-item.k-focus,
|
|
30419
30444
|
.k-tilelayout-item.k-state-focus,
|
|
30420
|
-
.k-tilelayout-item.k-state-focused
|
|
30445
|
+
.k-tilelayout-item.k-state-focused,
|
|
30421
30446
|
.k-tilelayout-item.k-focus {
|
|
30422
30447
|
@include box-shadow($tilelayout-card-focus-shadow);
|
|
30423
30448
|
}
|
|
@@ -31093,12 +31118,12 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
31093
31118
|
|
|
31094
31119
|
.k-column-menu {
|
|
31095
31120
|
|
|
31096
|
-
.k-listgroup-item.k-state-selected
|
|
31121
|
+
.k-listgroup-item.k-state-selected,
|
|
31097
31122
|
.k-listgroup-item.k-selected {
|
|
31098
31123
|
color: $adaptive-grid-sort-text;
|
|
31099
31124
|
background: none;
|
|
31100
31125
|
}
|
|
31101
|
-
.k-listgroup-item.k-state-selected .k-link
|
|
31126
|
+
.k-listgroup-item.k-state-selected .k-link,
|
|
31102
31127
|
.k-listgroup-item.k-selected .k-link {
|
|
31103
31128
|
color: inherit;
|
|
31104
31129
|
}
|
|
@@ -31843,7 +31868,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
31843
31868
|
&.k-i-sort-desc-sm,
|
|
31844
31869
|
&.k-i-sort-asc-sm {
|
|
31845
31870
|
vertical-align: text-top;
|
|
31846
|
-
margin-
|
|
31871
|
+
margin-inline-start: $grid-sorted-icon-spacing;
|
|
31847
31872
|
}
|
|
31848
31873
|
}
|
|
31849
31874
|
|
|
@@ -31853,7 +31878,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
31853
31878
|
height: $icon-size;
|
|
31854
31879
|
font-size: $grid-sorting-index-font-size;
|
|
31855
31880
|
margin-top: $grid-sorting-index-spacing-y;
|
|
31856
|
-
margin-
|
|
31881
|
+
margin-inline-start: $grid-sorting-index-spacing-x;
|
|
31857
31882
|
}
|
|
31858
31883
|
}
|
|
31859
31884
|
|
|
@@ -32254,15 +32279,15 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
32254
32279
|
}
|
|
32255
32280
|
|
|
32256
32281
|
.k-header > .k-cell-inner {
|
|
32257
|
-
margin: (-1 * $grid-header-padding-y)
|
|
32282
|
+
margin: (-1 * $grid-header-padding-y) (-1 * $grid-header-padding-x);
|
|
32258
32283
|
}
|
|
32259
32284
|
|
|
32260
32285
|
.k-filterable {
|
|
32261
32286
|
> .k-cell-inner {
|
|
32262
|
-
margin
|
|
32287
|
+
margin-inline-end: calc(-1 * #{$grid-filterable-icon-spacing});
|
|
32263
32288
|
|
|
32264
32289
|
.k-link {
|
|
32265
|
-
padding-
|
|
32290
|
+
padding-inline-end: 0;
|
|
32266
32291
|
}
|
|
32267
32292
|
}
|
|
32268
32293
|
}
|
|
@@ -32301,6 +32326,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
32301
32326
|
.k-grid-filter,
|
|
32302
32327
|
.k-header-column-menu {
|
|
32303
32328
|
position: static;
|
|
32329
|
+
margin-inline-end: $grid-header-menu-icon-spacing;
|
|
32304
32330
|
}
|
|
32305
32331
|
|
|
32306
32332
|
.k-grid-filter,
|
|
@@ -32611,28 +32637,6 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
32611
32637
|
margin-left: $icon-spacing;
|
|
32612
32638
|
margin-right: 0;
|
|
32613
32639
|
}
|
|
32614
|
-
|
|
32615
|
-
.k-header > .k-cell-inner {
|
|
32616
|
-
margin-right: (-1 * $grid-cell-padding-x);
|
|
32617
|
-
margin-left: calc(-1 * calc( #{$kendo-button-calc-size} - #{$grid-cell-padding-x}));
|
|
32618
|
-
|
|
32619
|
-
.k-sort-order {
|
|
32620
|
-
margin-right: $grid-sorting-index-spacing-x;
|
|
32621
|
-
margin-left: 0;
|
|
32622
|
-
}
|
|
32623
|
-
}
|
|
32624
|
-
|
|
32625
|
-
.k-filterable {
|
|
32626
|
-
> .k-cell-inner {
|
|
32627
|
-
margin-right: (-1 * $grid-cell-padding-x);
|
|
32628
|
-
margin-left: calc(-1 * #{$kendo-button-calc-size});
|
|
32629
|
-
|
|
32630
|
-
.k-link {
|
|
32631
|
-
padding-right: $grid-header-padding-x;
|
|
32632
|
-
padding-left: 0;
|
|
32633
|
-
}
|
|
32634
|
-
}
|
|
32635
|
-
}
|
|
32636
32640
|
}
|
|
32637
32641
|
}
|
|
32638
32642
|
|
|
@@ -32690,9 +32694,9 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
32690
32694
|
}
|
|
32691
32695
|
|
|
32692
32696
|
// Hover state
|
|
32693
|
-
tbody
|
|
32694
|
-
tbody
|
|
32695
|
-
tbody
|
|
32697
|
+
tbody>tr:not(.k-detail-row):hover,
|
|
32698
|
+
tbody>tr:not(.k-detail-row).k-state-hover,
|
|
32699
|
+
tbody>tr:not(.k-detail-row).k-hover {
|
|
32696
32700
|
color: $grid-hovered-text;
|
|
32697
32701
|
background-color: $grid-hovered-bg;
|
|
32698
32702
|
}
|
|
@@ -32702,7 +32706,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
32702
32706
|
th.k-selected,
|
|
32703
32707
|
td.k-state-selected,
|
|
32704
32708
|
td.k-selected,
|
|
32705
|
-
tr.k-state-selected > td
|
|
32709
|
+
tr.k-state-selected > td,
|
|
32706
32710
|
tr.k-selected > td {
|
|
32707
32711
|
color: $grid-selected-text;
|
|
32708
32712
|
background-color: $grid-selected-bg;
|
|
@@ -32753,12 +32757,12 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
32753
32757
|
}
|
|
32754
32758
|
|
|
32755
32759
|
// Selected state
|
|
32756
|
-
.k-state-selected td
|
|
32760
|
+
.k-state-selected td,
|
|
32757
32761
|
.k-selected td {
|
|
32758
32762
|
@include fill( $bg: $grid-sticky-selected-bg );
|
|
32759
32763
|
}
|
|
32760
32764
|
|
|
32761
|
-
.k-state-selected.k-alt td
|
|
32765
|
+
.k-state-selected.k-alt td,
|
|
32762
32766
|
.k-selected.k-alt td {
|
|
32763
32767
|
@include fill( $bg: $grid-sticky-selected-alt-bg );
|
|
32764
32768
|
}
|
|
@@ -32766,7 +32770,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
32766
32770
|
// Selected hover
|
|
32767
32771
|
.k-state-selected:hover td,
|
|
32768
32772
|
.k-selected:hover td,
|
|
32769
|
-
.k-state-selected.k-state-hover td
|
|
32773
|
+
.k-state-selected.k-state-hover td,
|
|
32770
32774
|
.k-selected.k-hover td {
|
|
32771
32775
|
@include fill( $bg: $grid-sticky-selected-hovered-bg );
|
|
32772
32776
|
}
|
|
@@ -32826,7 +32830,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
32826
32830
|
&.k-state-border-down {
|
|
32827
32831
|
box-shadow: inset 0 0 0 2px rgba( 0, 0, 0, .1 );
|
|
32828
32832
|
}
|
|
32829
|
-
&.k-state-active
|
|
32833
|
+
&.k-state-active,
|
|
32830
32834
|
&.k-active {
|
|
32831
32835
|
color: $selected-text;
|
|
32832
32836
|
background-color: $selected-bg;
|
|
@@ -32884,7 +32888,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
32884
32888
|
&.k-selected .k-grid-content-sticky,
|
|
32885
32889
|
&.k-state-selected .k-grid-row-sticky,
|
|
32886
32890
|
&.k-selected .k-grid-row-sticky,
|
|
32887
|
-
td.k-grid-content-sticky.k-state-selected
|
|
32891
|
+
td.k-grid-content-sticky.k-state-selected,
|
|
32888
32892
|
td.k-grid-content-sticky.k-selected {
|
|
32889
32893
|
@include fill( $bg: $grid-sticky-selected-bg );
|
|
32890
32894
|
}
|
|
@@ -32893,7 +32897,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
32893
32897
|
&.k-selected.k-alt .k-grid-content-sticky,
|
|
32894
32898
|
&.k-state-selected.k-alt .k-grid-row-sticky,
|
|
32895
32899
|
&.k-selected.k-alt .k-grid-row-sticky,
|
|
32896
|
-
&.k-alt td.k-grid-content-sticky.k-state-selected
|
|
32900
|
+
&.k-alt td.k-grid-content-sticky.k-state-selected,
|
|
32897
32901
|
&.k-alt td.k-grid-content-sticky.k-selected {
|
|
32898
32902
|
@include fill( $bg: $grid-sticky-selected-alt-bg );
|
|
32899
32903
|
}
|
|
@@ -32904,7 +32908,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
32904
32908
|
&:hover .k-grid-row-sticky,
|
|
32905
32909
|
&.k-state-hover .k-grid-content-sticky,
|
|
32906
32910
|
&.k-hover .k-grid-content-sticky,
|
|
32907
|
-
&.k-state-hover .k-grid-row-sticky
|
|
32911
|
+
&.k-state-hover .k-grid-row-sticky,
|
|
32908
32912
|
&.k-hover .k-grid-row-sticky {
|
|
32909
32913
|
background-color: $grid-sticky-hovered-bg;
|
|
32910
32914
|
}
|
|
@@ -32921,7 +32925,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
32921
32925
|
&.k-selected.k-hover .k-grid-row-sticky,
|
|
32922
32926
|
&:hover td.k-grid-content-sticky.k-state-selected,
|
|
32923
32927
|
&:hover td.k-grid-content-sticky.k-selected,
|
|
32924
|
-
&.k-state-hover td.k-grid-content-sticky.k-state-selected
|
|
32928
|
+
&.k-state-hover td.k-grid-content-sticky.k-state-selected,
|
|
32925
32929
|
&.k-hover td.k-grid-content-sticky.k-selected {
|
|
32926
32930
|
background-color: $grid-sticky-selected-hovered-bg;
|
|
32927
32931
|
}
|
|
@@ -32935,7 +32939,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
32935
32939
|
background-color: $grid-sticky-bg;
|
|
32936
32940
|
|
|
32937
32941
|
&:hover,
|
|
32938
|
-
&.k-state-hover
|
|
32942
|
+
&.k-state-hover,
|
|
32939
32943
|
&.k-hover {
|
|
32940
32944
|
background-color: $grid-sticky-hovered-bg;
|
|
32941
32945
|
}
|
|
@@ -32947,7 +32951,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
32947
32951
|
background-color: $grid-sticky-bg;
|
|
32948
32952
|
|
|
32949
32953
|
&:hover td,
|
|
32950
|
-
&.k-state-hover td
|
|
32954
|
+
&.k-state-hover td,
|
|
32951
32955
|
&.k-hover td {
|
|
32952
32956
|
background-color: $grid-sticky-hovered-bg;
|
|
32953
32957
|
}
|
|
@@ -32965,7 +32969,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
32965
32969
|
.k-selected.k-grid-row-sticky td,
|
|
32966
32970
|
.k-grid-row-sticky td.k-state-selected,
|
|
32967
32971
|
.k-grid-row-sticky td.k-selected,
|
|
32968
|
-
.k-state-selected.k-grid-content-sticky
|
|
32972
|
+
.k-state-selected.k-grid-content-sticky,
|
|
32969
32973
|
.k-selected.k-grid-content-sticky {
|
|
32970
32974
|
@include fill( $bg: $grid-sticky-selected-bg );
|
|
32971
32975
|
}
|
|
@@ -32974,7 +32978,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
32974
32978
|
tr.k-selected.k-alt .k-grid-content-sticky,
|
|
32975
32979
|
.k-state-selected.k-alt.k-grid-row-sticky td,
|
|
32976
32980
|
.k-selected.k-alt.k-grid-row-sticky td,
|
|
32977
|
-
.k-alt .k-state-selected.k-grid-content-sticky
|
|
32981
|
+
.k-alt .k-state-selected.k-grid-content-sticky,
|
|
32978
32982
|
.k-alt .k-selected.k-grid-content-sticky {
|
|
32979
32983
|
@include fill( $bg: $grid-sticky-selected-alt-bg );
|
|
32980
32984
|
}
|
|
@@ -32990,7 +32994,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
32990
32994
|
.k-grid-row-sticky.k-alt.k-state-hover td,
|
|
32991
32995
|
.k-grid-row-sticky.k-alt.k-hover td,
|
|
32992
32996
|
.k-alt:hover .k-grid-content-sticky,
|
|
32993
|
-
.k-alt.k-state-hover .k-grid-content-sticky
|
|
32997
|
+
.k-alt.k-state-hover .k-grid-content-sticky,
|
|
32994
32998
|
.k-alt.k-hover .k-grid-content-sticky {
|
|
32995
32999
|
background-color: $grid-sticky-hovered-bg;
|
|
32996
33000
|
}
|
|
@@ -33018,7 +33022,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
33018
33022
|
.k-grid-row-sticky.k-hover td.k-selected,
|
|
33019
33023
|
tr:hover .k-grid-content-sticky.k-state-selected,
|
|
33020
33024
|
tr:hover .k-grid-content-sticky.k-selected,
|
|
33021
|
-
tr.k-state-hover .k-grid-content-sticky.k-state-selected
|
|
33025
|
+
tr.k-state-hover .k-grid-content-sticky.k-state-selected,
|
|
33022
33026
|
tr.k-hover .k-grid-content-sticky.k-selected {
|
|
33023
33027
|
background-color: $grid-sticky-selected-hovered-bg;
|
|
33024
33028
|
}
|
|
@@ -33030,7 +33034,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
33030
33034
|
}
|
|
33031
33035
|
|
|
33032
33036
|
&:hover .k-grid-content-sticky,
|
|
33033
|
-
&.k-state-hover .k-grid-content-sticky
|
|
33037
|
+
&.k-state-hover .k-grid-content-sticky,
|
|
33034
33038
|
&.k-hover .k-grid-content-sticky {
|
|
33035
33039
|
@include fill( $bg: $grid-sticky-hovered-bg );
|
|
33036
33040
|
}
|
|
@@ -33043,7 +33047,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
33043
33047
|
}
|
|
33044
33048
|
|
|
33045
33049
|
&:hover .k-grid-footer-sticky,
|
|
33046
|
-
&.k-state-hover .k-grid-footer-sticky
|
|
33050
|
+
&.k-state-hover .k-grid-footer-sticky,
|
|
33047
33051
|
&.k-hover .k-grid-footer-sticky {
|
|
33048
33052
|
@include fill( $bg: $grid-sticky-footer-hovered-bg );
|
|
33049
33053
|
}
|
|
@@ -33086,7 +33090,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
33086
33090
|
);
|
|
33087
33091
|
}
|
|
33088
33092
|
.k-columnmenu-item:focus,
|
|
33089
|
-
.k-columnmenu-item.k-state-focus
|
|
33093
|
+
.k-columnmenu-item.k-state-focus,
|
|
33090
33094
|
.k-columnmenu-item.k-focus {
|
|
33091
33095
|
@include box-shadow( $kendo-list-item-focus-shadow );
|
|
33092
33096
|
}
|
|
@@ -33096,7 +33100,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
33096
33100
|
}
|
|
33097
33101
|
|
|
33098
33102
|
.k-columnmenu-item {
|
|
33099
|
-
&.k-state-selected
|
|
33103
|
+
&.k-state-selected,
|
|
33100
33104
|
&.k-selected {
|
|
33101
33105
|
@include fill(
|
|
33102
33106
|
$kendo-list-item-selected-text,
|
|
@@ -33122,7 +33126,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
33122
33126
|
);
|
|
33123
33127
|
|
|
33124
33128
|
&:hover,
|
|
33125
|
-
&.k-state-hover
|
|
33129
|
+
&.k-state-hover,
|
|
33126
33130
|
&.k-hover {
|
|
33127
33131
|
@include fill(
|
|
33128
33132
|
$kendo-list-item-hover-text,
|
|
@@ -33130,7 +33134,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
33130
33134
|
);
|
|
33131
33135
|
}
|
|
33132
33136
|
|
|
33133
|
-
&.k-state-selected
|
|
33137
|
+
&.k-state-selected,
|
|
33134
33138
|
&.k-selected {
|
|
33135
33139
|
@include fill(
|
|
33136
33140
|
$kendo-list-item-selected-text,
|
|
@@ -33139,7 +33143,7 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
33139
33143
|
}
|
|
33140
33144
|
|
|
33141
33145
|
&:focus,
|
|
33142
|
-
&.k-state-focused
|
|
33146
|
+
&.k-state-focused,
|
|
33143
33147
|
&.k-focus {
|
|
33144
33148
|
@include box-shadow( $kendo-list-item-focus-shadow );
|
|
33145
33149
|
}
|
|
@@ -33378,7 +33382,7 @@ $listview-item-focus-shadow: inset 0 0 0 3px rgba( $listview-text, .15 ) !defaul
|
|
|
33378
33382
|
// Listview content
|
|
33379
33383
|
.k-listview-content {
|
|
33380
33384
|
|
|
33381
|
-
> .k-state-focused
|
|
33385
|
+
> .k-state-focused,
|
|
33382
33386
|
> .k-focus {
|
|
33383
33387
|
@include fill(
|
|
33384
33388
|
$listview-item-focus-text,
|
|
@@ -33388,7 +33392,7 @@ $listview-item-focus-shadow: inset 0 0 0 3px rgba( $listview-text, .15 ) !defaul
|
|
|
33388
33392
|
@include box-shadow( $listview-item-focus-shadow );
|
|
33389
33393
|
}
|
|
33390
33394
|
|
|
33391
|
-
> .k-state-selected
|
|
33395
|
+
> .k-state-selected,
|
|
33392
33396
|
> .k-selected {
|
|
33393
33397
|
@include fill(
|
|
33394
33398
|
$listview-item-selected-text,
|
|
@@ -33769,7 +33773,7 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
33769
33773
|
overflow: hidden;
|
|
33770
33774
|
|
|
33771
33775
|
// disabled cells in the Spreadsheet should allow navigation if link is used
|
|
33772
|
-
.k-state-disabled
|
|
33776
|
+
.k-state-disabled,
|
|
33773
33777
|
.k-disabled {
|
|
33774
33778
|
pointer-events: auto;
|
|
33775
33779
|
}
|
|
@@ -34331,7 +34335,7 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
34331
34335
|
background-position: 50% 50%;
|
|
34332
34336
|
|
|
34333
34337
|
&:hover div,
|
|
34334
|
-
&.k-state-hovered div
|
|
34338
|
+
&.k-state-hovered div,
|
|
34335
34339
|
&.k-hover div {
|
|
34336
34340
|
margin: 0;
|
|
34337
34341
|
align-self: center;
|
|
@@ -34397,7 +34401,7 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
34397
34401
|
.k-spreadsheet-insert-image-dialog {
|
|
34398
34402
|
.k-spreadsheet-has-image {
|
|
34399
34403
|
&:hover,
|
|
34400
|
-
&.k-state-hovered
|
|
34404
|
+
&.k-state-hovered,
|
|
34401
34405
|
&.k-hover {
|
|
34402
34406
|
border-radius: $spreadsheet-insert-image-dialog-preview-overlay-border-radius;
|
|
34403
34407
|
}
|
|
@@ -34574,7 +34578,7 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
34574
34578
|
);
|
|
34575
34579
|
box-shadow: inset 0 0 0 1px $kendo-button-border;
|
|
34576
34580
|
|
|
34577
|
-
&.k-state-active
|
|
34581
|
+
&.k-state-active,
|
|
34578
34582
|
&.k-active {
|
|
34579
34583
|
@include fill(
|
|
34580
34584
|
$kendo-button-active-text,
|
|
@@ -34601,7 +34605,7 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
34601
34605
|
> .k-menu,
|
|
34602
34606
|
> .k-menu:not(.k-context-menu) {
|
|
34603
34607
|
.k-item {
|
|
34604
|
-
&.k-state-hover
|
|
34608
|
+
&.k-state-hover,
|
|
34605
34609
|
&.k-hover {
|
|
34606
34610
|
@include fill(
|
|
34607
34611
|
$kendo-list-item-hover-text,
|
|
@@ -34632,13 +34636,13 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
34632
34636
|
|
|
34633
34637
|
.k-spreadsheet-has-image {
|
|
34634
34638
|
&:hover,
|
|
34635
|
-
&.k-state-hovered
|
|
34639
|
+
&.k-state-hovered,
|
|
34636
34640
|
&.k-hover {
|
|
34637
34641
|
box-shadow: $spreadsheet-insert-image-dialog-preview-overlay-shadow;
|
|
34638
34642
|
}
|
|
34639
34643
|
|
|
34640
34644
|
&:hover div,
|
|
34641
|
-
&.k-state-hovered div
|
|
34645
|
+
&.k-state-hovered div,
|
|
34642
34646
|
&.k-hover div {
|
|
34643
34647
|
color: $spreadsheet-insert-image-dialog-overlay-hovered-text;
|
|
34644
34648
|
}
|
|
@@ -34673,7 +34677,7 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
34673
34677
|
.k-button {}
|
|
34674
34678
|
|
|
34675
34679
|
.k-button:hover,
|
|
34676
|
-
.k-button.k-state-hover
|
|
34680
|
+
.k-button.k-state-hover,
|
|
34677
34681
|
.k-button.k-hover {
|
|
34678
34682
|
@include fill(
|
|
34679
34683
|
$kendo-list-item-hover-text,
|
|
@@ -34683,7 +34687,7 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
34683
34687
|
.k-button:active,
|
|
34684
34688
|
.k-button.k-state-active,
|
|
34685
34689
|
.k-button.k-active,
|
|
34686
|
-
.k-button.k-state-selected
|
|
34690
|
+
.k-button.k-state-selected,
|
|
34687
34691
|
.k-button.k-selected {
|
|
34688
34692
|
@include fill(
|
|
34689
34693
|
$kendo-list-item-selected-text,
|
|
@@ -35660,7 +35664,7 @@ $pivotgrid-remove-text: null !default;
|
|
|
35660
35664
|
// Selected state
|
|
35661
35665
|
.k-pivotgrid-cell.k-state-selected,
|
|
35662
35666
|
.k-pivotgrid-cell.k-selected,
|
|
35663
|
-
.k-pivotgrid-row.k-state-selected > .k-pivotgrid-cell
|
|
35667
|
+
.k-pivotgrid-row.k-state-selected > .k-pivotgrid-cell,
|
|
35664
35668
|
.k-pivotgrid-row.k-selected > .k-pivotgrid-cell {
|
|
35665
35669
|
@include fill (
|
|
35666
35670
|
$pivotgrid-selected-text,
|
|
@@ -35892,7 +35896,7 @@ $treelist-footer-row-border-width: 1px !default;
|
|
|
35892
35896
|
}
|
|
35893
35897
|
|
|
35894
35898
|
.k-treelist-dragging,
|
|
35895
|
-
.k-treelist-dragging .k-state-hover
|
|
35899
|
+
.k-treelist-dragging .k-state-hover,
|
|
35896
35900
|
.k-treelist-dragging .k-hover {
|
|
35897
35901
|
cursor: default;
|
|
35898
35902
|
}
|
|
@@ -36658,7 +36662,7 @@ $filemanager-preview-icon-border: null !default;
|
|
|
36658
36662
|
);
|
|
36659
36663
|
}
|
|
36660
36664
|
|
|
36661
|
-
&.k-state-selected .k-file-icon
|
|
36665
|
+
&.k-state-selected .k-file-icon,
|
|
36662
36666
|
&.k-selected .k-file-icon {
|
|
36663
36667
|
@include fill(
|
|
36664
36668
|
inherit,
|
|
@@ -37122,7 +37126,7 @@ $taskboard-drag-placeholder-border: $component-border !default;
|
|
|
37122
37126
|
);
|
|
37123
37127
|
}
|
|
37124
37128
|
.k-taskboard-column:focus,
|
|
37125
|
-
.k-taskboard-column.k-state-focus
|
|
37129
|
+
.k-taskboard-column.k-state-focus,
|
|
37126
37130
|
.k-taskboard-column.k-focus {
|
|
37127
37131
|
@include fill(
|
|
37128
37132
|
$taskboard-column-focus-text,
|
|
@@ -37325,7 +37329,7 @@ $editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-line hex
|
|
|
37325
37329
|
pointer-events: auto;
|
|
37326
37330
|
}
|
|
37327
37331
|
|
|
37328
|
-
.k-editor-content.k-state-focused
|
|
37332
|
+
.k-editor-content.k-state-focused,
|
|
37329
37333
|
.k-editor-content.k-focus {
|
|
37330
37334
|
outline-width: 1px;
|
|
37331
37335
|
outline-style: dashed;
|
|
@@ -37779,7 +37783,7 @@ $editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-line hex
|
|
|
37779
37783
|
display: block;
|
|
37780
37784
|
margin: auto;
|
|
37781
37785
|
|
|
37782
|
-
&.k-state-selected
|
|
37786
|
+
&.k-state-selected,
|
|
37783
37787
|
&.k-selected {
|
|
37784
37788
|
color: inherit;
|
|
37785
37789
|
border-width: 0;
|
|
@@ -38002,7 +38006,7 @@ $editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-line hex
|
|
|
38002
38006
|
|
|
38003
38007
|
kendo-editor {
|
|
38004
38008
|
&.k-readonly {
|
|
38005
|
-
.k-editor-content.k-state-focused
|
|
38009
|
+
.k-editor-content.k-state-focused,
|
|
38006
38010
|
.k-editor-content.k-focus {
|
|
38007
38011
|
outline-color: $body-text;
|
|
38008
38012
|
}
|
|
@@ -38040,7 +38044,7 @@ $editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-line hex
|
|
|
38040
38044
|
|
|
38041
38045
|
// Hover & Actve state
|
|
38042
38046
|
&:hover,
|
|
38043
|
-
&.k-state-active
|
|
38047
|
+
&.k-state-active,
|
|
38044
38048
|
&.k-active {
|
|
38045
38049
|
border-color: $panel-border;
|
|
38046
38050
|
}
|
|
@@ -38058,7 +38062,7 @@ $editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-line hex
|
|
|
38058
38062
|
|
|
38059
38063
|
// Insert table
|
|
38060
38064
|
.k-ct-popup {
|
|
38061
|
-
.k-state-selected
|
|
38065
|
+
.k-state-selected,
|
|
38062
38066
|
.k-selected {
|
|
38063
38067
|
@include fill( $selected-text, $selected-bg, $selected-border, none );
|
|
38064
38068
|
}
|
|
@@ -38616,7 +38620,7 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
38616
38620
|
}
|
|
38617
38621
|
}
|
|
38618
38622
|
|
|
38619
|
-
tr.k-state-selected > td:last-child
|
|
38623
|
+
tr.k-state-selected > td:last-child,
|
|
38620
38624
|
tr.k-selected > td:last-child {
|
|
38621
38625
|
background: transparent;
|
|
38622
38626
|
}
|
|
@@ -38886,7 +38890,7 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
38886
38890
|
border-color: currentColor;
|
|
38887
38891
|
position: absolute;
|
|
38888
38892
|
}
|
|
38889
|
-
.k-gantt-line.k-state-selected
|
|
38893
|
+
.k-gantt-line.k-state-selected,
|
|
38890
38894
|
.k-gantt-line.k-selected {
|
|
38891
38895
|
z-index: 3;
|
|
38892
38896
|
}
|
|
@@ -38960,7 +38964,7 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
38960
38964
|
transform: translate(-50%, -50%);
|
|
38961
38965
|
}
|
|
38962
38966
|
.k-task-dot:hover::before,
|
|
38963
|
-
.k-task-dot.k-state-hover::before
|
|
38967
|
+
.k-task-dot.k-state-hover::before,
|
|
38964
38968
|
.k-task-dot.k-hover::before {
|
|
38965
38969
|
border-width: 1px;
|
|
38966
38970
|
}
|
|
@@ -39434,7 +39438,7 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
39434
39438
|
$border: $gantt-milestone-border
|
|
39435
39439
|
);
|
|
39436
39440
|
}
|
|
39437
|
-
.k-task-milestone.k-state-selected .k-task-milestone-content
|
|
39441
|
+
.k-task-milestone.k-state-selected .k-task-milestone-content,
|
|
39438
39442
|
.k-task-milestone.k-selected .k-task-milestone-content {
|
|
39439
39443
|
@include fill(
|
|
39440
39444
|
$bg: $gantt-milestone-selected-bg,
|
|
@@ -39449,7 +39453,7 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
39449
39453
|
stroke: $gantt-line-fill;
|
|
39450
39454
|
}
|
|
39451
39455
|
|
|
39452
|
-
polyline.k-state-selected
|
|
39456
|
+
polyline.k-state-selected,
|
|
39453
39457
|
polyline.k-selected {
|
|
39454
39458
|
stroke: $gantt-line-selected-fill;
|
|
39455
39459
|
}
|
|
@@ -39503,7 +39507,7 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
39503
39507
|
);
|
|
39504
39508
|
}
|
|
39505
39509
|
.k-task-dot:hover::before,
|
|
39506
|
-
.k-task-dot.k-state-hover::before
|
|
39510
|
+
.k-task-dot.k-state-hover::before,
|
|
39507
39511
|
.k-task-dot.k-hover::before {
|
|
39508
39512
|
@include fill(
|
|
39509
39513
|
$bg: $gantt-dot-hover-bg,
|
|
@@ -39529,7 +39533,7 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
39529
39533
|
);
|
|
39530
39534
|
}
|
|
39531
39535
|
}
|
|
39532
|
-
.k-task-milestone.k-state-selected
|
|
39536
|
+
.k-task-milestone.k-state-selected,
|
|
39533
39537
|
.k-task-milestone.k-selected {
|
|
39534
39538
|
background-image: none;
|
|
39535
39539
|
@include fill(
|
|
@@ -39560,7 +39564,7 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
39560
39564
|
.k-task-advanced .k-task-summary-complete {
|
|
39561
39565
|
color: $gantt-advanced-bg;
|
|
39562
39566
|
}
|
|
39563
|
-
.k-task-summary.k-state-selected
|
|
39567
|
+
.k-task-summary.k-state-selected,
|
|
39564
39568
|
.k-task-summary.k-selected {
|
|
39565
39569
|
color: $gantt-summary-selected-bg;
|
|
39566
39570
|
|
|
@@ -39604,7 +39608,7 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
39604
39608
|
$bg: $gantt-advanced-bg
|
|
39605
39609
|
);
|
|
39606
39610
|
}
|
|
39607
|
-
.k-task-single.k-state-selected
|
|
39611
|
+
.k-task-single.k-state-selected,
|
|
39608
39612
|
.k-task-single.k-selected {
|
|
39609
39613
|
@include fill(
|
|
39610
39614
|
$gantt-task-selected-text,
|
|
@@ -39621,7 +39625,7 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
39621
39625
|
.k-gantt-line {
|
|
39622
39626
|
color: $gantt-line-fill;
|
|
39623
39627
|
}
|
|
39624
|
-
.k-gantt-line.k-state-selected
|
|
39628
|
+
.k-gantt-line.k-state-selected,
|
|
39625
39629
|
.k-gantt-line.k-selected {
|
|
39626
39630
|
color: $gantt-line-selected-fill;
|
|
39627
39631
|
}
|
|
@@ -40280,7 +40284,7 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
40280
40284
|
}
|
|
40281
40285
|
|
|
40282
40286
|
&:hover,
|
|
40283
|
-
&.k-state-hover
|
|
40287
|
+
&.k-state-hover,
|
|
40284
40288
|
&.k-hover {
|
|
40285
40289
|
.k-event-delete {
|
|
40286
40290
|
opacity: 1;
|
|
@@ -40346,7 +40350,7 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
40346
40350
|
|
|
40347
40351
|
// Hover
|
|
40348
40352
|
&:hover,
|
|
40349
|
-
&.k-state-hover
|
|
40353
|
+
&.k-state-hover,
|
|
40350
40354
|
&.k-hover {
|
|
40351
40355
|
.k-event-actions .k-event-delete,
|
|
40352
40356
|
.k-resize-handle {
|
|
@@ -40608,7 +40612,7 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
40608
40612
|
.k-hover .k-task > .k-event-delete,
|
|
40609
40613
|
.k-scheduler-content tr:hover .k-event-delete,
|
|
40610
40614
|
.k-scheduler-content .k-scheduler-row:hover .k-event-delete,
|
|
40611
|
-
.k-scheduler-content .k-scheduler-row.k-state-hover .k-event-delete
|
|
40615
|
+
.k-scheduler-content .k-scheduler-row.k-state-hover .k-event-delete,
|
|
40612
40616
|
.k-scheduler-content .k-scheduler-row.k-hover .k-event-delete {
|
|
40613
40617
|
visibility: visible;
|
|
40614
40618
|
}
|
|
@@ -40682,7 +40686,7 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
40682
40686
|
position: relative;
|
|
40683
40687
|
}
|
|
40684
40688
|
|
|
40685
|
-
td.k-state-selected
|
|
40689
|
+
td.k-state-selected,
|
|
40686
40690
|
td.k-selected {
|
|
40687
40691
|
background-color: inherit;
|
|
40688
40692
|
}
|
|
@@ -41065,7 +41069,7 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
41065
41069
|
|
|
41066
41070
|
.k-scheduler-layout td.k-state-selected,
|
|
41067
41071
|
.k-scheduler-layout td.k-selected,
|
|
41068
|
-
.k-scheduler-layout .k-scheduler-cell.k-state-selected
|
|
41072
|
+
.k-scheduler-layout .k-scheduler-cell.k-state-selected,
|
|
41069
41073
|
.k-scheduler-layout .k-scheduler-cell.k-selected {
|
|
41070
41074
|
background-color: rgba($selected-bg, .25);
|
|
41071
41075
|
}
|
|
@@ -41088,7 +41092,7 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
41088
41092
|
);
|
|
41089
41093
|
@include box-shadow( $scheduler-event-shadow );
|
|
41090
41094
|
|
|
41091
|
-
&.k-state-hover
|
|
41095
|
+
&.k-state-hover,
|
|
41092
41096
|
&.k-hover {
|
|
41093
41097
|
@include fill(
|
|
41094
41098
|
$scheduler-event-hover-text,
|
|
@@ -41099,7 +41103,7 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
41099
41103
|
@include box-shadow( $scheduler-event-hover-shadow );
|
|
41100
41104
|
}
|
|
41101
41105
|
|
|
41102
|
-
&.k-state-selected
|
|
41106
|
+
&.k-state-selected,
|
|
41103
41107
|
&.k-selected {
|
|
41104
41108
|
@include fill(
|
|
41105
41109
|
$scheduler-event-selected-text,
|
|
@@ -41169,7 +41173,7 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
41169
41173
|
.k-scheduler-content tr.k-state-hover,
|
|
41170
41174
|
.k-scheduler-content tr.k-hover,
|
|
41171
41175
|
.k-scheduler-content .k-scheduler-row:hover,
|
|
41172
|
-
.k-scheduler-content .k-scheduler-row.k-state-hover
|
|
41176
|
+
.k-scheduler-content .k-scheduler-row.k-state-hover,
|
|
41173
41177
|
.k-scheduler-content .k-scheduler-row.k-hover {
|
|
41174
41178
|
@include fill(
|
|
41175
41179
|
$hovered-text,
|
|
@@ -41183,7 +41187,7 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
41183
41187
|
.k-scheduler-content tr:hover .k-scheduler-groupcolumn,
|
|
41184
41188
|
.k-scheduler-content tr.k-state-hover .k-scheduler-datecolumn,
|
|
41185
41189
|
.k-scheduler-content tr.k-hover .k-scheduler-datecolumn,
|
|
41186
|
-
.k-scheduler-content tr.k-state-hover .k-scheduler-groupcolumn
|
|
41190
|
+
.k-scheduler-content tr.k-state-hover .k-scheduler-groupcolumn,
|
|
41187
41191
|
.k-scheduler-content tr.k-hover .k-scheduler-groupcolumn {
|
|
41188
41192
|
@include fill(
|
|
41189
41193
|
$scheduler-text,
|
|
@@ -41193,13 +41197,13 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
41193
41197
|
}
|
|
41194
41198
|
|
|
41195
41199
|
// Selected
|
|
41196
|
-
.k-scheduler-content tr.k-state-selected
|
|
41200
|
+
.k-scheduler-content tr.k-state-selected,
|
|
41197
41201
|
.k-scheduler-content tr.k-selected {
|
|
41198
41202
|
background-color: rgba($selected-bg, .25);
|
|
41199
41203
|
}
|
|
41200
41204
|
.k-scheduler-content tr.k-state-selected .k-scheduler-datecolumn,
|
|
41201
41205
|
.k-scheduler-content tr.k-selected .k-scheduler-datecolumn,
|
|
41202
|
-
.k-scheduler-content tr.k-state-selected .k-scheduler-groupcolumn
|
|
41206
|
+
.k-scheduler-content tr.k-state-selected .k-scheduler-groupcolumn,
|
|
41203
41207
|
.k-scheduler-content tr.k-selected .k-scheduler-groupcolumn {
|
|
41204
41208
|
background-color: $scheduler-bg;
|
|
41205
41209
|
}
|
|
@@ -41217,7 +41221,7 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
41217
41221
|
@include fill( $bg: $scheduler-yearview-indicator-bg );
|
|
41218
41222
|
}
|
|
41219
41223
|
|
|
41220
|
-
.k-state-selected .k-day-indicator
|
|
41224
|
+
.k-state-selected .k-day-indicator,
|
|
41221
41225
|
.k-selected .k-day-indicator {
|
|
41222
41226
|
@include fill( $bg: $scheduler-yearview-indicator-selected-bg );
|
|
41223
41227
|
}
|
|
@@ -41521,7 +41525,7 @@ $chat-quick-reply-hover-border: $primary !default;
|
|
|
41521
41525
|
|
|
41522
41526
|
|
|
41523
41527
|
// Message states
|
|
41524
|
-
.k-message.k-state-selected
|
|
41528
|
+
.k-message.k-state-selected,
|
|
41525
41529
|
.k-message.k-selected {
|
|
41526
41530
|
margin-bottom: $chat-item-spacing-y;
|
|
41527
41531
|
border: 0;
|
|
@@ -41731,7 +41735,7 @@ $chat-quick-reply-hover-border: $primary !default;
|
|
|
41731
41735
|
flex: 0 0 auto;
|
|
41732
41736
|
}
|
|
41733
41737
|
|
|
41734
|
-
&.k-state-selected
|
|
41738
|
+
&.k-state-selected,
|
|
41735
41739
|
&.k-selected {
|
|
41736
41740
|
background: none;
|
|
41737
41741
|
}
|
|
@@ -41968,7 +41972,7 @@ $chat-quick-reply-hover-border: $primary !default;
|
|
|
41968
41972
|
.k-bubble:hover {
|
|
41969
41973
|
@include box-shadow( $chat-bubble-hover-shadow );
|
|
41970
41974
|
}
|
|
41971
|
-
.k-state-selected .k-bubble
|
|
41975
|
+
.k-state-selected .k-bubble,
|
|
41972
41976
|
.k-selected .k-bubble {
|
|
41973
41977
|
@include box-shadow( $chat-bubble-selected-shadow );
|
|
41974
41978
|
}
|
|
@@ -41984,7 +41988,7 @@ $chat-quick-reply-hover-border: $primary !default;
|
|
|
41984
41988
|
.k-alt .k-bubble:hover {
|
|
41985
41989
|
@include box-shadow( $chat-alt-bubble-hover-shadow );
|
|
41986
41990
|
}
|
|
41987
|
-
.k-alt .k-state-selected .k-bubble
|
|
41991
|
+
.k-alt .k-state-selected .k-bubble,
|
|
41988
41992
|
.k-alt .k-selected .k-bubble {
|
|
41989
41993
|
@include box-shadow( $chat-alt-bubble-selected-shadow );
|
|
41990
41994
|
}
|
|
@@ -42789,7 +42793,7 @@ $timeline-event-min-height-calc: calc(2 * (#{$timeline-track-event-offset} - #{$
|
|
|
42789
42793
|
color: $body-text;
|
|
42790
42794
|
}
|
|
42791
42795
|
|
|
42792
|
-
.k-timeline-arrow.k-state-disabled
|
|
42796
|
+
.k-timeline-arrow.k-state-disabled,
|
|
42793
42797
|
.k-timeline-arrow.k-disabled {
|
|
42794
42798
|
opacity: 1; // The arrow button in disabled mode should have a solid background
|
|
42795
42799
|
color: $timeline-track-arrow-disabled-text;
|
|
@@ -42810,7 +42814,7 @@ $timeline-event-min-height-calc: calc(2 * (#{$timeline-track-event-offset} - #{$
|
|
|
42810
42814
|
background-color: $timeline-flag-bg;
|
|
42811
42815
|
}
|
|
42812
42816
|
|
|
42813
|
-
.k-timeline-track-item.k-state-focus .k-timeline-circle
|
|
42817
|
+
.k-timeline-track-item.k-state-focus .k-timeline-circle,
|
|
42814
42818
|
.k-timeline-track-item.k-focus .k-timeline-circle {
|
|
42815
42819
|
@include box-shadow( $timeline-track-item-focus-shadow );
|
|
42816
42820
|
}
|
|
@@ -43516,7 +43520,7 @@ $scrollview-transition-timing-function: ease-in-out !default;
|
|
|
43516
43520
|
outline-width: 0;
|
|
43517
43521
|
|
|
43518
43522
|
&:focus,
|
|
43519
|
-
&.k-state-focus
|
|
43523
|
+
&.k-state-focus,
|
|
43520
43524
|
&.k-focus {
|
|
43521
43525
|
color: $scrollview-navigation-color;
|
|
43522
43526
|
opacity: $scrollview-navigation-hover-opacity;
|
|
@@ -43527,7 +43531,7 @@ $scrollview-transition-timing-function: ease-in-out !default;
|
|
|
43527
43531
|
}
|
|
43528
43532
|
|
|
43529
43533
|
&:hover,
|
|
43530
|
-
&.k-state-hover
|
|
43534
|
+
&.k-state-hover,
|
|
43531
43535
|
&.k-hover {
|
|
43532
43536
|
color: $scrollview-navigation-color;
|
|
43533
43537
|
opacity: $scrollview-navigation-hover-opacity;
|
|
@@ -43549,14 +43553,14 @@ $scrollview-transition-timing-function: ease-in-out !default;
|
|
|
43549
43553
|
|
|
43550
43554
|
|
|
43551
43555
|
&:focus,
|
|
43552
|
-
&.k-state-focused
|
|
43556
|
+
&.k-state-focused,
|
|
43553
43557
|
&.k-focus {
|
|
43554
43558
|
box-shadow: $scrollview-pagebutton-shadow;
|
|
43555
43559
|
}
|
|
43556
43560
|
}
|
|
43557
43561
|
|
|
43558
43562
|
.k-scrollview-nav > .k-link:hover,
|
|
43559
|
-
.k-scrollview-nav > .k-link.k-state-hover
|
|
43563
|
+
.k-scrollview-nav > .k-link.k-state-hover,
|
|
43560
43564
|
.k-scrollview-nav > .k-link.k-hover {
|
|
43561
43565
|
box-shadow: $scrollview-pagebutton-shadow;
|
|
43562
43566
|
}
|
|
@@ -44375,7 +44379,7 @@ $treemap-line-height: $line-height !default;
|
|
|
44375
44379
|
.k-leaf.k-inverse {
|
|
44376
44380
|
color: $component-text;
|
|
44377
44381
|
}
|
|
44378
|
-
.k-leaf.k-state-hover
|
|
44382
|
+
.k-leaf.k-state-hover,
|
|
44379
44383
|
.k-leaf.k-hover {
|
|
44380
44384
|
box-shadow: inset 0 0 0 3px $component-border;
|
|
44381
44385
|
}
|
|
@@ -44874,7 +44878,7 @@ $orgchart-line-v-height: 25px !default;
|
|
|
44874
44878
|
.k-orgchart-node-group-container:focus,
|
|
44875
44879
|
.k-orgchart-node-group-container.k-focus,
|
|
44876
44880
|
.k-orgchart-node-group-container.k-state-focus,
|
|
44877
|
-
.k-orgchart-node-group-container.k-state-focused
|
|
44881
|
+
.k-orgchart-node-group-container.k-state-focused,
|
|
44878
44882
|
.k-orgchart-node-group-container.k-focus {
|
|
44879
44883
|
@include box-shadow( $orgchart-node-group-focus-shadow );
|
|
44880
44884
|
@include fill ( $border: $orgchart-node-group-focus-border );
|
|
@@ -44896,6 +44900,157 @@ $orgchart-line-v-height: 25px !default;
|
|
|
44896
44900
|
|
|
44897
44901
|
// #endregion
|
|
44898
44902
|
|
|
44903
|
+
// #endregion
|
|
44904
|
+
// #region @import "signature/_index.scss"; -> packages/bootstrap/scss/signature/_index.scss
|
|
44905
|
+
// #region @import "../core/_index.scss"; -> packages/bootstrap/scss/core/_index.scss
|
|
44906
|
+
// File already imported_once. Skipping output.
|
|
44907
|
+
// #endregion
|
|
44908
|
+
|
|
44909
|
+
// Dependencies
|
|
44910
|
+
// #region @import "../button/_index.scss"; -> packages/bootstrap/scss/button/_index.scss
|
|
44911
|
+
// File already imported_once. Skipping output.
|
|
44912
|
+
// #endregion
|
|
44913
|
+
// #region @import "../input/_index.scss"; -> packages/bootstrap/scss/input/_index.scss
|
|
44914
|
+
// File already imported_once. Skipping output.
|
|
44915
|
+
// #endregion
|
|
44916
|
+
|
|
44917
|
+
// Component
|
|
44918
|
+
// #region @import "_variables.scss"; -> packages/bootstrap/scss/signature/_variables.scss
|
|
44919
|
+
$kendo-signature-width: 246px !default;
|
|
44920
|
+
$kendo-signature-height: 108px !default;
|
|
44921
|
+
|
|
44922
|
+
$kendo-signature-maximized-width: 750px !default;
|
|
44923
|
+
$kendo-signature-maximized-height: 252px !default;
|
|
44924
|
+
|
|
44925
|
+
$kendo-signature-padding: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
|
|
44926
|
+
$kendo-signature-padding-sm: map-get( $spacing, 1 ) !default;
|
|
44927
|
+
$kendo-signature-padding-md: $kendo-signature-padding !default;
|
|
44928
|
+
$kendo-signature-padding-lg: map-get( $spacing, 2 ) !default;
|
|
44929
|
+
|
|
44930
|
+
$kendo-signature-line-width: 1px !default;
|
|
44931
|
+
$kendo-signature-line-style: dashed !default;
|
|
44932
|
+
$kendo-signature-line-color: rgba( $info, .24 ) !default;
|
|
44933
|
+
|
|
44934
|
+
$kendo-signature-line-size: calc( 100% - 2 * #{$kendo-signature-padding} ) !default;
|
|
44935
|
+
$kendo-signature-line-size-sm: calc( 100% - 2 * #{$kendo-signature-padding-sm} ) !default;
|
|
44936
|
+
$kendo-signature-line-size-md: calc( 100% - 2 * #{$kendo-signature-padding-md} ) !default;
|
|
44937
|
+
$kendo-signature-line-size-lg: calc( 100% - 2 * #{$kendo-signature-padding-lg} ) !default;
|
|
44938
|
+
|
|
44939
|
+
$kendo-signature-line-bottom-offset: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding} ) !default;
|
|
44940
|
+
$kendo-signature-line-bottom-offset-sm: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding-sm} ) !default;
|
|
44941
|
+
$kendo-signature-line-bottom-offset-md: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding-md} ) !default;
|
|
44942
|
+
$kendo-signature-line-bottom-offset-lg: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding-lg} ) !default;
|
|
44943
|
+
|
|
44944
|
+
$kendo-signature-sizes: (
|
|
44945
|
+
sm: (
|
|
44946
|
+
padding: $kendo-signature-padding-sm,
|
|
44947
|
+
line-size: $kendo-signature-line-size-sm,
|
|
44948
|
+
line-offset: $kendo-signature-line-bottom-offset-sm
|
|
44949
|
+
),
|
|
44950
|
+
md: (
|
|
44951
|
+
padding: $kendo-signature-padding-md,
|
|
44952
|
+
line-size: $kendo-signature-line-size-md,
|
|
44953
|
+
line-offset: $kendo-signature-line-bottom-offset-md
|
|
44954
|
+
),
|
|
44955
|
+
lg: (
|
|
44956
|
+
padding: $kendo-signature-padding-lg,
|
|
44957
|
+
line-size: $kendo-signature-line-size-lg,
|
|
44958
|
+
line-offset: $kendo-signature-line-bottom-offset-lg
|
|
44959
|
+
)
|
|
44960
|
+
) !default;
|
|
44961
|
+
|
|
44962
|
+
$kendo-signature-actions-gap: map-get( $spacing, 1 ) !default;
|
|
44963
|
+
$kendo-signature-maximized-line-width: map-get( $spacing, 1 ) - map-get( $spacing, hair ) !default;
|
|
44964
|
+
|
|
44965
|
+
// #endregion
|
|
44966
|
+
// #region @import "_layout.scss"; -> packages/bootstrap/scss/signature/_layout.scss
|
|
44967
|
+
// #region @import "~@progress/kendo-theme-default/scss/signature/_layout.scss"; -> packages/bootstrap/node_modules/@progress/kendo-theme-default/scss/signature/_layout.scss
|
|
44968
|
+
@include exports("signature/layout") {
|
|
44969
|
+
|
|
44970
|
+
.k-signature {
|
|
44971
|
+
width: $kendo-signature-width;
|
|
44972
|
+
height: $kendo-signature-height;
|
|
44973
|
+
position: relative;
|
|
44974
|
+
box-sizing: border-box;
|
|
44975
|
+
display: flex;
|
|
44976
|
+
flex-direction: column;
|
|
44977
|
+
justify-content: space-between;
|
|
44978
|
+
|
|
44979
|
+
&.k-signature-maximized {
|
|
44980
|
+
width: $kendo-signature-maximized-width;
|
|
44981
|
+
height: $kendo-signature-maximized-height;
|
|
44982
|
+
|
|
44983
|
+
> .k-signature-line {
|
|
44984
|
+
border-bottom-width: $kendo-signature-maximized-line-width;
|
|
44985
|
+
}
|
|
44986
|
+
}
|
|
44987
|
+
}
|
|
44988
|
+
|
|
44989
|
+
.k-signature-actions {
|
|
44990
|
+
display: flex;
|
|
44991
|
+
width: min-content;
|
|
44992
|
+
margin-inline-start: auto;
|
|
44993
|
+
gap: $kendo-signature-actions-gap;
|
|
44994
|
+
z-index: 2;
|
|
44995
|
+
}
|
|
44996
|
+
|
|
44997
|
+
.k-signature-canvas {
|
|
44998
|
+
position: absolute;
|
|
44999
|
+
top: 0;
|
|
45000
|
+
left: 0;
|
|
45001
|
+
width: 100%;
|
|
45002
|
+
height: 100%;
|
|
45003
|
+
display: block;
|
|
45004
|
+
z-index: 1;
|
|
45005
|
+
}
|
|
45006
|
+
|
|
45007
|
+
.k-signature-line {
|
|
45008
|
+
position: absolute;
|
|
45009
|
+
z-index: 0;
|
|
45010
|
+
border-bottom-width: $kendo-signature-line-width;
|
|
45011
|
+
border-bottom-style: $kendo-signature-line-style;
|
|
45012
|
+
}
|
|
45013
|
+
|
|
45014
|
+
// Sizes
|
|
45015
|
+
@each $size, $size-props in $kendo-signature-sizes {
|
|
45016
|
+
$_padding: map-get($size-props, padding);
|
|
45017
|
+
$_line-size: map-get($size-props, line-size);
|
|
45018
|
+
$_line-offset: map-get($size-props, line-offset);
|
|
45019
|
+
|
|
45020
|
+
.k-signature-#{$size} {
|
|
45021
|
+
padding: $_padding;
|
|
45022
|
+
|
|
45023
|
+
.k-signature-line {
|
|
45024
|
+
width: $_line-size;
|
|
45025
|
+
bottom: $_line-offset;
|
|
45026
|
+
}
|
|
45027
|
+
}
|
|
45028
|
+
|
|
45029
|
+
}
|
|
45030
|
+
}
|
|
45031
|
+
|
|
45032
|
+
// #endregion
|
|
45033
|
+
|
|
45034
|
+
// #endregion
|
|
45035
|
+
// #region @import "_theme.scss"; -> packages/bootstrap/scss/signature/_theme.scss
|
|
45036
|
+
// #region @import "~@progress/kendo-theme-default/scss/signature/_theme.scss"; -> packages/bootstrap/node_modules/@progress/kendo-theme-default/scss/signature/_theme.scss
|
|
45037
|
+
@include exports("signature/theme") {
|
|
45038
|
+
|
|
45039
|
+
// Solid signature
|
|
45040
|
+
.k-signature {
|
|
45041
|
+
|
|
45042
|
+
.k-signature-line {
|
|
45043
|
+
border-bottom-color: $kendo-signature-line-color;
|
|
45044
|
+
}
|
|
45045
|
+
}
|
|
45046
|
+
|
|
45047
|
+
|
|
45048
|
+
}
|
|
45049
|
+
|
|
45050
|
+
// #endregion
|
|
45051
|
+
|
|
45052
|
+
// #endregion
|
|
45053
|
+
|
|
44899
45054
|
// #endregion
|
|
44900
45055
|
|
|
44901
45056
|
// #endregion
|