@progress/kendo-theme-classic 5.6.1-dev.7 → 5.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all.css +245 -537
- package/dist/all.scss +113 -455
- package/lib/swatches/classic-green-dark.json +1 -1
- package/lib/swatches/classic-green.json +1 -1
- package/lib/swatches/classic-main-dark.json +1 -1
- package/lib/swatches/classic-main.json +1 -1
- package/lib/swatches/classic-opal-dark.json +1 -1
- package/lib/swatches/classic-opal.json +1 -1
- package/lib/swatches/classic-silver-dark.json +1 -1
- package/lib/swatches/classic-silver.json +1 -1
- package/package.json +3 -3
- package/scss/forms/_variables.scss +1 -1
- package/scss/signature/_variables.scss +23 -21
- package/scss/typography/_variables.scss +1 -1
package/dist/all.scss
CHANGED
|
@@ -1486,7 +1486,7 @@ $line-height-xs: 1 !default;
|
|
|
1486
1486
|
$line-height-sm: 1.25 !default;
|
|
1487
1487
|
$line-height-md: $line-height !default;
|
|
1488
1488
|
$line-height-lg: 1.5 !default;
|
|
1489
|
-
$line-height-em: $line-height * 1em !default;
|
|
1489
|
+
$line-height-em: calc( #{$line-height} * 1em ) !default;
|
|
1490
1490
|
|
|
1491
1491
|
|
|
1492
1492
|
// Font weight
|
|
@@ -1719,7 +1719,6 @@ $display4-letter-spacing: null !default;
|
|
|
1719
1719
|
@include exports( "common/disabled" ) {
|
|
1720
1720
|
|
|
1721
1721
|
// Disabled state
|
|
1722
|
-
.k-state-disabled,
|
|
1723
1722
|
.k-disabled,
|
|
1724
1723
|
.k-widget[disabled],
|
|
1725
1724
|
.k-disabled {
|
|
@@ -1734,8 +1733,7 @@ $display4-letter-spacing: null !default;
|
|
|
1734
1733
|
|
|
1735
1734
|
// Nested disabled
|
|
1736
1735
|
[disabled],
|
|
1737
|
-
.k-disabled
|
|
1738
|
-
.k-state-disabled {
|
|
1736
|
+
.k-disabled {
|
|
1739
1737
|
opacity: 1;
|
|
1740
1738
|
filter: grayscale(0);
|
|
1741
1739
|
}
|
|
@@ -4513,18 +4511,28 @@ $utils-border-radius: (
|
|
|
4513
4511
|
@include exports( "common/decoration/color" ) {
|
|
4514
4512
|
|
|
4515
4513
|
// sass-lint:disable-block no-important
|
|
4514
|
+
// sass-lint:disable-block class-name-format
|
|
4516
4515
|
// stylelint-disable block-opening-brace-space-before
|
|
4517
4516
|
|
|
4518
4517
|
.k-text-base,
|
|
4519
4518
|
.k-color-base {
|
|
4520
4519
|
color: $base-text;
|
|
4521
4520
|
}
|
|
4521
|
+
.\!k-text-base,
|
|
4522
|
+
.\!k-color-base {
|
|
4523
|
+
color: $base-text !important;
|
|
4524
|
+
}
|
|
4522
4525
|
|
|
4523
4526
|
.k-color-inherit { color: inherit; }
|
|
4527
|
+
.\!k-color-inherit { color: inherit !important; }
|
|
4524
4528
|
|
|
4525
4529
|
@each $name, $color in $kendo-theme-colors {
|
|
4526
4530
|
.k-text-#{$name},
|
|
4527
4531
|
.k-color-#{$name} {
|
|
4532
|
+
color: $color;
|
|
4533
|
+
}
|
|
4534
|
+
.\!k-text-#{$name},
|
|
4535
|
+
.\!k-color-#{$name} {
|
|
4528
4536
|
color: $color !important;
|
|
4529
4537
|
}
|
|
4530
4538
|
}
|
|
@@ -4535,63 +4543,19 @@ $utils-border-radius: (
|
|
|
4535
4543
|
@include exports( "common/decoration/background" ) {
|
|
4536
4544
|
|
|
4537
4545
|
// sass-lint:disable-block no-important
|
|
4546
|
+
// sass-lint:disable-block class-name-format
|
|
4538
4547
|
|
|
4539
4548
|
@each $name, $bg-color in $kendo-theme-colors {
|
|
4540
4549
|
.k-bg-#{$name} {
|
|
4550
|
+
background-color: $bg-color;
|
|
4551
|
+
}
|
|
4552
|
+
.\!k-bg-#{$name} {
|
|
4541
4553
|
background-color: $bg-color !important;
|
|
4542
4554
|
}
|
|
4543
4555
|
}
|
|
4544
4556
|
|
|
4545
4557
|
}
|
|
4546
4558
|
|
|
4547
|
-
|
|
4548
|
-
@mixin variant( $base ) {
|
|
4549
|
-
background-color: tint($base, 10);
|
|
4550
|
-
color: shade($base, 6);
|
|
4551
|
-
border-color: tint($base, 9);
|
|
4552
|
-
}
|
|
4553
|
-
|
|
4554
|
-
@include exports( "common/decoration/variant" ) {
|
|
4555
|
-
|
|
4556
|
-
@each $name, $variant in $kendo-theme-colors {
|
|
4557
|
-
.k-state-#{$name} {
|
|
4558
|
-
@include variant( $variant );
|
|
4559
|
-
}
|
|
4560
|
-
}
|
|
4561
|
-
}
|
|
4562
|
-
|
|
4563
|
-
|
|
4564
|
-
@include exports( "common/decoration/legacy" ) {
|
|
4565
|
-
|
|
4566
|
-
.k-info-colored {
|
|
4567
|
-
color: #50607f;
|
|
4568
|
-
border-color: #d0d9df;
|
|
4569
|
-
background-color: #f0f9ff;
|
|
4570
|
-
}
|
|
4571
|
-
|
|
4572
|
-
.k-success-colored {
|
|
4573
|
-
color: #507f50;
|
|
4574
|
-
border-color: #d0dfd0;
|
|
4575
|
-
background-color: #f0fff0;
|
|
4576
|
-
}
|
|
4577
|
-
|
|
4578
|
-
.k-error-colored {
|
|
4579
|
-
color: #7f5050;
|
|
4580
|
-
border-color: #dfd0d0;
|
|
4581
|
-
background-color: #fff0f0;
|
|
4582
|
-
}
|
|
4583
|
-
|
|
4584
|
-
.k-shadow {
|
|
4585
|
-
// Shadow moved to popup/_layout.scss due to variable flow
|
|
4586
|
-
// box-shadow: $popup-shadow;
|
|
4587
|
-
}
|
|
4588
|
-
|
|
4589
|
-
.k-inset {
|
|
4590
|
-
box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .03), inset 0 4px 5px 0 rgba(0, 0, 0, .04);
|
|
4591
|
-
}
|
|
4592
|
-
|
|
4593
|
-
}
|
|
4594
|
-
|
|
4595
4559
|
// #endregion
|
|
4596
4560
|
|
|
4597
4561
|
// #endregion
|
|
@@ -9178,8 +9142,7 @@ $kendo-input-invalid-shadow: $invalid-shadow !default;
|
|
|
9178
9142
|
@include disabled( $disabled-styling );
|
|
9179
9143
|
|
|
9180
9144
|
[disabled] &,
|
|
9181
|
-
.k-disabled
|
|
9182
|
-
.k-state-disabled & {
|
|
9145
|
+
.k-disabled & {
|
|
9183
9146
|
opacity: 1;
|
|
9184
9147
|
filter: grayscale(0);
|
|
9185
9148
|
}
|
|
@@ -9200,8 +9163,7 @@ $kendo-input-invalid-shadow: $invalid-shadow !default;
|
|
|
9200
9163
|
@include disabled( $disabled-styling );
|
|
9201
9164
|
|
|
9202
9165
|
[disabled] &,
|
|
9203
|
-
.k-disabled
|
|
9204
|
-
.k-state-disabled & {
|
|
9166
|
+
.k-disabled & {
|
|
9205
9167
|
opacity: 1;
|
|
9206
9168
|
filter: grayscale(0);
|
|
9207
9169
|
}
|
|
@@ -10122,7 +10084,6 @@ $floating-label-focus-text: null !default;
|
|
|
10122
10084
|
width: auto;
|
|
10123
10085
|
}
|
|
10124
10086
|
|
|
10125
|
-
&.k-state-empty,
|
|
10126
10087
|
&.k-empty {
|
|
10127
10088
|
> .k-label {
|
|
10128
10089
|
top: $floating-label-offset-y;
|
|
@@ -10133,8 +10094,6 @@ $floating-label-focus-text: null !default;
|
|
|
10133
10094
|
}
|
|
10134
10095
|
|
|
10135
10096
|
> .k-label,
|
|
10136
|
-
// &:focus-within > .k-label,
|
|
10137
|
-
&.k-state-focused > .k-label,
|
|
10138
10097
|
&.k-focus > .k-label {
|
|
10139
10098
|
top: $floating-label-focus-offset-y;
|
|
10140
10099
|
left: $floating-label-focus-offset-x;
|
|
@@ -10146,7 +10105,6 @@ $floating-label-focus-text: null !default;
|
|
|
10146
10105
|
transform: scale( $floating-label-focus-scale );
|
|
10147
10106
|
}
|
|
10148
10107
|
|
|
10149
|
-
&.k-state-empty:not(.k-state-focused) ::placeholder,
|
|
10150
10108
|
&.k-empty:not(.k-focus):not(:focus-within) ::placeholder {
|
|
10151
10109
|
color: transparent;
|
|
10152
10110
|
}
|
|
@@ -10160,7 +10118,6 @@ $floating-label-focus-text: null !default;
|
|
|
10160
10118
|
transition: transform $floating-label-transition, color $floating-label-transition, top $floating-label-transition, right $floating-label-transition;
|
|
10161
10119
|
}
|
|
10162
10120
|
|
|
10163
|
-
&.k-state-empty,
|
|
10164
10121
|
&.k-empty {
|
|
10165
10122
|
> .k-label {
|
|
10166
10123
|
left: auto;
|
|
@@ -10169,8 +10126,6 @@ $floating-label-focus-text: null !default;
|
|
|
10169
10126
|
}
|
|
10170
10127
|
|
|
10171
10128
|
> .k-label,
|
|
10172
|
-
// &:focus-within > .k-label,
|
|
10173
|
-
&.k-state-focused > .k-label,
|
|
10174
10129
|
&.k-focus > .k-label {
|
|
10175
10130
|
left: auto;
|
|
10176
10131
|
right: $floating-label-focus-offset-x;
|
|
@@ -10201,8 +10156,7 @@ $floating-label-focus-text: null !default;
|
|
|
10201
10156
|
);
|
|
10202
10157
|
}
|
|
10203
10158
|
|
|
10204
|
-
&.k-focus > .k-label
|
|
10205
|
-
&.k-state-focused > .k-label {
|
|
10159
|
+
&.k-focus > .k-label {
|
|
10206
10160
|
@include fill(
|
|
10207
10161
|
$color: $floating-label-focus-text,
|
|
10208
10162
|
$bg: $floating-label-focus-bg
|
|
@@ -12558,8 +12512,11 @@ $loader-container-font-size-lg: $font-size-lg !default;
|
|
|
12558
12512
|
}
|
|
12559
12513
|
|
|
12560
12514
|
.k-loader-container-inner {
|
|
12561
|
-
|
|
12562
|
-
|
|
12515
|
+
// sass-lint:disable-block no-important
|
|
12516
|
+
// sass-lint:disable-block class-name-format
|
|
12517
|
+
.k-text-secondary,
|
|
12518
|
+
.\!k-text-secondary {
|
|
12519
|
+
color: $loader-secondary-bg !important;
|
|
12563
12520
|
}
|
|
12564
12521
|
}
|
|
12565
12522
|
|
|
@@ -13883,7 +13840,7 @@ $form-spacer: $padding-x * 2 !default;
|
|
|
13883
13840
|
|
|
13884
13841
|
$form-font-size: $font-size !default;
|
|
13885
13842
|
$form-line-height: $line-height !default;
|
|
13886
|
-
$form-line-height-em: $form-line-height * 1em !default;
|
|
13843
|
+
$form-line-height-em: calc( #{$form-line-height} * 1em ) !default;
|
|
13887
13844
|
$form-line-height-sm: $line-height-sm !default;
|
|
13888
13845
|
$form-line-height-lg: $line-height-lg !default;
|
|
13889
13846
|
|
|
@@ -15220,7 +15177,6 @@ $kendo-circular-progressbar-scale-stroke: $progressbar-bg !default;
|
|
|
15220
15177
|
|
|
15221
15178
|
|
|
15222
15179
|
// Selection
|
|
15223
|
-
> .k-state-selected,
|
|
15224
15180
|
> .k-selected {
|
|
15225
15181
|
border-width: 0;
|
|
15226
15182
|
border-style: solid;
|
|
@@ -15291,7 +15247,6 @@ $kendo-circular-progressbar-scale-stroke: $progressbar-bg !default;
|
|
|
15291
15247
|
flex-direction: row;
|
|
15292
15248
|
}
|
|
15293
15249
|
|
|
15294
|
-
> .k-state-selected,
|
|
15295
15250
|
> .k-selected {
|
|
15296
15251
|
width: 0;
|
|
15297
15252
|
width: calc( var( --kendo-progressbar-progress, 0 ) * 1% ); // sass-lint:disable-line no-duplicate-properties
|
|
@@ -15318,7 +15273,6 @@ $kendo-circular-progressbar-scale-stroke: $progressbar-bg !default;
|
|
|
15318
15273
|
// Horizontal reverse
|
|
15319
15274
|
&.k-progressbar-reverse {
|
|
15320
15275
|
|
|
15321
|
-
> .k-state-selected,
|
|
15322
15276
|
> .k-selected {
|
|
15323
15277
|
flex-direction: row-reverse;
|
|
15324
15278
|
justify-self: flex-end;
|
|
@@ -15343,7 +15297,6 @@ $kendo-circular-progressbar-scale-stroke: $progressbar-bg !default;
|
|
|
15343
15297
|
writing-mode: vertical-lr;
|
|
15344
15298
|
}
|
|
15345
15299
|
|
|
15346
|
-
> .k-state-selected,
|
|
15347
15300
|
> .k-selected {
|
|
15348
15301
|
height: 0;
|
|
15349
15302
|
height: calc( var( --kendo-progressbar-progress, 0 ) * 1% ); // sass-lint:disable-line no-duplicate-properties
|
|
@@ -15373,7 +15326,6 @@ $kendo-circular-progressbar-scale-stroke: $progressbar-bg !default;
|
|
|
15373
15326
|
&.k-progressbar-reverse {
|
|
15374
15327
|
flex-direction: column;
|
|
15375
15328
|
|
|
15376
|
-
> .k-state-selected,
|
|
15377
15329
|
> .k-selected {
|
|
15378
15330
|
flex-direction: column;
|
|
15379
15331
|
align-self: flex-start;
|
|
@@ -15385,7 +15337,6 @@ $kendo-circular-progressbar-scale-stroke: $progressbar-bg !default;
|
|
|
15385
15337
|
// Indeterminate
|
|
15386
15338
|
.k-progressbar-indeterminate {
|
|
15387
15339
|
.k-progress-status-wrap,
|
|
15388
|
-
.k-state-selected,
|
|
15389
15340
|
.k-selected,
|
|
15390
15341
|
.k-item {
|
|
15391
15342
|
display: none;
|
|
@@ -15396,9 +15347,7 @@ $kendo-circular-progressbar-scale-stroke: $progressbar-bg !default;
|
|
|
15396
15347
|
// Blazor specific
|
|
15397
15348
|
.telerik-blazor.k-progressbar-horizontal {
|
|
15398
15349
|
|
|
15399
|
-
> .k-state-selected,
|
|
15400
15350
|
> .k-selected,
|
|
15401
|
-
> .k-state-selected > .k-progress-status-wrap,
|
|
15402
15351
|
> .k-selected > .k-progress-status-wrap {
|
|
15403
15352
|
transition: width .1s ease-in-out;
|
|
15404
15353
|
}
|
|
@@ -15427,7 +15376,6 @@ $kendo-circular-progressbar-scale-stroke: $progressbar-bg !default;
|
|
|
15427
15376
|
display: -ms-inline-grid;
|
|
15428
15377
|
|
|
15429
15378
|
> .k-progress-status-wrap,
|
|
15430
|
-
> .k-state-selected,
|
|
15431
15379
|
> .k-selected {
|
|
15432
15380
|
-ms-grid-column: 1;
|
|
15433
15381
|
-ms-grid-row: 1;
|
|
@@ -15437,7 +15385,6 @@ $kendo-circular-progressbar-scale-stroke: $progressbar-bg !default;
|
|
|
15437
15385
|
-ms-grid-columns: 1fr;
|
|
15438
15386
|
-ms-grid-rows: $progressbar-height;
|
|
15439
15387
|
|
|
15440
|
-
&.k-progressbar-reverse > .k-state-selected,
|
|
15441
15388
|
&.k-progressbar-reverse > .k-selected {
|
|
15442
15389
|
-ms-grid-column-align: end;
|
|
15443
15390
|
}
|
|
@@ -15446,12 +15393,10 @@ $kendo-circular-progressbar-scale-stroke: $progressbar-bg !default;
|
|
|
15446
15393
|
-ms-grid-columns: $progressbar-height;
|
|
15447
15394
|
-ms-grid-rows: 1fr;
|
|
15448
15395
|
|
|
15449
|
-
> .k-state-selected,
|
|
15450
15396
|
> .k-selected {
|
|
15451
15397
|
-ms-grid-row-align: end;
|
|
15452
15398
|
}
|
|
15453
15399
|
|
|
15454
|
-
&.k-progressbar-reverse > .k-state-selected,
|
|
15455
15400
|
&.k-progressbar-reverse > .k-selected {
|
|
15456
15401
|
-ms-grid-row-align: start;
|
|
15457
15402
|
}
|
|
@@ -15517,7 +15462,6 @@ $kendo-circular-progressbar-scale-stroke: $progressbar-bg !default;
|
|
|
15517
15462
|
.k-progressbar {
|
|
15518
15463
|
@include fill( $progressbar-text, $progressbar-bg, $progressbar-border, $progressbar-gradient );
|
|
15519
15464
|
|
|
15520
|
-
.k-state-selected,
|
|
15521
15465
|
.k-selected {
|
|
15522
15466
|
@include fill( $progressbar-fill-text, $progressbar-fill-bg, $progressbar-fill-border, $progressbar-fill-gradient );
|
|
15523
15467
|
}
|
|
@@ -15900,7 +15844,6 @@ $kendo-radio-ripple-opacity: .25 !default;
|
|
|
15900
15844
|
}
|
|
15901
15845
|
|
|
15902
15846
|
.k-radio:focus,
|
|
15903
|
-
.k-radio.k-state-focus,
|
|
15904
15847
|
.k-radio.k-focus {
|
|
15905
15848
|
box-shadow: none !important; // sass-lint:disable-line no-important
|
|
15906
15849
|
|
|
@@ -15964,7 +15907,6 @@ $kendo-radio-ripple-opacity: .25 !default;
|
|
|
15964
15907
|
|
|
15965
15908
|
// Hover state
|
|
15966
15909
|
.k-radio:hover,
|
|
15967
|
-
.k-radio.k-state-hover,
|
|
15968
15910
|
.k-radio.k-hover {
|
|
15969
15911
|
@include fill(
|
|
15970
15912
|
$kendo-radio-hover-text,
|
|
@@ -15976,7 +15918,6 @@ $kendo-radio-ripple-opacity: .25 !default;
|
|
|
15976
15918
|
|
|
15977
15919
|
// Focus state
|
|
15978
15920
|
.k-radio:focus,
|
|
15979
|
-
.k-radio.k-state-focus,
|
|
15980
15921
|
.k-radio.k-focus {
|
|
15981
15922
|
@include fill( $border: $kendo-radio-focus-border );
|
|
15982
15923
|
@include box-shadow( $kendo-radio-focus-shadow );
|
|
@@ -15985,13 +15926,11 @@ $kendo-radio-ripple-opacity: .25 !default;
|
|
|
15985
15926
|
|
|
15986
15927
|
// Invalid state
|
|
15987
15928
|
.k-radio.k-invalid,
|
|
15988
|
-
.k-radio.k-state-invalid,
|
|
15989
15929
|
.k-radio.ng-invalid.ng-touched,
|
|
15990
15930
|
.k-radio.ng-invalid.ng-dirty {
|
|
15991
15931
|
@include fill( $border: $kendo-radio-invalid-border );
|
|
15992
15932
|
}
|
|
15993
15933
|
.k-radio.k-invalid + .k-radio-label,
|
|
15994
|
-
.k-radio.k-state-invalid + .k-radio-label,
|
|
15995
15934
|
.k-radio.ng-invalid.ng-touched + .k-radio-label,
|
|
15996
15935
|
.k-radio.ng-invalid.ng-dirty + .k-radio-label {
|
|
15997
15936
|
@include fill( $color: $kendo-radio-invalid-text );
|
|
@@ -16008,7 +15947,6 @@ $kendo-radio-ripple-opacity: .25 !default;
|
|
|
16008
15947
|
);
|
|
16009
15948
|
}
|
|
16010
15949
|
.k-radio:checked:focus,
|
|
16011
|
-
.k-radio.k-checked.k-state-focus,
|
|
16012
15950
|
.k-radio.k-checked.k-focus {
|
|
16013
15951
|
@include fill( $border: $kendo-radio-focus-checked-border );
|
|
16014
15952
|
@include box-shadow( $kendo-radio-focus-checked-shadow );
|
|
@@ -16179,7 +16117,6 @@ $slider-disabled-opacity: null !default;
|
|
|
16179
16117
|
}
|
|
16180
16118
|
|
|
16181
16119
|
|
|
16182
|
-
&.k-state-disabled,
|
|
16183
16120
|
&.k-disabled {
|
|
16184
16121
|
.k-tick,
|
|
16185
16122
|
.k-slider-track,
|
|
@@ -16636,20 +16573,17 @@ $slider-disabled-opacity: null !default;
|
|
|
16636
16573
|
}
|
|
16637
16574
|
|
|
16638
16575
|
&:focus,
|
|
16639
|
-
&.k-state-focused,
|
|
16640
16576
|
&.k-focus {
|
|
16641
16577
|
@include box-shadow( $slider-draghandle-focused-shadow );
|
|
16642
16578
|
}
|
|
16643
16579
|
}
|
|
16644
16580
|
|
|
16645
|
-
&.k-state-focused,
|
|
16646
16581
|
&.k-focus {
|
|
16647
16582
|
.k-draghandle {
|
|
16648
16583
|
@include box-shadow( $slider-draghandle-focused-shadow );
|
|
16649
16584
|
}
|
|
16650
16585
|
}
|
|
16651
16586
|
|
|
16652
|
-
&.k-state-disabled,
|
|
16653
16587
|
&.k-disabled {
|
|
16654
16588
|
opacity: $slider-disabled-opacity;
|
|
16655
16589
|
}
|
|
@@ -17301,7 +17235,6 @@ $kendo-calendar-sizes: (
|
|
|
17301
17235
|
}
|
|
17302
17236
|
|
|
17303
17237
|
// // styles are applied to the k-link element inside
|
|
17304
|
-
// .k-state-selected,
|
|
17305
17238
|
// .k-selected {
|
|
17306
17239
|
// color: inherit;
|
|
17307
17240
|
// background: transparent;
|
|
@@ -17429,10 +17362,8 @@ $kendo-calendar-sizes: (
|
|
|
17429
17362
|
|
|
17430
17363
|
&:hover,
|
|
17431
17364
|
&.k-hover,
|
|
17432
|
-
&.k-state-hover,
|
|
17433
17365
|
&:focus,
|
|
17434
|
-
&.k-focus
|
|
17435
|
-
&.k-state-focus {
|
|
17366
|
+
&.k-focus {
|
|
17436
17367
|
color: $calendar-today-nav-hover-text;
|
|
17437
17368
|
}
|
|
17438
17369
|
}
|
|
@@ -17453,8 +17384,7 @@ $kendo-calendar-sizes: (
|
|
|
17453
17384
|
.k-calendar-cell-inner {
|
|
17454
17385
|
box-shadow: inset 0 0 0 1px $calendar-today-color;
|
|
17455
17386
|
}
|
|
17456
|
-
&.k-focus .k-calendar-cell-inner
|
|
17457
|
-
&.k-state-focused .k-calendar-cell-inner {
|
|
17387
|
+
&.k-focus .k-calendar-cell-inner {
|
|
17458
17388
|
box-shadow: inset 0 0 0 1px $calendar-today-color, $calendar-cell-focused-shadow;
|
|
17459
17389
|
}
|
|
17460
17390
|
} @else if $calendar-today-style == color {
|
|
@@ -17488,8 +17418,7 @@ $kendo-calendar-sizes: (
|
|
|
17488
17418
|
|
|
17489
17419
|
// Interactive states
|
|
17490
17420
|
.k-calendar-td:hover .k-calendar-cell-inner,
|
|
17491
|
-
.k-calendar-td.k-hover .k-calendar-cell-inner
|
|
17492
|
-
.k-calendar-td.k-state-hover .k-calendar-cell-inner {
|
|
17421
|
+
.k-calendar-td.k-hover .k-calendar-cell-inner {
|
|
17493
17422
|
@include fill(
|
|
17494
17423
|
$calendar-cell-hover-text,
|
|
17495
17424
|
$calendar-cell-hover-bg,
|
|
@@ -17497,8 +17426,7 @@ $kendo-calendar-sizes: (
|
|
|
17497
17426
|
$calendar-cell-hover-gradient
|
|
17498
17427
|
);
|
|
17499
17428
|
}
|
|
17500
|
-
.k-calendar-td.k-selected .k-calendar-cell-inner
|
|
17501
|
-
.k-calendar-td.k-state-selected .k-calendar-cell-inner {
|
|
17429
|
+
.k-calendar-td.k-selected .k-calendar-cell-inner {
|
|
17502
17430
|
@include fill(
|
|
17503
17431
|
$calendar-cell-selected-text,
|
|
17504
17432
|
$calendar-cell-selected-bg,
|
|
@@ -17507,8 +17435,7 @@ $kendo-calendar-sizes: (
|
|
|
17507
17435
|
);
|
|
17508
17436
|
}
|
|
17509
17437
|
.k-calendar-td.k-selected:hover .k-calendar-cell-inner,
|
|
17510
|
-
.k-calendar-td.k-selected.k-hover .k-calendar-cell-inner
|
|
17511
|
-
.k-calendar-td.k-state-selected:hover .k-calendar-cell-inner {
|
|
17438
|
+
.k-calendar-td.k-selected.k-hover .k-calendar-cell-inner {
|
|
17512
17439
|
@include fill(
|
|
17513
17440
|
$calendar-cell-selected-hover-text,
|
|
17514
17441
|
$calendar-cell-selected-hover-bg,
|
|
@@ -17517,14 +17444,11 @@ $kendo-calendar-sizes: (
|
|
|
17517
17444
|
);
|
|
17518
17445
|
}
|
|
17519
17446
|
.k-calendar-td:focus .k-calendar-cell-inner,
|
|
17520
|
-
.k-calendar-td.k-focus .k-calendar-cell-inner
|
|
17521
|
-
.k-calendar-td.k-state-focus .k-calendar-cell-inner,
|
|
17522
|
-
.k-calendar-td.k-state-focused .k-calendar-cell-inner {
|
|
17447
|
+
.k-calendar-td.k-focus .k-calendar-cell-inner {
|
|
17523
17448
|
box-shadow: $calendar-cell-focused-shadow;
|
|
17524
17449
|
}
|
|
17525
17450
|
.k-calendar-td.k-selected:focus .k-calendar-cell-inner,
|
|
17526
|
-
.k-calendar-td.k-selected.k-focus .k-calendar-cell-inner
|
|
17527
|
-
.k-calendar-td.k-state-selected.k-state-focus .k-calendar-cell-inner {
|
|
17451
|
+
.k-calendar-td.k-selected.k-focus .k-calendar-cell-inner {
|
|
17528
17452
|
box-shadow: $calendar-cell-selected-focus-shadow;
|
|
17529
17453
|
}
|
|
17530
17454
|
|
|
@@ -17538,8 +17462,7 @@ $kendo-calendar-sizes: (
|
|
|
17538
17462
|
box-shadow: inset -1px 0 $calendar-navigation-border;
|
|
17539
17463
|
|
|
17540
17464
|
li:hover,
|
|
17541
|
-
li.k-hover
|
|
17542
|
-
li.k-state-hover {
|
|
17465
|
+
li.k-hover {
|
|
17543
17466
|
color: $calendar-today-nav-hover-text;
|
|
17544
17467
|
}
|
|
17545
17468
|
}
|
|
@@ -17562,7 +17485,6 @@ $kendo-calendar-sizes: (
|
|
|
17562
17485
|
// Invalid
|
|
17563
17486
|
&.k-invalid,
|
|
17564
17487
|
&.k-invalid:hover,
|
|
17565
|
-
&.k-state-invalid,
|
|
17566
17488
|
&.ng-invalid.ng-touched,
|
|
17567
17489
|
&.ng-invalid.ng-dirty {
|
|
17568
17490
|
border-color: $invalid-border;
|
|
@@ -17610,9 +17532,7 @@ $kendo-calendar-sizes: (
|
|
|
17610
17532
|
}
|
|
17611
17533
|
|
|
17612
17534
|
.k-range-start.k-active,
|
|
17613
|
-
.k-range-
|
|
17614
|
-
.k-range-end.k-active,
|
|
17615
|
-
.k-range-end.k-state-active {
|
|
17535
|
+
.k-range-end.k-active {
|
|
17616
17536
|
.k-calendar-cell-inner {
|
|
17617
17537
|
box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, .2);
|
|
17618
17538
|
}
|
|
@@ -17848,7 +17768,6 @@ $kendo-time-selector-sizes: (
|
|
|
17848
17768
|
display: block;
|
|
17849
17769
|
}
|
|
17850
17770
|
|
|
17851
|
-
&.k-state-focused,
|
|
17852
17771
|
&.k-focus {
|
|
17853
17772
|
&::before,
|
|
17854
17773
|
&::after {
|
|
@@ -18023,7 +17942,6 @@ $kendo-time-selector-sizes: (
|
|
|
18023
17942
|
color: $time-list-title-text;
|
|
18024
17943
|
}
|
|
18025
17944
|
|
|
18026
|
-
&.k-state-focused,
|
|
18027
17945
|
&.k-focus {
|
|
18028
17946
|
.k-title {
|
|
18029
17947
|
color: $time-list-title-focus-text;
|
|
@@ -18341,18 +18259,14 @@ $colorpalette-tile-selected-shadow: 0 1px 3px 1px rgba( black, .3 ), inset 0 0 0
|
|
|
18341
18259
|
-ms-high-contrast-adjust: none;
|
|
18342
18260
|
|
|
18343
18261
|
&:hover,
|
|
18344
|
-
&.k-state-hover,
|
|
18345
18262
|
&.k-hover {
|
|
18346
18263
|
position: relative;
|
|
18347
18264
|
z-index: 101;
|
|
18348
18265
|
}
|
|
18349
18266
|
|
|
18350
18267
|
&:focus,
|
|
18351
|
-
&.k-state-focus,
|
|
18352
18268
|
&.k-focus,
|
|
18353
|
-
&.k-state-selected,
|
|
18354
18269
|
&.k-selected,
|
|
18355
|
-
&.k-state-selected:hover,
|
|
18356
18270
|
&.k-selected:hover {
|
|
18357
18271
|
position: relative;
|
|
18358
18272
|
z-index: 100;
|
|
@@ -18372,20 +18286,15 @@ $colorpalette-tile-selected-shadow: 0 1px 3px 1px rgba( black, .3 ), inset 0 0 0
|
|
|
18372
18286
|
.k-colorpalette-tile {
|
|
18373
18287
|
|
|
18374
18288
|
&:focus,
|
|
18375
|
-
&.k-state-focus,
|
|
18376
18289
|
&.k-focus {
|
|
18377
18290
|
@include box-shadow( $colorpalette-tile-focus-shadow );
|
|
18378
18291
|
}
|
|
18379
18292
|
|
|
18380
18293
|
&:hover,
|
|
18381
|
-
&.k-state-hover,
|
|
18382
18294
|
&.k-hover {
|
|
18383
18295
|
@include box-shadow( $colorpalette-tile-hover-shadow );
|
|
18384
18296
|
}
|
|
18385
18297
|
|
|
18386
|
-
&.k-state-selected,
|
|
18387
|
-
&.k-selected,
|
|
18388
|
-
&.k-state-selected:hover,
|
|
18389
18298
|
&.k-selected,
|
|
18390
18299
|
&.k-selected:hover {
|
|
18391
18300
|
@include box-shadow( $colorpalette-tile-selected-shadow );
|
|
@@ -18765,7 +18674,6 @@ $colorgradient-contrast-spacer: ( $colorgradient-spacer / 1.5 ) !default;
|
|
|
18765
18674
|
}
|
|
18766
18675
|
|
|
18767
18676
|
.k-colorgradient:focus,
|
|
18768
|
-
.k-colorgradient.k-state-focus,
|
|
18769
18677
|
.k-colorgradient.k-focus {
|
|
18770
18678
|
@include fill( $border: $colorgradient-focus-border );
|
|
18771
18679
|
@include box-shadow( $colorgradient-focus-shadow );
|
|
@@ -18786,16 +18694,15 @@ $colorgradient-contrast-spacer: ( $colorgradient-spacer / 1.5 ) !default;
|
|
|
18786
18694
|
@include box-shadow( $colorgradient-draghandle-shadow );
|
|
18787
18695
|
|
|
18788
18696
|
&:focus,
|
|
18789
|
-
&.k-state-focus,
|
|
18790
18697
|
&.k-focus {
|
|
18791
18698
|
@include fill( $bg: transparent, $border: $white );
|
|
18792
18699
|
@include box-shadow( $colorgradient-draghandle-focus-shadow );
|
|
18793
18700
|
}
|
|
18794
18701
|
|
|
18795
|
-
&:active,
|
|
18796
18702
|
&:hover,
|
|
18797
|
-
&.k-
|
|
18798
|
-
&.k-
|
|
18703
|
+
&.k-hover,
|
|
18704
|
+
&.k-active,
|
|
18705
|
+
&:active {
|
|
18799
18706
|
@include fill( $bg: transparent, $border: $white );
|
|
18800
18707
|
@include box-shadow( $colorgradient-draghandle-hover-shadow );
|
|
18801
18708
|
}
|
|
@@ -18991,7 +18898,6 @@ $coloreditor-views-gap: $coloreditor-spacer !default;
|
|
|
18991
18898
|
}
|
|
18992
18899
|
|
|
18993
18900
|
.k-coloreditor:focus,
|
|
18994
|
-
.k-coloreditor.k-state-focus,
|
|
18995
18901
|
.k-coloreditor.k-focus {
|
|
18996
18902
|
@include fill( $border: $coloreditor-focus-border );
|
|
18997
18903
|
@include box-shadow( $coloreditor-focus-shadow );
|
|
@@ -20286,7 +20192,7 @@ $rating-icon-focused-selected-shadow: 0 2px 4px rgba( $black, .1) !default;
|
|
|
20286
20192
|
box-sizing: border-box;
|
|
20287
20193
|
}
|
|
20288
20194
|
|
|
20289
|
-
&.k-
|
|
20195
|
+
&.k-readonly {
|
|
20290
20196
|
pointer-events: none;
|
|
20291
20197
|
}
|
|
20292
20198
|
}
|
|
@@ -20366,7 +20272,6 @@ $rating-icon-focused-selected-shadow: 0 2px 4px rgba( $black, .1) !default;
|
|
|
20366
20272
|
color: $component-text;
|
|
20367
20273
|
|
|
20368
20274
|
&:focus,
|
|
20369
|
-
&.k-state-focused,
|
|
20370
20275
|
&.k-focus {
|
|
20371
20276
|
|
|
20372
20277
|
.k-rating-item {
|
|
@@ -20374,7 +20279,6 @@ $rating-icon-focused-selected-shadow: 0 2px 4px rgba( $black, .1) !default;
|
|
|
20374
20279
|
text-shadow: $rating-icon-focused-shadow;
|
|
20375
20280
|
}
|
|
20376
20281
|
|
|
20377
|
-
&.k-state-selected > .k-icon,
|
|
20378
20282
|
&.k-selected > .k-icon {
|
|
20379
20283
|
text-shadow: $rating-icon-focused-selected-shadow;
|
|
20380
20284
|
}
|
|
@@ -20385,19 +20289,16 @@ $rating-icon-focused-selected-shadow: 0 2px 4px rgba( $black, .1) !default;
|
|
|
20385
20289
|
.k-rating-item {
|
|
20386
20290
|
color: $rating-icon-text;
|
|
20387
20291
|
|
|
20388
|
-
&.k-state-selected,
|
|
20389
20292
|
&.k-selected {
|
|
20390
20293
|
color: $rating-icon-selected-text;
|
|
20391
20294
|
|
|
20392
20295
|
&:focus,
|
|
20393
|
-
&.k-state-focused,
|
|
20394
20296
|
&.k-focus {
|
|
20395
20297
|
color: $rating-icon-focused-text;
|
|
20396
20298
|
}
|
|
20397
20299
|
}
|
|
20398
20300
|
|
|
20399
20301
|
&:hover,
|
|
20400
|
-
&.k-state-hover,
|
|
20401
20302
|
&.k-hover {
|
|
20402
20303
|
color: $rating-icon-hover-text;
|
|
20403
20304
|
cursor: pointer;
|
|
@@ -20405,7 +20306,6 @@ $rating-icon-focused-selected-shadow: 0 2px 4px rgba( $black, .1) !default;
|
|
|
20405
20306
|
}
|
|
20406
20307
|
}
|
|
20407
20308
|
|
|
20408
|
-
|
|
20409
20309
|
// #endregion
|
|
20410
20310
|
|
|
20411
20311
|
// #endregion
|
|
@@ -21629,7 +21529,6 @@ $upload-focused-shadow: 0 0 0 2px rgba(0, 0, 0, .13) !default;
|
|
|
21629
21529
|
z-index: 1;
|
|
21630
21530
|
}
|
|
21631
21531
|
input[disabled],
|
|
21632
|
-
input.k-state-disabled,
|
|
21633
21532
|
input.k-disabled {
|
|
21634
21533
|
visibility: hidden;
|
|
21635
21534
|
}
|
|
@@ -21677,12 +21576,10 @@ $upload-focused-shadow: 0 0 0 2px rgba(0, 0, 0, .13) !default;
|
|
|
21677
21576
|
|
|
21678
21577
|
.k-file {
|
|
21679
21578
|
|
|
21680
|
-
&.k-state-focused,
|
|
21681
21579
|
&.k-focus {
|
|
21682
21580
|
box-shadow: inset $upload-focused-shadow;
|
|
21683
21581
|
}
|
|
21684
21582
|
|
|
21685
|
-
.k-upload-action.k-state-focused,
|
|
21686
21583
|
.k-upload-action.k-focus {
|
|
21687
21584
|
box-shadow: $upload-focused-shadow;
|
|
21688
21585
|
}
|
|
@@ -21774,7 +21671,6 @@ $upload-focused-shadow: 0 0 0 2px rgba(0, 0, 0, .13) !default;
|
|
|
21774
21671
|
}
|
|
21775
21672
|
|
|
21776
21673
|
// Invalid,
|
|
21777
|
-
&.k-state-invalid,
|
|
21778
21674
|
&.k-invalid,
|
|
21779
21675
|
&.ng-invalid.ng-touched,
|
|
21780
21676
|
&.ng-invalid.ng-dirty {
|
|
@@ -22809,7 +22705,6 @@ $actionsheet-item-disabled-shadow: null !default;
|
|
|
22809
22705
|
|
|
22810
22706
|
// Hover state
|
|
22811
22707
|
&:hover,
|
|
22812
|
-
&.k-state-hover,
|
|
22813
22708
|
&.k-hover {
|
|
22814
22709
|
@include fill(
|
|
22815
22710
|
$actionsheet-item-hover-text,
|
|
@@ -22823,7 +22718,6 @@ $actionsheet-item-disabled-shadow: null !default;
|
|
|
22823
22718
|
|
|
22824
22719
|
// Focus state
|
|
22825
22720
|
&:focus,
|
|
22826
|
-
&.k-state-focus,
|
|
22827
22721
|
&.k-focus {
|
|
22828
22722
|
@include fill(
|
|
22829
22723
|
$actionsheet-item-focus-text,
|
|
@@ -22837,7 +22731,6 @@ $actionsheet-item-disabled-shadow: null !default;
|
|
|
22837
22731
|
|
|
22838
22732
|
// Disabed state
|
|
22839
22733
|
&:disabled,
|
|
22840
|
-
&.k-state-disabled,
|
|
22841
22734
|
&.k-disabled {
|
|
22842
22735
|
@include fill(
|
|
22843
22736
|
$actionsheet-item-disabled-text,
|
|
@@ -23082,7 +22975,6 @@ $actionsheet-item-disabled-shadow: null !default;
|
|
|
23082
22975
|
|
|
23083
22976
|
.k-window {
|
|
23084
22977
|
&:focus,
|
|
23085
|
-
&.k-state-focused,
|
|
23086
22978
|
&.k-focus {
|
|
23087
22979
|
@include box-shadow( $window-focused-shadow );
|
|
23088
22980
|
}
|
|
@@ -23567,33 +23459,28 @@ $drawer-selected-hover-text: $selected-hover-text !default;
|
|
|
23567
23459
|
.k-drawer-item {
|
|
23568
23460
|
|
|
23569
23461
|
&:hover,
|
|
23570
|
-
&.k-state-hover,
|
|
23571
23462
|
&.k-hover {
|
|
23572
23463
|
color: $drawer-hovered-text;
|
|
23573
23464
|
background-color: $drawer-hovered-bg;
|
|
23574
23465
|
}
|
|
23575
23466
|
|
|
23576
23467
|
&:focus,
|
|
23577
|
-
&.k-state-focused,
|
|
23578
23468
|
&.k-focus {
|
|
23579
23469
|
background-color: $drawer-focused-bg;
|
|
23580
23470
|
box-shadow: $drawer-focused-shadow;
|
|
23581
23471
|
|
|
23582
23472
|
&:hover,
|
|
23583
|
-
&.k-state-hover,
|
|
23584
23473
|
&.k-hover {
|
|
23585
23474
|
color: $drawer-hovered-text;
|
|
23586
23475
|
background-color: $drawer-hovered-bg;
|
|
23587
23476
|
}
|
|
23588
23477
|
}
|
|
23589
23478
|
|
|
23590
|
-
&.k-state-selected,
|
|
23591
23479
|
&.k-selected {
|
|
23592
23480
|
color: $drawer-selected-text;
|
|
23593
23481
|
background-color: $drawer-selected-bg;
|
|
23594
23482
|
|
|
23595
23483
|
&:hover,
|
|
23596
|
-
&.k-state-hover,
|
|
23597
23484
|
&.k-hover {
|
|
23598
23485
|
color: $drawer-selected-hover-text;
|
|
23599
23486
|
background-color: $drawer-selected-hover-bg;
|
|
@@ -24336,8 +24223,7 @@ $card-callout-height: 20px !default;
|
|
|
24336
24223
|
}
|
|
24337
24224
|
|
|
24338
24225
|
&:focus,
|
|
24339
|
-
&.k-focus
|
|
24340
|
-
&.k-state-focus {
|
|
24226
|
+
&.k-focus {
|
|
24341
24227
|
@include fill(
|
|
24342
24228
|
$card-focus-text,
|
|
24343
24229
|
$card-focus-bg,
|
|
@@ -24346,8 +24232,7 @@ $card-callout-height: 20px !default;
|
|
|
24346
24232
|
@include box-shadow( $card-focus-shadow );
|
|
24347
24233
|
}
|
|
24348
24234
|
|
|
24349
|
-
&.k-selected
|
|
24350
|
-
&.k-state-selected {
|
|
24235
|
+
&.k-selected {
|
|
24351
24236
|
@include box-shadow( $card-focus-shadow );
|
|
24352
24237
|
}
|
|
24353
24238
|
}
|
|
@@ -24399,10 +24284,8 @@ $card-callout-height: 20px !default;
|
|
|
24399
24284
|
|
|
24400
24285
|
|
|
24401
24286
|
.k-card-wrap {
|
|
24402
|
-
&.k-state-focused,
|
|
24403
|
-
&.k-focus,
|
|
24404
24287
|
&:focus,
|
|
24405
|
-
&.k-
|
|
24288
|
+
&.k-focus,
|
|
24406
24289
|
&.k-selected {
|
|
24407
24290
|
> .k-card {
|
|
24408
24291
|
@include box-shadow( $card-focus-shadow );
|
|
@@ -24836,7 +24719,6 @@ $bottom-nav-flat-border: $component-border !default;
|
|
|
24836
24719
|
outline: 0;
|
|
24837
24720
|
}
|
|
24838
24721
|
}
|
|
24839
|
-
.k-bottom-nav-item.k-state-disabled,
|
|
24840
24722
|
.k-bottom-nav-item.k-disabled {
|
|
24841
24723
|
background-color: initial;
|
|
24842
24724
|
}
|
|
@@ -24883,15 +24765,11 @@ $bottom-nav-flat-border: $component-border !default;
|
|
|
24883
24765
|
$bg: $color
|
|
24884
24766
|
);
|
|
24885
24767
|
|
|
24886
|
-
.k-bottom-nav-item.k-state-focus,
|
|
24887
|
-
.k-bottom-nav-item.k-focus,
|
|
24888
|
-
.k-bottom-nav-item.k-state-focused,
|
|
24889
24768
|
.k-bottom-nav-item.k-focus,
|
|
24890
24769
|
.k-bottom-nav-item:focus {
|
|
24891
24770
|
@include fill( $bg: rgba(true-mix( $color, contrast-wcag( $color ), 35%), .2));
|
|
24892
24771
|
}
|
|
24893
24772
|
|
|
24894
|
-
.k-bottom-nav-item.k-state-selected,
|
|
24895
24773
|
.k-bottom-nav-item.k-selected {
|
|
24896
24774
|
@include fill( $color: contrast-wcag( $color ) );
|
|
24897
24775
|
}
|
|
@@ -24906,16 +24784,12 @@ $bottom-nav-flat-border: $component-border !default;
|
|
|
24906
24784
|
$bottom-nav-flat-border
|
|
24907
24785
|
);
|
|
24908
24786
|
|
|
24909
|
-
.k-bottom-nav-item.k-state-focus,
|
|
24910
|
-
.k-bottom-nav-item.k-focus,
|
|
24911
|
-
.k-bottom-nav-item.k-state-focused,
|
|
24912
24787
|
.k-bottom-nav-item.k-focus,
|
|
24913
24788
|
.k-bottom-nav-item:focus {
|
|
24914
24789
|
@include fill( $bg: rgba($bottom-nav-flat-text, .05) );
|
|
24915
24790
|
}
|
|
24916
24791
|
|
|
24917
24792
|
@each $name, $color in $kendo-theme-colors {
|
|
24918
|
-
&.k-bottom-nav-#{$name} .k-bottom-nav-item.k-state-selected,
|
|
24919
24793
|
&.k-bottom-nav-#{$name} .k-bottom-nav-item.k-selected {
|
|
24920
24794
|
@if $name == "secondary" or $name == "light" {
|
|
24921
24795
|
@include fill( $color: try-shade($color, 3) );
|
|
@@ -25176,7 +25050,6 @@ $breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
|
|
|
25176
25050
|
);
|
|
25177
25051
|
|
|
25178
25052
|
&:focus,
|
|
25179
|
-
&.k-state-focused,
|
|
25180
25053
|
&.k-focus {
|
|
25181
25054
|
@include box-shadow( $breadcrumb-focused-shadow );
|
|
25182
25055
|
}
|
|
@@ -25193,7 +25066,6 @@ $breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
|
|
|
25193
25066
|
|
|
25194
25067
|
// Hovered state
|
|
25195
25068
|
&:hover,
|
|
25196
|
-
&.k-state-hover,
|
|
25197
25069
|
&.k-hover {
|
|
25198
25070
|
@include fill(
|
|
25199
25071
|
$breadcrumb-link-hovered-text,
|
|
@@ -25204,7 +25076,6 @@ $breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
|
|
|
25204
25076
|
|
|
25205
25077
|
// Focused state
|
|
25206
25078
|
&:focus,
|
|
25207
|
-
&.k-state-focused,
|
|
25208
25079
|
&.k-focus {
|
|
25209
25080
|
@include fill(
|
|
25210
25081
|
$breadcrumb-link-focused-text,
|
|
@@ -25226,7 +25097,6 @@ $breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
|
|
|
25226
25097
|
|
|
25227
25098
|
// Hovered state
|
|
25228
25099
|
&:hover,
|
|
25229
|
-
&.k-state-hover,
|
|
25230
25100
|
&.k-hover {
|
|
25231
25101
|
@include fill(
|
|
25232
25102
|
$breadcrumb-root-link-hovered-text,
|
|
@@ -25237,7 +25107,6 @@ $breadcrumb-focused-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
|
|
|
25237
25107
|
|
|
25238
25108
|
// Focused state
|
|
25239
25109
|
&:focus,
|
|
25240
|
-
&.k-state-focused,
|
|
25241
25110
|
&.k-focus {
|
|
25242
25111
|
@include fill(
|
|
25243
25112
|
$breadcrumb-root-link-focused-text,
|
|
@@ -25387,7 +25256,6 @@ $pager-dropdown-width: 5em !default;
|
|
|
25387
25256
|
|
|
25388
25257
|
// Focused state
|
|
25389
25258
|
&:focus,
|
|
25390
|
-
&.k-state-focus,
|
|
25391
25259
|
&.k-focus {
|
|
25392
25260
|
z-index: 3;
|
|
25393
25261
|
}
|
|
@@ -25441,7 +25309,6 @@ $pager-dropdown-width: 5em !default;
|
|
|
25441
25309
|
&:hover {
|
|
25442
25310
|
z-index: 2;
|
|
25443
25311
|
}
|
|
25444
|
-
&.k-state-disabled,
|
|
25445
25312
|
&.k-disabled {
|
|
25446
25313
|
color: inherit;
|
|
25447
25314
|
}
|
|
@@ -25491,7 +25358,6 @@ $pager-dropdown-width: 5em !default;
|
|
|
25491
25358
|
}
|
|
25492
25359
|
|
|
25493
25360
|
// Selected state
|
|
25494
|
-
.k-state-selected,
|
|
25495
25361
|
.k-selected {
|
|
25496
25362
|
cursor: inherit;
|
|
25497
25363
|
z-index: 2;
|
|
@@ -25639,9 +25505,6 @@ $pager-dropdown-width: 5em !default;
|
|
|
25639
25505
|
);
|
|
25640
25506
|
|
|
25641
25507
|
&:focus,
|
|
25642
|
-
&.k-focus,
|
|
25643
|
-
&.k-state-focus,
|
|
25644
|
-
&.k-state-focused,
|
|
25645
25508
|
&.k-focus {
|
|
25646
25509
|
@include fill( $bg: $pager-focus-bg );
|
|
25647
25510
|
@include box-shadow( $pager-focus-shadow );
|
|
@@ -25657,7 +25520,6 @@ $pager-dropdown-width: 5em !default;
|
|
|
25657
25520
|
);
|
|
25658
25521
|
|
|
25659
25522
|
&:hover,
|
|
25660
|
-
&.k-state-hover,
|
|
25661
25523
|
&.k-hover {
|
|
25662
25524
|
@include fill(
|
|
25663
25525
|
$pager-item-hover-text,
|
|
@@ -25666,7 +25528,6 @@ $pager-dropdown-width: 5em !default;
|
|
|
25666
25528
|
);
|
|
25667
25529
|
}
|
|
25668
25530
|
|
|
25669
|
-
&.k-state-selected,
|
|
25670
25531
|
&.k-selected {
|
|
25671
25532
|
@include fill(
|
|
25672
25533
|
$pager-item-selected-text,
|
|
@@ -25676,7 +25537,6 @@ $pager-dropdown-width: 5em !default;
|
|
|
25676
25537
|
}
|
|
25677
25538
|
|
|
25678
25539
|
&:focus,
|
|
25679
|
-
&.k-state-focus,
|
|
25680
25540
|
&.k-focus {
|
|
25681
25541
|
background-color: $pager-item-focus-bg;
|
|
25682
25542
|
@include box-shadow( $pager-item-focus-shadow );
|
|
@@ -25700,7 +25560,6 @@ $pager-dropdown-width: 5em !default;
|
|
|
25700
25560
|
);
|
|
25701
25561
|
|
|
25702
25562
|
&:hover,
|
|
25703
|
-
&.k-state-hover,
|
|
25704
25563
|
&.k-hover {
|
|
25705
25564
|
@include fill(
|
|
25706
25565
|
$pager-number-hover-text,
|
|
@@ -25710,13 +25569,11 @@ $pager-dropdown-width: 5em !default;
|
|
|
25710
25569
|
}
|
|
25711
25570
|
|
|
25712
25571
|
&:focus,
|
|
25713
|
-
&.k-state-focus,
|
|
25714
25572
|
&.k-focus {
|
|
25715
25573
|
background-color: $pager-number-focus-bg;
|
|
25716
25574
|
@include box-shadow( $pager-number-focus-shadow );
|
|
25717
25575
|
}
|
|
25718
25576
|
|
|
25719
|
-
&.k-state-selected,
|
|
25720
25577
|
&.k-selected {
|
|
25721
25578
|
@include fill(
|
|
25722
25579
|
$pager-number-selected-text,
|
|
@@ -25749,7 +25606,6 @@ $pager-dropdown-width: 5em !default;
|
|
|
25749
25606
|
);
|
|
25750
25607
|
|
|
25751
25608
|
&:hover,
|
|
25752
|
-
&.k-state-hover,
|
|
25753
25609
|
&.k-hover {
|
|
25754
25610
|
@include fill(
|
|
25755
25611
|
$dropdownlist-hovered-text,
|
|
@@ -25759,7 +25615,7 @@ $pager-dropdown-width: 5em !default;
|
|
|
25759
25615
|
}
|
|
25760
25616
|
}
|
|
25761
25617
|
|
|
25762
|
-
&.k-
|
|
25618
|
+
&.k-expanded {
|
|
25763
25619
|
@include fill(
|
|
25764
25620
|
$popup-text,
|
|
25765
25621
|
$popup-bg,
|
|
@@ -25770,7 +25626,6 @@ $pager-dropdown-width: 5em !default;
|
|
|
25770
25626
|
.k-link {
|
|
25771
25627
|
|
|
25772
25628
|
&:hover,
|
|
25773
|
-
&.k-state-hover,
|
|
25774
25629
|
&.k-hover {
|
|
25775
25630
|
@include fill(
|
|
25776
25631
|
$kendo-list-item-hover-text,
|
|
@@ -25778,7 +25633,6 @@ $pager-dropdown-width: 5em !default;
|
|
|
25778
25633
|
);
|
|
25779
25634
|
}
|
|
25780
25635
|
|
|
25781
|
-
&.k-state-selected,
|
|
25782
25636
|
&.k-selected {
|
|
25783
25637
|
@include fill(
|
|
25784
25638
|
$kendo-list-item-selected-text,
|
|
@@ -26381,7 +26235,6 @@ $stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !def
|
|
|
26381
26235
|
$bg: $stepper-progressbar-bg
|
|
26382
26236
|
);
|
|
26383
26237
|
|
|
26384
|
-
.k-state-selected,
|
|
26385
26238
|
.k-selected {
|
|
26386
26239
|
@include fill(
|
|
26387
26240
|
$color: $stepper-progressbar-fill-text,
|
|
@@ -26632,13 +26485,11 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
26632
26485
|
position: relative;
|
|
26633
26486
|
z-index: 1;
|
|
26634
26487
|
|
|
26635
|
-
&.k-state-active,
|
|
26636
26488
|
&.k-active {
|
|
26637
26489
|
display: block;
|
|
26638
26490
|
}
|
|
26639
26491
|
|
|
26640
26492
|
&:focus,
|
|
26641
|
-
&.k-state-focused,
|
|
26642
26493
|
&.k-focus {
|
|
26643
26494
|
outline-width: 1px;
|
|
26644
26495
|
outline-style: dotted;
|
|
@@ -26727,7 +26578,6 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
26727
26578
|
margin-left: $tabstrip-item-gap;
|
|
26728
26579
|
}
|
|
26729
26580
|
|
|
26730
|
-
.k-item.k-state-active,
|
|
26731
26581
|
.k-item.k-active {
|
|
26732
26582
|
border-bottom-color: transparent;
|
|
26733
26583
|
}
|
|
@@ -26757,7 +26607,6 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
26757
26607
|
margin-left: $tabstrip-item-gap;
|
|
26758
26608
|
}
|
|
26759
26609
|
|
|
26760
|
-
.k-item.k-state-active,
|
|
26761
26610
|
.k-item.k-active {
|
|
26762
26611
|
border-top-color: transparent;
|
|
26763
26612
|
}
|
|
@@ -26791,7 +26640,6 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
26791
26640
|
margin-top: $tabstrip-item-gap;
|
|
26792
26641
|
}
|
|
26793
26642
|
|
|
26794
|
-
.k-item.k-state-active,
|
|
26795
26643
|
.k-item.k-active {
|
|
26796
26644
|
border-right-color: transparent;
|
|
26797
26645
|
}
|
|
@@ -26827,7 +26675,6 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
26827
26675
|
margin-top: $tabstrip-item-gap;
|
|
26828
26676
|
}
|
|
26829
26677
|
|
|
26830
|
-
.k-item.k-state-active,
|
|
26831
26678
|
.k-item.k-active {
|
|
26832
26679
|
border-left-color: transparent;
|
|
26833
26680
|
}
|
|
@@ -26873,7 +26720,6 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
26873
26720
|
border-left-width: $tabstrip-indicator-size;
|
|
26874
26721
|
}
|
|
26875
26722
|
}
|
|
26876
|
-
.k-item.k-state-active::after,
|
|
26877
26723
|
.k-item.k-active::after {
|
|
26878
26724
|
display: block;
|
|
26879
26725
|
}
|
|
@@ -26947,7 +26793,6 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
26947
26793
|
);
|
|
26948
26794
|
|
|
26949
26795
|
&:hover,
|
|
26950
|
-
&.k-state-hover,
|
|
26951
26796
|
&.k-hover {
|
|
26952
26797
|
@include fill(
|
|
26953
26798
|
$tabstrip-item-hovered-text,
|
|
@@ -26958,9 +26803,7 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
26958
26803
|
}
|
|
26959
26804
|
|
|
26960
26805
|
&:active,
|
|
26961
|
-
&.k-state-active,
|
|
26962
26806
|
&.k-active,
|
|
26963
|
-
&.k-state-selected,
|
|
26964
26807
|
&.k-selected {
|
|
26965
26808
|
@include fill(
|
|
26966
26809
|
$tabstrip-item-selected-text,
|
|
@@ -26971,7 +26814,6 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
26971
26814
|
}
|
|
26972
26815
|
|
|
26973
26816
|
&:focus,
|
|
26974
|
-
&.k-state-focused,
|
|
26975
26817
|
&.k-focus {
|
|
26976
26818
|
@include box-shadow( $tabstrip-item-focused-shadow );
|
|
26977
26819
|
}
|
|
@@ -26994,7 +26836,6 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
26994
26836
|
);
|
|
26995
26837
|
|
|
26996
26838
|
&:focus,
|
|
26997
|
-
&.k-state-focused,
|
|
26998
26839
|
&.k-focus {
|
|
26999
26840
|
outline-color: $tabstrip-content-border-focused;
|
|
27000
26841
|
}
|
|
@@ -27005,7 +26846,6 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
27005
26846
|
@if ($tabstrip-indicator-size) {
|
|
27006
26847
|
|
|
27007
26848
|
.k-tabstrip-items-wrapper {
|
|
27008
|
-
.k-item.k-state-active::after,
|
|
27009
26849
|
.k-item.k-active::after {
|
|
27010
26850
|
border-color: $tabstrip-indicator-color;
|
|
27011
26851
|
}
|
|
@@ -27099,7 +26939,6 @@ $wizard-focused-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default;
|
|
|
27099
26939
|
justify-content: space-between;
|
|
27100
26940
|
|
|
27101
26941
|
&:focus,
|
|
27102
|
-
&.k-state-focused,
|
|
27103
26942
|
&.k-focus {
|
|
27104
26943
|
outline-width: 1px;
|
|
27105
26944
|
outline-style: dotted;
|
|
@@ -27194,20 +27033,20 @@ $wizard-focused-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default;
|
|
|
27194
27033
|
// #region @import "_theme.scss"; -> packages/classic/scss/wizard/_theme.scss
|
|
27195
27034
|
// #region @import "~@progress/kendo-theme-default/scss/wizard/_theme.scss"; -> packages/classic/node_modules/@progress/kendo-theme-default/scss/wizard/_theme.scss
|
|
27196
27035
|
@include exports("wizard/theme") {
|
|
27036
|
+
|
|
27197
27037
|
.k-wizard-step {
|
|
27198
27038
|
&:focus,
|
|
27199
|
-
&.k-state-focused,
|
|
27200
27039
|
&.k-focus {
|
|
27201
27040
|
outline-color: $wizard-step-border-focused;
|
|
27202
27041
|
}
|
|
27203
27042
|
|
|
27204
27043
|
.k-ie &:focus,
|
|
27205
|
-
.k-ie &.k-state-focused,
|
|
27206
27044
|
.k-ie &.k-focus {
|
|
27207
27045
|
@include box-shadow($wizard-focused-shadow);
|
|
27208
27046
|
outline: none;
|
|
27209
27047
|
}
|
|
27210
27048
|
}
|
|
27049
|
+
|
|
27211
27050
|
}
|
|
27212
27051
|
|
|
27213
27052
|
// #endregion
|
|
@@ -27373,7 +27212,6 @@ $expander-content-padding-y: $padding-y * 4 !default;
|
|
|
27373
27212
|
$expander-border
|
|
27374
27213
|
);
|
|
27375
27214
|
|
|
27376
|
-
&.k-state-focus,
|
|
27377
27215
|
&.k-focus {
|
|
27378
27216
|
box-shadow: $expander-focus-shadow;
|
|
27379
27217
|
}
|
|
@@ -27388,13 +27226,10 @@ $expander-content-padding-y: $padding-y * 4 !default;
|
|
|
27388
27226
|
outline: none;
|
|
27389
27227
|
|
|
27390
27228
|
&:hover,
|
|
27391
|
-
&.k-state-hover,
|
|
27392
27229
|
&.k-hover {
|
|
27393
27230
|
background-color: $expander-header-hover-bg;
|
|
27394
27231
|
}
|
|
27395
27232
|
|
|
27396
|
-
// Should be removed
|
|
27397
|
-
&.k-state-focused,
|
|
27398
27233
|
&.k-focus {
|
|
27399
27234
|
background-color: $expander-header-focused-bg;
|
|
27400
27235
|
box-shadow: $expander-header-focused-shadow;
|
|
@@ -27641,6 +27476,10 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
27641
27476
|
}
|
|
27642
27477
|
}
|
|
27643
27478
|
|
|
27479
|
+
// Panelbar item
|
|
27480
|
+
.k-panelbar-item {
|
|
27481
|
+
outline-style: none;
|
|
27482
|
+
}
|
|
27644
27483
|
|
|
27645
27484
|
// Panelbar content
|
|
27646
27485
|
.k-panelbar-content {
|
|
@@ -27742,7 +27581,6 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
27742
27581
|
> .k-item,
|
|
27743
27582
|
> .k-panelbar-header {
|
|
27744
27583
|
|
|
27745
|
-
&.k-state-expanded.k-level-0 > .k-link,
|
|
27746
27584
|
&.k-expanded.k-level-0 > .k-link {
|
|
27747
27585
|
@include fill(
|
|
27748
27586
|
$panelbar-header-expanded-text,
|
|
@@ -27769,7 +27607,6 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
27769
27607
|
|
|
27770
27608
|
// Hover
|
|
27771
27609
|
> .k-link:hover,
|
|
27772
|
-
> .k-link.k-state-hover,
|
|
27773
27610
|
> .k-link.k-hover {
|
|
27774
27611
|
@include fill(
|
|
27775
27612
|
$panelbar-header-hovered-text,
|
|
@@ -27781,9 +27618,6 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
27781
27618
|
|
|
27782
27619
|
// Focus
|
|
27783
27620
|
> .k-link:focus,
|
|
27784
|
-
> .k-link.k-state-focus,
|
|
27785
|
-
> .k-link.k-focus,
|
|
27786
|
-
> .k-link.k-state-focused,
|
|
27787
27621
|
> .k-link.k-focus {
|
|
27788
27622
|
@include fill(
|
|
27789
27623
|
$panelbar-header-focused-text,
|
|
@@ -27796,7 +27630,6 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
27796
27630
|
|
|
27797
27631
|
// Focus & Hover
|
|
27798
27632
|
> .k-link:focus:hover,
|
|
27799
|
-
> .k-link.k-state-focus.k-state-hover,
|
|
27800
27633
|
> .k-link.k-focus.k-hover {
|
|
27801
27634
|
@include fill(
|
|
27802
27635
|
$panelbar-header-hovered-focused-text,
|
|
@@ -27807,7 +27640,6 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
27807
27640
|
}
|
|
27808
27641
|
|
|
27809
27642
|
// Selected
|
|
27810
|
-
> .k-link.k-state-selected,
|
|
27811
27643
|
> .k-link.k-selected {
|
|
27812
27644
|
@include fill(
|
|
27813
27645
|
$panelbar-header-selected-text,
|
|
@@ -27823,9 +27655,7 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
27823
27655
|
}
|
|
27824
27656
|
|
|
27825
27657
|
// Selected Hover
|
|
27826
|
-
> .k-link.k-state-selected:hover,
|
|
27827
27658
|
> .k-link.k-selected:hover,
|
|
27828
|
-
> .k-link.k-state-selected.k-state-hover,
|
|
27829
27659
|
> .k-link.k-selected.k-hover {
|
|
27830
27660
|
@include fill(
|
|
27831
27661
|
$panelbar-header-selected-hovered-text,
|
|
@@ -27836,12 +27666,8 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
27836
27666
|
}
|
|
27837
27667
|
|
|
27838
27668
|
// Selected Focus
|
|
27839
|
-
> .k-link.k-state-selected:focus,
|
|
27840
27669
|
> .k-link.k-selected:focus,
|
|
27841
|
-
> .k-link.k-
|
|
27842
|
-
> .k-link.k-selected.k-focus,
|
|
27843
|
-
> .k-link.k-state-selected.k-state-focused,
|
|
27844
|
-
> .k-link.k-selected.k-focused {
|
|
27670
|
+
> .k-link.k-selected.k-focus {
|
|
27845
27671
|
@include fill(
|
|
27846
27672
|
$panelbar-header-selected-focused-text,
|
|
27847
27673
|
$panelbar-header-selected-focused-bg,
|
|
@@ -27851,12 +27677,8 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
27851
27677
|
}
|
|
27852
27678
|
|
|
27853
27679
|
// Selected Focus & Hover
|
|
27854
|
-
> .k-link.k-state-selected:hover:focus,
|
|
27855
27680
|
> .k-link.k-selected:hover:focus,
|
|
27856
|
-
> .k-link.k-
|
|
27857
|
-
> .k-link.k-selected.k-hover.k-state-focus,
|
|
27858
|
-
> .k-link.k-state-selected.k-state-hover.k-state-focused,
|
|
27859
|
-
> .k-link.k-selected.k-hover.k-state-focused {
|
|
27681
|
+
> .k-link.k-selected.k-hover.k-focus {
|
|
27860
27682
|
@include fill(
|
|
27861
27683
|
$panelbar-header-selected-hovered-focused-text,
|
|
27862
27684
|
$panelbar-header-selected-hovered-focused-bg,
|
|
@@ -27873,10 +27695,8 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
27873
27695
|
|
|
27874
27696
|
// Hover
|
|
27875
27697
|
> .k-item > .k-link:hover,
|
|
27876
|
-
> .k-item > .k-link.k-state-hover,
|
|
27877
27698
|
> .k-item > .k-link.k-hover,
|
|
27878
27699
|
> .k-panelbar-item > .k-link:hover,
|
|
27879
|
-
> .k-panelbar-item > .k-link.k-state-hover,
|
|
27880
27700
|
> .k-panelbar-item > .k-link.k-hover {
|
|
27881
27701
|
@include fill(
|
|
27882
27702
|
$panelbar-item-hovered-text,
|
|
@@ -27888,14 +27708,8 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
27888
27708
|
|
|
27889
27709
|
// Focus
|
|
27890
27710
|
> .k-item > .k-link:focus,
|
|
27891
|
-
> .k-item > .k-link.k-state-focus,
|
|
27892
|
-
> .k-item > .k-link.k-focus,
|
|
27893
|
-
> .k-item > .k-link.k-state-focused,
|
|
27894
27711
|
> .k-item > .k-link.k-focus,
|
|
27895
27712
|
> .k-panelbar-item > .k-link:focus,
|
|
27896
|
-
> .k-panelbar-item > .k-link.k-state-focus,
|
|
27897
|
-
> .k-panelbar-item > .k-link.k-focus,
|
|
27898
|
-
> .k-panelbar-item > .k-link.k-state-focused,
|
|
27899
27713
|
> .k-panelbar-item > .k-link.k-focus {
|
|
27900
27714
|
@include fill(
|
|
27901
27715
|
$panelbar-item-focused-text,
|
|
@@ -27908,10 +27722,8 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
27908
27722
|
|
|
27909
27723
|
// Focus & Hover
|
|
27910
27724
|
> .k-item > .k-link:focus:hover,
|
|
27911
|
-
> .k-item > .k-link.k-state-focus.k-state-hover,
|
|
27912
27725
|
> .k-item > .k-link.k-focus.k-hover,
|
|
27913
27726
|
> .k-panelbar-item > .k-link:focus:hover,
|
|
27914
|
-
> .k-panelbar-item > .k-link.k-state-focus.k-state-hover,
|
|
27915
27727
|
> .k-panelbar-item > .k-link.k-focus.k-hover {
|
|
27916
27728
|
@include fill(
|
|
27917
27729
|
$panelbar-item-hovered-focused-text,
|
|
@@ -27922,9 +27734,7 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
27922
27734
|
}
|
|
27923
27735
|
|
|
27924
27736
|
// Selected
|
|
27925
|
-
> .k-item > .k-link.k-state-selected,
|
|
27926
27737
|
> .k-item > .k-link.k-selected,
|
|
27927
|
-
> .k-panelbar-item > .k-link.k-state-selected,
|
|
27928
27738
|
> .k-panelbar-item > .k-link.k-selected {
|
|
27929
27739
|
@include fill(
|
|
27930
27740
|
$panelbar-item-selected-text,
|
|
@@ -27935,13 +27745,9 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
27935
27745
|
}
|
|
27936
27746
|
|
|
27937
27747
|
// Selected Hover
|
|
27938
|
-
> .k-item > .k-link.k-state-selected:hover,
|
|
27939
27748
|
> .k-item > .k-link.k-selected:hover,
|
|
27940
|
-
> .k-item > .k-link.k-state-selected.k-state-hover,
|
|
27941
27749
|
> .k-item > .k-link.k-selected.k-hover,
|
|
27942
|
-
> .k-panelbar-item > .k-link.k-state-selected:hover,
|
|
27943
27750
|
> .k-panelbar-item > .k-link.k-selected:hover,
|
|
27944
|
-
> .k-panelbar-item > .k-link.k-state-selected.k-state-hover,
|
|
27945
27751
|
> .k-panelbar-item > .k-link.k-selected.k-hover {
|
|
27946
27752
|
@include fill(
|
|
27947
27753
|
$panelbar-item-selected-hovered-text,
|
|
@@ -27952,18 +27758,10 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
27952
27758
|
}
|
|
27953
27759
|
|
|
27954
27760
|
// Selected Focus
|
|
27955
|
-
> .k-item > .k-link.k-state-selected:focus,
|
|
27956
27761
|
> .k-item > .k-link.k-selected:focus,
|
|
27957
|
-
> .k-item > .k-link.k-state-selected.k-state-focus,
|
|
27958
27762
|
> .k-item > .k-link.k-selected.k-focus,
|
|
27959
|
-
> .k-item > .k-link.k-state-selected.k-state-focused,
|
|
27960
|
-
> .k-item > .k-link.k-selected.k-focused,
|
|
27961
|
-
> .k-panelbar-item > .k-link.k-state-selected:focus,
|
|
27962
27763
|
> .k-panelbar-item > .k-link.k-selected:focus,
|
|
27963
|
-
> .k-panelbar-item > .k-link.k-
|
|
27964
|
-
> .k-panelbar-item > .k-link.k-selected.k-focus,
|
|
27965
|
-
> .k-item > .k-link.k-state-selected.k-state-focused,
|
|
27966
|
-
> .k-item > .k-link.k-selected.k-focused {
|
|
27764
|
+
> .k-panelbar-item > .k-link.k-selected.k-focus {
|
|
27967
27765
|
@include fill(
|
|
27968
27766
|
$panelbar-item-selected-focused-text,
|
|
27969
27767
|
$panelbar-item-selected-focused-bg,
|
|
@@ -27973,18 +27771,10 @@ $panelbar-header-expanded-gradient: null !default;
|
|
|
27973
27771
|
}
|
|
27974
27772
|
|
|
27975
27773
|
// Selected Focus & Hover
|
|
27976
|
-
> .k-item > .k-link.k-state-selected:focus:hover,
|
|
27977
27774
|
> .k-item > .k-link.k-selected:focus:hover,
|
|
27978
|
-
> .k-item > .k-link.k-
|
|
27979
|
-
> .k-item > .k-link.k-selected.k-focus.k-state-hover,
|
|
27980
|
-
> .k-item > .k-link.k-state-selected.k-state-focused.k-state-hover,
|
|
27981
|
-
> .k-item > .k-link.k-selected.k-focused.k-state-hover,
|
|
27982
|
-
> .k-panelbar-item > .k-link.k-state-selected:focus:hover,
|
|
27775
|
+
> .k-item > .k-link.k-selected.k-focus.k-hover,
|
|
27983
27776
|
> .k-panelbar-item > .k-link.k-selected:focus:hover,
|
|
27984
|
-
> .k-panelbar-item > .k-link.k-
|
|
27985
|
-
> .k-panelbar-item > .k-link.k-selected.k-focus.k-state-hover,
|
|
27986
|
-
> .k-item > .k-link.k-state-selected.k-state-focused.k-state-hover,
|
|
27987
|
-
> .k-item > .k-link.k-selected.k-focused.k-state-hover {
|
|
27777
|
+
> .k-panelbar-item > .k-link.k-selected.k-focus.k-hover {
|
|
27988
27778
|
@include fill(
|
|
27989
27779
|
$panelbar-item-selected-hovered-focused-text,
|
|
27990
27780
|
$panelbar-item-selected-hovered-focused-bg,
|
|
@@ -28222,7 +28012,7 @@ $splitbar-selected-text: $selected-text !default;
|
|
|
28222
28012
|
|
|
28223
28013
|
.k-pane,
|
|
28224
28014
|
.k-pane-flex {
|
|
28225
|
-
&.k-
|
|
28015
|
+
&.k-hidden,
|
|
28226
28016
|
&[hidden] {
|
|
28227
28017
|
// sass-lint:disable-block no-important
|
|
28228
28018
|
// hidden panes need to be zero-width to allow pane animation
|
|
@@ -28271,7 +28061,6 @@ $splitbar-selected-text: $selected-text !default;
|
|
|
28271
28061
|
background-color: $splitbar-bg;
|
|
28272
28062
|
}
|
|
28273
28063
|
.k-splitbar:hover,
|
|
28274
|
-
.k-splitbar.k-state-hover,
|
|
28275
28064
|
.k-splitbar.k-hover,
|
|
28276
28065
|
.k-splitbar-horizontal-hover,
|
|
28277
28066
|
.k-splitbar-vertical-hover {
|
|
@@ -28279,9 +28068,6 @@ $splitbar-selected-text: $selected-text !default;
|
|
|
28279
28068
|
background-color: $splitbar-hover-bg;
|
|
28280
28069
|
}
|
|
28281
28070
|
.k-splitbar:focus,
|
|
28282
|
-
.k-splitbar.k-state-focus,
|
|
28283
|
-
.k-splitbar.k-focus,
|
|
28284
|
-
.k-splitbar.k-state-focused,
|
|
28285
28071
|
.k-splitbar.k-focus {
|
|
28286
28072
|
color: $splitbar-selected-text;
|
|
28287
28073
|
background: $splitbar-selected-bg;
|
|
@@ -28392,9 +28178,6 @@ $tilelayout-hint-border: $component-border !default;
|
|
|
28392
28178
|
}
|
|
28393
28179
|
|
|
28394
28180
|
.k-tilelayout-item:focus,
|
|
28395
|
-
.k-tilelayout-item.k-focus,
|
|
28396
|
-
.k-tilelayout-item.k-state-focus,
|
|
28397
|
-
.k-tilelayout-item.k-state-focused,
|
|
28398
28181
|
.k-tilelayout-item.k-focus {
|
|
28399
28182
|
@include box-shadow($tilelayout-card-focus-shadow);
|
|
28400
28183
|
}
|
|
@@ -29074,12 +28857,10 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
29074
28857
|
|
|
29075
28858
|
.k-column-menu {
|
|
29076
28859
|
|
|
29077
|
-
.k-listgroup-item.k-state-selected,
|
|
29078
28860
|
.k-listgroup-item.k-selected {
|
|
29079
28861
|
color: $adaptive-grid-sort-text;
|
|
29080
28862
|
background: none;
|
|
29081
28863
|
}
|
|
29082
|
-
.k-listgroup-item.k-state-selected .k-link,
|
|
29083
28864
|
.k-listgroup-item.k-selected .k-link {
|
|
29084
28865
|
color: inherit;
|
|
29085
28866
|
}
|
|
@@ -30706,33 +30487,28 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
30706
30487
|
}
|
|
30707
30488
|
|
|
30708
30489
|
// Hover state
|
|
30709
|
-
tbody>tr:not(.k-detail-row):hover,
|
|
30710
|
-
tbody>tr:not(.k-detail-row).k-
|
|
30711
|
-
tbody>tr:not(.k-detail-row).k-hover {
|
|
30490
|
+
tbody > tr:not(.k-detail-row):hover,
|
|
30491
|
+
tbody > tr:not(.k-detail-row).k-hover {
|
|
30712
30492
|
color: $grid-hovered-text;
|
|
30713
30493
|
background-color: $grid-hovered-bg;
|
|
30714
30494
|
}
|
|
30715
30495
|
|
|
30716
30496
|
// Selected state
|
|
30717
|
-
td.k-state-selected,
|
|
30718
30497
|
td.k-selected,
|
|
30719
|
-
tr.k-state-selected > td,
|
|
30720
30498
|
tr.k-selected > td {
|
|
30721
30499
|
color: $grid-selected-text;
|
|
30722
30500
|
background-color: $grid-selected-bg;
|
|
30723
30501
|
}
|
|
30724
30502
|
|
|
30725
30503
|
// Focused state
|
|
30726
|
-
td
|
|
30504
|
+
td:focus,
|
|
30727
30505
|
td.k-focus,
|
|
30728
|
-
th.k-state-focused,
|
|
30729
|
-
th.k-focus,
|
|
30730
30506
|
th:focus,
|
|
30507
|
+
th.k-focus,
|
|
30731
30508
|
.k-master-row > td:focus,
|
|
30732
30509
|
.k-grouping-row > td:focus,
|
|
30733
30510
|
.k-detail-row > td:focus,
|
|
30734
30511
|
.k-group-footer > td:focus,
|
|
30735
|
-
.k-grid-pager.k-state-focused,
|
|
30736
30512
|
.k-grid-pager.k-focus {
|
|
30737
30513
|
box-shadow: $grid-focused-shadow;
|
|
30738
30514
|
}
|
|
@@ -30776,20 +30552,16 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
30776
30552
|
}
|
|
30777
30553
|
|
|
30778
30554
|
// Selected state
|
|
30779
|
-
.k-state-selected td,
|
|
30780
30555
|
.k-selected td {
|
|
30781
30556
|
@include fill( $bg: $grid-sticky-selected-bg );
|
|
30782
30557
|
}
|
|
30783
30558
|
|
|
30784
|
-
.k-state-selected.k-alt td,
|
|
30785
30559
|
.k-selected.k-alt td {
|
|
30786
30560
|
@include fill( $bg: $grid-sticky-selected-alt-bg );
|
|
30787
30561
|
}
|
|
30788
30562
|
|
|
30789
30563
|
// Selected hover
|
|
30790
|
-
.k-state-selected:hover td,
|
|
30791
30564
|
.k-selected:hover td,
|
|
30792
|
-
.k-state-selected.k-state-hover td,
|
|
30793
30565
|
.k-selected.k-hover td {
|
|
30794
30566
|
@include fill( $bg: $grid-sticky-selected-hovered-bg );
|
|
30795
30567
|
}
|
|
@@ -30833,12 +30605,9 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
30833
30605
|
background-color: $kendo-button-hover-bg;
|
|
30834
30606
|
}
|
|
30835
30607
|
&:focus,
|
|
30836
|
-
&.k-
|
|
30837
|
-
&.k-focus,
|
|
30838
|
-
&.k-state-border-down {
|
|
30608
|
+
&.k-focus {
|
|
30839
30609
|
box-shadow: inset 0 0 0 2px rgba( 0, 0, 0, .1 );
|
|
30840
30610
|
}
|
|
30841
|
-
&.k-state-active,
|
|
30842
30611
|
&.k-active {
|
|
30843
30612
|
color: $selected-text;
|
|
30844
30613
|
background-color: $selected-bg;
|
|
@@ -30894,20 +30663,14 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
30894
30663
|
}
|
|
30895
30664
|
|
|
30896
30665
|
// Selected state
|
|
30897
|
-
&.k-state-selected .k-grid-content-sticky,
|
|
30898
30666
|
&.k-selected .k-grid-content-sticky,
|
|
30899
|
-
&.k-state-selected .k-grid-row-sticky,
|
|
30900
30667
|
&.k-selected .k-grid-row-sticky,
|
|
30901
|
-
td.k-grid-content-sticky.k-state-selected,
|
|
30902
30668
|
td.k-grid-content-sticky.k-selected {
|
|
30903
30669
|
@include fill( $bg: $grid-sticky-selected-bg );
|
|
30904
30670
|
}
|
|
30905
30671
|
|
|
30906
|
-
&.k-state-selected.k-alt .k-grid-content-sticky,
|
|
30907
30672
|
&.k-selected.k-alt .k-grid-content-sticky,
|
|
30908
|
-
&.k-state-selected.k-alt .k-grid-row-sticky,
|
|
30909
30673
|
&.k-selected.k-alt .k-grid-row-sticky,
|
|
30910
|
-
&.k-alt td.k-grid-content-sticky.k-state-selected,
|
|
30911
30674
|
&.k-alt td.k-grid-content-sticky.k-selected {
|
|
30912
30675
|
@include fill( $bg: $grid-sticky-selected-alt-bg );
|
|
30913
30676
|
}
|
|
@@ -30916,26 +30679,18 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
30916
30679
|
// Hovered state
|
|
30917
30680
|
&:hover .k-grid-content-sticky,
|
|
30918
30681
|
&:hover .k-grid-row-sticky,
|
|
30919
|
-
&.k-state-hover .k-grid-content-sticky,
|
|
30920
30682
|
&.k-hover .k-grid-content-sticky,
|
|
30921
|
-
&.k-state-hover .k-grid-row-sticky,
|
|
30922
30683
|
&.k-hover .k-grid-row-sticky {
|
|
30923
30684
|
background-color: $grid-sticky-hovered-bg;
|
|
30924
30685
|
}
|
|
30925
30686
|
|
|
30926
30687
|
|
|
30927
30688
|
// Selected hover
|
|
30928
|
-
&.k-state-selected:hover .k-grid-content-sticky,
|
|
30929
30689
|
&.k-selected:hover .k-grid-content-sticky,
|
|
30930
|
-
&.k-state-selected:hover .k-grid-row-sticky,
|
|
30931
30690
|
&.k-selected:hover .k-grid-row-sticky,
|
|
30932
|
-
&.k-state-selected.k-state-hover .k-grid-content-sticky,
|
|
30933
30691
|
&.k-selected.k-hover .k-grid-content-sticky,
|
|
30934
|
-
&.k-state-selected.k-state-hover .k-grid-row-sticky,
|
|
30935
30692
|
&.k-selected.k-hover .k-grid-row-sticky,
|
|
30936
|
-
&:hover td.k-grid-content-sticky.k-state-selected,
|
|
30937
30693
|
&:hover td.k-grid-content-sticky.k-selected,
|
|
30938
|
-
&.k-state-hover td.k-grid-content-sticky.k-state-selected,
|
|
30939
30694
|
&.k-hover td.k-grid-content-sticky.k-selected {
|
|
30940
30695
|
background-color: $grid-sticky-selected-hovered-bg;
|
|
30941
30696
|
}
|
|
@@ -30949,7 +30704,6 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
30949
30704
|
background-color: $grid-sticky-bg;
|
|
30950
30705
|
|
|
30951
30706
|
&:hover,
|
|
30952
|
-
&.k-state-hover,
|
|
30953
30707
|
&.k-hover {
|
|
30954
30708
|
background-color: $grid-sticky-hovered-bg;
|
|
30955
30709
|
}
|
|
@@ -30963,7 +30717,6 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
30963
30717
|
}
|
|
30964
30718
|
|
|
30965
30719
|
&:hover td,
|
|
30966
|
-
&.k-state-hover td,
|
|
30967
30720
|
&.k-hover td {
|
|
30968
30721
|
background-color: $grid-sticky-hovered-bg;
|
|
30969
30722
|
}
|
|
@@ -30975,66 +30728,43 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
30975
30728
|
}
|
|
30976
30729
|
|
|
30977
30730
|
// Selected state
|
|
30978
|
-
tr.k-state-selected .k-grid-content-sticky,
|
|
30979
30731
|
tr.k-selected .k-grid-content-sticky,
|
|
30980
|
-
.k-state-selected.k-grid-row-sticky td,
|
|
30981
30732
|
.k-selected.k-grid-row-sticky td,
|
|
30982
|
-
.k-grid-row-sticky td.k-state-selected,
|
|
30983
30733
|
.k-grid-row-sticky td.k-selected,
|
|
30984
|
-
.k-state-selected.k-grid-content-sticky,
|
|
30985
30734
|
.k-selected.k-grid-content-sticky {
|
|
30986
30735
|
@include fill( $bg: $grid-sticky-selected-bg );
|
|
30987
30736
|
}
|
|
30988
30737
|
|
|
30989
|
-
tr.k-state-selected.k-alt .k-grid-content-sticky,
|
|
30990
30738
|
tr.k-selected.k-alt .k-grid-content-sticky,
|
|
30991
|
-
.k-state-selected.k-alt.k-grid-row-sticky td,
|
|
30992
30739
|
.k-selected.k-alt.k-grid-row-sticky td,
|
|
30993
|
-
.k-alt .k-state-selected.k-grid-content-sticky,
|
|
30994
30740
|
.k-alt .k-selected.k-grid-content-sticky {
|
|
30995
30741
|
@include fill( $bg: $grid-sticky-selected-alt-bg );
|
|
30996
30742
|
}
|
|
30997
30743
|
|
|
30998
30744
|
// Hover state
|
|
30999
30745
|
tr:hover .k-grid-content-sticky,
|
|
31000
|
-
tr.k-state-hover .k-grid-content-sticky,
|
|
31001
30746
|
tr.k-hover .k-grid-content-sticky,
|
|
31002
30747
|
.k-grid-row-sticky:hover td,
|
|
31003
|
-
.k-grid-row-sticky.k-state-hover td,
|
|
31004
30748
|
.k-grid-row-sticky.k-hover td,
|
|
31005
30749
|
.k-grid-row-sticky.k-alt:hover td,
|
|
31006
|
-
.k-grid-row-sticky.k-alt.k-state-hover td,
|
|
31007
30750
|
.k-grid-row-sticky.k-alt.k-hover td,
|
|
31008
30751
|
.k-alt:hover .k-grid-content-sticky,
|
|
31009
|
-
.k-alt.k-state-hover .k-grid-content-sticky,
|
|
31010
30752
|
.k-alt.k-hover .k-grid-content-sticky {
|
|
31011
30753
|
background-color: $grid-sticky-hovered-bg;
|
|
31012
30754
|
}
|
|
31013
30755
|
|
|
31014
30756
|
// Selected + Hover
|
|
31015
|
-
tr.k-state-selected:hover .k-grid-content-sticky,
|
|
31016
30757
|
tr.k-selected:hover .k-grid-content-sticky,
|
|
31017
|
-
tr.k-state-selected.k-state-hover .k-grid-content-sticky,
|
|
31018
30758
|
tr.k-selected.k-hover .k-grid-content-sticky,
|
|
31019
|
-
.k-state-selected.k-grid-row-sticky:hover td,
|
|
31020
30759
|
.k-selected.k-grid-row-sticky:hover td,
|
|
31021
|
-
.k-state-selected.k-grid-row-sticky.k-state-hover td,
|
|
31022
30760
|
.k-selected.k-grid-row-sticky.k-hover td,
|
|
31023
|
-
.k-state-selected.k-alt.k-grid-row-sticky:hover td,
|
|
31024
30761
|
.k-selected.k-alt.k-grid-row-sticky:hover td,
|
|
31025
|
-
.k-state-selected.k-alt.k-grid-row-sticky.k-state-hover td,
|
|
31026
30762
|
.k-selected.k-alt.k-grid-row-sticky.k-hover td,
|
|
31027
|
-
tr.k-state-selected.k-alt:hover .k-grid-content-sticky,
|
|
31028
30763
|
tr.k-selected.k-alt:hover .k-grid-content-sticky,
|
|
31029
|
-
tr.k-state-selected.k-alt.k-state-hover .k-grid-content-sticky,
|
|
31030
30764
|
tr.k-selected.k-alt.k-hover .k-grid-content-sticky,
|
|
31031
|
-
.k-grid-row-sticky:hover td.k-state-selected,
|
|
31032
30765
|
.k-grid-row-sticky:hover td.k-selected,
|
|
31033
|
-
.k-grid-row-sticky.k-state-hover td.k-state-selected,
|
|
31034
30766
|
.k-grid-row-sticky.k-hover td.k-selected,
|
|
31035
|
-
tr:hover .k-grid-content-sticky.k-state-selected,
|
|
31036
30767
|
tr:hover .k-grid-content-sticky.k-selected,
|
|
31037
|
-
tr.k-state-hover .k-grid-content-sticky.k-state-selected,
|
|
31038
30768
|
tr.k-hover .k-grid-content-sticky.k-selected {
|
|
31039
30769
|
background-color: $grid-sticky-selected-hovered-bg;
|
|
31040
30770
|
}
|
|
@@ -31046,7 +30776,6 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
31046
30776
|
}
|
|
31047
30777
|
|
|
31048
30778
|
&:hover .k-grid-content-sticky,
|
|
31049
|
-
&.k-state-hover .k-grid-content-sticky,
|
|
31050
30779
|
&.k-hover .k-grid-content-sticky {
|
|
31051
30780
|
@include fill( $bg: $grid-sticky-hovered-bg );
|
|
31052
30781
|
}
|
|
@@ -31060,13 +30789,11 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
31060
30789
|
);
|
|
31061
30790
|
}
|
|
31062
30791
|
.k-columnmenu-item:focus,
|
|
31063
|
-
.k-columnmenu-item.k-state-focus,
|
|
31064
30792
|
.k-columnmenu-item.k-focus {
|
|
31065
30793
|
@include box-shadow( $kendo-list-item-focus-shadow );
|
|
31066
30794
|
}
|
|
31067
30795
|
|
|
31068
30796
|
.k-columnmenu-item {
|
|
31069
|
-
&.k-state-selected,
|
|
31070
30797
|
&.k-selected {
|
|
31071
30798
|
@include fill(
|
|
31072
30799
|
$kendo-list-item-selected-text,
|
|
@@ -31092,7 +30819,6 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
31092
30819
|
);
|
|
31093
30820
|
|
|
31094
30821
|
&:hover,
|
|
31095
|
-
&.k-state-hover,
|
|
31096
30822
|
&.k-hover {
|
|
31097
30823
|
@include fill(
|
|
31098
30824
|
$kendo-list-item-hover-text,
|
|
@@ -31100,7 +30826,6 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
31100
30826
|
);
|
|
31101
30827
|
}
|
|
31102
30828
|
|
|
31103
|
-
&.k-state-selected,
|
|
31104
30829
|
&.k-selected {
|
|
31105
30830
|
@include fill(
|
|
31106
30831
|
$kendo-list-item-selected-text,
|
|
@@ -31109,7 +30834,6 @@ $adaptive-scheduler-subtle-text: $subtle-text !default;
|
|
|
31109
30834
|
}
|
|
31110
30835
|
|
|
31111
30836
|
&:focus,
|
|
31112
|
-
&.k-state-focused,
|
|
31113
30837
|
&.k-focus {
|
|
31114
30838
|
@include box-shadow( $kendo-list-item-focus-shadow );
|
|
31115
30839
|
}
|
|
@@ -31351,7 +31075,6 @@ $listview-item-focus-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default;
|
|
|
31351
31075
|
// Listview content
|
|
31352
31076
|
.k-listview-content {
|
|
31353
31077
|
|
|
31354
|
-
> .k-state-focused,
|
|
31355
31078
|
> .k-focus {
|
|
31356
31079
|
@include fill(
|
|
31357
31080
|
$listview-item-focus-text,
|
|
@@ -31361,7 +31084,6 @@ $listview-item-focus-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default;
|
|
|
31361
31084
|
@include box-shadow( $listview-item-focus-shadow );
|
|
31362
31085
|
}
|
|
31363
31086
|
|
|
31364
|
-
> .k-state-selected,
|
|
31365
31087
|
> .k-selected {
|
|
31366
31088
|
@include fill(
|
|
31367
31089
|
$listview-item-selected-text,
|
|
@@ -31573,7 +31295,7 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
31573
31295
|
[data-tool="merge"],
|
|
31574
31296
|
[data-tool="freeze"] {
|
|
31575
31297
|
width: auto;
|
|
31576
|
-
min-width: $form-line-height * 1em;
|
|
31298
|
+
min-width: calc( #{$form-line-height} * 1em );
|
|
31577
31299
|
}
|
|
31578
31300
|
|
|
31579
31301
|
.k-color-picker {
|
|
@@ -31742,7 +31464,6 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
31742
31464
|
overflow: hidden;
|
|
31743
31465
|
|
|
31744
31466
|
// disabled cells in the Spreadsheet should allow navigation if link is used
|
|
31745
|
-
.k-state-disabled,
|
|
31746
31467
|
.k-disabled {
|
|
31747
31468
|
pointer-events: auto;
|
|
31748
31469
|
}
|
|
@@ -32304,7 +32025,6 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
32304
32025
|
background-position: 50% 50%;
|
|
32305
32026
|
|
|
32306
32027
|
&:hover div,
|
|
32307
|
-
&.k-state-hovered div,
|
|
32308
32028
|
&.k-hover div {
|
|
32309
32029
|
margin: 0;
|
|
32310
32030
|
align-self: center;
|
|
@@ -32370,7 +32090,6 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
32370
32090
|
.k-spreadsheet-insert-image-dialog {
|
|
32371
32091
|
.k-spreadsheet-has-image {
|
|
32372
32092
|
&:hover,
|
|
32373
|
-
&.k-state-hovered,
|
|
32374
32093
|
&.k-hover {
|
|
32375
32094
|
border-radius: $spreadsheet-insert-image-dialog-preview-overlay-border-radius;
|
|
32376
32095
|
}
|
|
@@ -32550,7 +32269,6 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
32550
32269
|
);
|
|
32551
32270
|
}
|
|
32552
32271
|
|
|
32553
|
-
&.k-state-active,
|
|
32554
32272
|
&.k-active {
|
|
32555
32273
|
@include fill(
|
|
32556
32274
|
$kendo-button-active-text,
|
|
@@ -32568,7 +32286,7 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
32568
32286
|
> .k-menu,
|
|
32569
32287
|
> .k-menu:not(.k-context-menu) {
|
|
32570
32288
|
|
|
32571
|
-
.k-item
|
|
32289
|
+
.k-item:hover,
|
|
32572
32290
|
.k-item.k-hover {
|
|
32573
32291
|
@include fill(
|
|
32574
32292
|
$kendo-list-item-hover-text,
|
|
@@ -32599,7 +32317,6 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
32599
32317
|
.k-button {}
|
|
32600
32318
|
|
|
32601
32319
|
.k-button:hover,
|
|
32602
|
-
.k-button.k-state-hover,
|
|
32603
32320
|
.k-button.k-hover {
|
|
32604
32321
|
@include fill(
|
|
32605
32322
|
$kendo-list-item-hover-text,
|
|
@@ -32607,9 +32324,7 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
32607
32324
|
);
|
|
32608
32325
|
}
|
|
32609
32326
|
.k-button:active,
|
|
32610
|
-
.k-button.k-state-active,
|
|
32611
32327
|
.k-button.k-active,
|
|
32612
|
-
.k-button.k-state-selected,
|
|
32613
32328
|
.k-button.k-selected {
|
|
32614
32329
|
@include fill(
|
|
32615
32330
|
$kendo-list-item-selected-text,
|
|
@@ -32631,13 +32346,11 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
|
|
|
32631
32346
|
|
|
32632
32347
|
.k-spreadsheet-has-image {
|
|
32633
32348
|
&:hover,
|
|
32634
|
-
&.k-state-hovered,
|
|
32635
32349
|
&.k-hover {
|
|
32636
32350
|
box-shadow: $spreadsheet-insert-image-dialog-preview-overlay-shadow;
|
|
32637
32351
|
}
|
|
32638
32352
|
|
|
32639
32353
|
&:hover div,
|
|
32640
|
-
&.k-state-hovered div,
|
|
32641
32354
|
&.k-hover div {
|
|
32642
32355
|
color: $spreadsheet-insert-image-dialog-overlay-hovered-text;
|
|
32643
32356
|
}
|
|
@@ -33598,15 +33311,12 @@ $pivotgrid-remove-text: null !default;
|
|
|
33598
33311
|
|
|
33599
33312
|
|
|
33600
33313
|
// Hover state
|
|
33601
|
-
.k-pivotgrid-row-headers tbody > .k-pivotgrid-row.k-state-hover,
|
|
33602
|
-
.k-pivotgrid-row-headers tbody > .k-pivotgrid-row.k-hover,
|
|
33603
33314
|
.k-pivotgrid-row-headers tbody > .k-pivotgrid-row:hover,
|
|
33604
|
-
.k-pivotgrid-
|
|
33605
|
-
.k-pivotgrid-column-headers tbody > .k-pivotgrid-row.k-hover,
|
|
33315
|
+
.k-pivotgrid-row-headers tbody > .k-pivotgrid-row.k-hover,
|
|
33606
33316
|
.k-pivotgrid-column-headers tbody > .k-pivotgrid-row:hover,
|
|
33607
|
-
.k-pivotgrid-
|
|
33608
|
-
.k-pivotgrid-values tbody > .k-pivotgrid-row
|
|
33609
|
-
.k-pivotgrid-values tbody > .k-pivotgrid-row
|
|
33317
|
+
.k-pivotgrid-column-headers tbody > .k-pivotgrid-row.k-hover,
|
|
33318
|
+
.k-pivotgrid-values tbody > .k-pivotgrid-row:hover,
|
|
33319
|
+
.k-pivotgrid-values tbody > .k-pivotgrid-row.k-hover {
|
|
33610
33320
|
@include fill (
|
|
33611
33321
|
$pivotgrid-hover-text,
|
|
33612
33322
|
$pivotgrid-hover-bg,
|
|
@@ -33615,9 +33325,10 @@ $pivotgrid-remove-text: null !default;
|
|
|
33615
33325
|
}
|
|
33616
33326
|
|
|
33617
33327
|
// Focus state
|
|
33618
|
-
.k-pivotgrid-cell.k-state-focus,
|
|
33619
|
-
.k-pivotgrid-cell.k-focus,
|
|
33620
33328
|
.k-pivotgrid-cell:focus,
|
|
33329
|
+
.k-pivotgrid-cell.k-focus,
|
|
33330
|
+
.k-pivotgrid-empty-cell:focus,
|
|
33331
|
+
.k-pivotgrid-empty-cell.k-focus,
|
|
33621
33332
|
.k-master-row > .k-pivotgrid-cell:focus,
|
|
33622
33333
|
.k-grouping-row > .k-pivotgrid-cell:focus,
|
|
33623
33334
|
.k-detail-row > .k-pivotgrid-cell:focus,
|
|
@@ -33626,9 +33337,7 @@ $pivotgrid-remove-text: null !default;
|
|
|
33626
33337
|
}
|
|
33627
33338
|
|
|
33628
33339
|
// Selected state
|
|
33629
|
-
.k-pivotgrid-cell.k-state-selected,
|
|
33630
33340
|
.k-pivotgrid-cell.k-selected,
|
|
33631
|
-
.k-pivotgrid-row.k-state-selected > .k-pivotgrid-cell,
|
|
33632
33341
|
.k-pivotgrid-row.k-selected > .k-pivotgrid-cell {
|
|
33633
33342
|
@include fill (
|
|
33634
33343
|
$pivotgrid-selected-text,
|
|
@@ -33860,7 +33569,6 @@ $treelist-footer-row-border-width: 1px !default;
|
|
|
33860
33569
|
}
|
|
33861
33570
|
|
|
33862
33571
|
.k-treelist-dragging,
|
|
33863
|
-
.k-treelist-dragging .k-state-hover,
|
|
33864
33572
|
.k-treelist-dragging .k-hover {
|
|
33865
33573
|
cursor: default;
|
|
33866
33574
|
}
|
|
@@ -34591,7 +34299,6 @@ $filemanager-preview-icon-border: null !default;
|
|
|
34591
34299
|
);
|
|
34592
34300
|
}
|
|
34593
34301
|
|
|
34594
|
-
&.k-state-selected .k-file-icon,
|
|
34595
34302
|
&.k-selected .k-file-icon {
|
|
34596
34303
|
@include fill(
|
|
34597
34304
|
inherit,
|
|
@@ -34960,10 +34667,8 @@ $taskboard-drag-placeholder-border: $component-border !default;
|
|
|
34960
34667
|
|
|
34961
34668
|
&:focus,
|
|
34962
34669
|
&.k-focus,
|
|
34963
|
-
&.k-state-focus,
|
|
34964
34670
|
&:hover,
|
|
34965
|
-
&.k-hover
|
|
34966
|
-
&.k-state-hover {
|
|
34671
|
+
&.k-hover {
|
|
34967
34672
|
text-decoration: underline;
|
|
34968
34673
|
}
|
|
34969
34674
|
}
|
|
@@ -35055,7 +34760,6 @@ $taskboard-drag-placeholder-border: $component-border !default;
|
|
|
35055
34760
|
);
|
|
35056
34761
|
}
|
|
35057
34762
|
.k-taskboard-column:focus,
|
|
35058
|
-
.k-taskboard-column.k-state-focus,
|
|
35059
34763
|
.k-taskboard-column.k-focus {
|
|
35060
34764
|
@include fill(
|
|
35061
34765
|
$taskboard-column-focus-text,
|
|
@@ -35094,39 +34798,33 @@ $taskboard-drag-placeholder-border: $component-border !default;
|
|
|
35094
34798
|
@include fill( $color: $taskboard-card-header-text );
|
|
35095
34799
|
|
|
35096
34800
|
&:focus,
|
|
35097
|
-
&.k-focus
|
|
35098
|
-
&.k-state-focus {
|
|
34801
|
+
&.k-focus {
|
|
35099
34802
|
@include fill( $color: $taskboard-card-header-focus-text );
|
|
35100
34803
|
}
|
|
35101
34804
|
|
|
35102
34805
|
&:hover,
|
|
35103
|
-
&.k-hover
|
|
35104
|
-
&.k-state-hover {
|
|
34806
|
+
&.k-hover {
|
|
35105
34807
|
@include fill( $color: $taskboard-card-header-hover-text );
|
|
35106
34808
|
}
|
|
35107
34809
|
}
|
|
35108
34810
|
|
|
35109
34811
|
&:focus,
|
|
35110
|
-
&.k-focus
|
|
35111
|
-
&.k-state-focus {
|
|
34812
|
+
&.k-focus {
|
|
35112
34813
|
@include fill( $border: $taskboard-card-focus-border );
|
|
35113
34814
|
@include box-shadow( $taskboard-card-focus-shadow );
|
|
35114
34815
|
}
|
|
35115
34816
|
|
|
35116
34817
|
&:hover,
|
|
35117
|
-
&.k-hover
|
|
35118
|
-
&.k-state-hover {
|
|
34818
|
+
&.k-hover {
|
|
35119
34819
|
@include fill( $border: $taskboard-card-hover-border );
|
|
35120
34820
|
}
|
|
35121
34821
|
|
|
35122
|
-
&.k-selected
|
|
35123
|
-
&.k-state-selected {
|
|
34822
|
+
&.k-selected {
|
|
35124
34823
|
@include fill( $border: $taskboard-card-selected-border );
|
|
35125
34824
|
@include box-shadow( $taskboard-card-selected-shadow );
|
|
35126
34825
|
}
|
|
35127
34826
|
|
|
35128
|
-
&.k-disabled
|
|
35129
|
-
&.k-state-disabled {
|
|
34827
|
+
&.k-disabled {
|
|
35130
34828
|
@include disabled( $disabled-styling );
|
|
35131
34829
|
}
|
|
35132
34830
|
}
|
|
@@ -35258,7 +34956,6 @@ $editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-line hex
|
|
|
35258
34956
|
pointer-events: auto;
|
|
35259
34957
|
}
|
|
35260
34958
|
|
|
35261
|
-
.k-editor-content.k-state-focused,
|
|
35262
34959
|
.k-editor-content.k-focus {
|
|
35263
34960
|
outline-width: 1px;
|
|
35264
34961
|
outline-style: dashed;
|
|
@@ -35713,7 +35410,6 @@ $editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-line hex
|
|
|
35713
35410
|
display: block;
|
|
35714
35411
|
margin: auto;
|
|
35715
35412
|
|
|
35716
|
-
&.k-state-selected,
|
|
35717
35413
|
&.k-selected {
|
|
35718
35414
|
color: inherit;
|
|
35719
35415
|
border-width: 0;
|
|
@@ -35936,7 +35632,6 @@ $editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-line hex
|
|
|
35936
35632
|
|
|
35937
35633
|
kendo-editor {
|
|
35938
35634
|
&.k-readonly {
|
|
35939
|
-
.k-editor-content.k-state-focused,
|
|
35940
35635
|
.k-editor-content.k-focus {
|
|
35941
35636
|
outline-color: $body-text;
|
|
35942
35637
|
}
|
|
@@ -35974,7 +35669,7 @@ $editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-line hex
|
|
|
35974
35669
|
|
|
35975
35670
|
// Hover & Actve state
|
|
35976
35671
|
&:hover,
|
|
35977
|
-
&.k-
|
|
35672
|
+
&.k-active,
|
|
35978
35673
|
&.k-active {
|
|
35979
35674
|
border-color: $panel-border;
|
|
35980
35675
|
}
|
|
@@ -35992,7 +35687,6 @@ $editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-line hex
|
|
|
35992
35687
|
|
|
35993
35688
|
// Insert table
|
|
35994
35689
|
.k-ct-popup {
|
|
35995
|
-
.k-state-selected,
|
|
35996
35690
|
.k-selected {
|
|
35997
35691
|
@include fill( $selected-text, $selected-bg, $selected-border, none );
|
|
35998
35692
|
}
|
|
@@ -36505,7 +36199,7 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
36505
36199
|
}
|
|
36506
36200
|
|
|
36507
36201
|
&.k-gantt-planned .k-grid-content tr {
|
|
36508
|
-
height: calc( #{$line-height-em * 1.7
|
|
36202
|
+
height: calc( #{$line-height-em} * 1.7 + #{$grid-cell-padding-y * 2} + #{$grid-cell-horizontal-border-width} );
|
|
36509
36203
|
}
|
|
36510
36204
|
|
|
36511
36205
|
// Layout
|
|
@@ -36550,7 +36244,6 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
36550
36244
|
}
|
|
36551
36245
|
}
|
|
36552
36246
|
|
|
36553
|
-
tr.k-state-selected > td:last-child,
|
|
36554
36247
|
tr.k-selected > td:last-child {
|
|
36555
36248
|
background: transparent;
|
|
36556
36249
|
}
|
|
@@ -36729,7 +36422,7 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
36729
36422
|
padding: 0 !important; // sass-lint:disable-line no-important
|
|
36730
36423
|
}
|
|
36731
36424
|
.k-grid-header tr {
|
|
36732
|
-
height: calc( #{$line-height-em * 2
|
|
36425
|
+
height: calc( #{$line-height-em} * 2 + #{$grid-header-padding-y * 4} + 2px );
|
|
36733
36426
|
vertical-align: bottom;
|
|
36734
36427
|
}
|
|
36735
36428
|
.k-grid-content {
|
|
@@ -36820,7 +36513,6 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
36820
36513
|
border-color: currentColor;
|
|
36821
36514
|
position: absolute;
|
|
36822
36515
|
}
|
|
36823
|
-
.k-gantt-line.k-state-selected,
|
|
36824
36516
|
.k-gantt-line.k-selected {
|
|
36825
36517
|
z-index: 3;
|
|
36826
36518
|
}
|
|
@@ -36894,7 +36586,6 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
36894
36586
|
transform: translate(-50%, -50%);
|
|
36895
36587
|
}
|
|
36896
36588
|
.k-task-dot:hover::before,
|
|
36897
|
-
.k-task-dot.k-state-hover::before,
|
|
36898
36589
|
.k-task-dot.k-hover::before {
|
|
36899
36590
|
border-width: 1px;
|
|
36900
36591
|
}
|
|
@@ -37368,7 +37059,6 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
37368
37059
|
$border: $gantt-milestone-border
|
|
37369
37060
|
);
|
|
37370
37061
|
}
|
|
37371
|
-
.k-task-milestone.k-state-selected .k-task-milestone-content,
|
|
37372
37062
|
.k-task-milestone.k-selected .k-task-milestone-content {
|
|
37373
37063
|
@include fill(
|
|
37374
37064
|
$bg: $gantt-milestone-selected-bg,
|
|
@@ -37383,7 +37073,6 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
37383
37073
|
stroke: $gantt-line-fill;
|
|
37384
37074
|
}
|
|
37385
37075
|
|
|
37386
|
-
polyline.k-state-selected,
|
|
37387
37076
|
polyline.k-selected {
|
|
37388
37077
|
stroke: $gantt-line-selected-fill;
|
|
37389
37078
|
}
|
|
@@ -37437,7 +37126,6 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
37437
37126
|
);
|
|
37438
37127
|
}
|
|
37439
37128
|
.k-task-dot:hover::before,
|
|
37440
|
-
.k-task-dot.k-state-hover::before,
|
|
37441
37129
|
.k-task-dot.k-hover::before {
|
|
37442
37130
|
@include fill(
|
|
37443
37131
|
$bg: $gantt-dot-hover-bg,
|
|
@@ -37463,7 +37151,6 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
37463
37151
|
);
|
|
37464
37152
|
}
|
|
37465
37153
|
}
|
|
37466
|
-
.k-task-milestone.k-state-selected,
|
|
37467
37154
|
.k-task-milestone.k-selected {
|
|
37468
37155
|
background-image: none;
|
|
37469
37156
|
@include fill(
|
|
@@ -37494,7 +37181,6 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
37494
37181
|
.k-task-advanced .k-task-summary-complete {
|
|
37495
37182
|
color: $gantt-advanced-bg;
|
|
37496
37183
|
}
|
|
37497
|
-
.k-task-summary.k-state-selected,
|
|
37498
37184
|
.k-task-summary.k-selected {
|
|
37499
37185
|
color: $gantt-summary-selected-bg;
|
|
37500
37186
|
|
|
@@ -37538,7 +37224,6 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
37538
37224
|
$bg: $gantt-advanced-bg
|
|
37539
37225
|
);
|
|
37540
37226
|
}
|
|
37541
|
-
.k-task-single.k-state-selected,
|
|
37542
37227
|
.k-task-single.k-selected {
|
|
37543
37228
|
@include fill(
|
|
37544
37229
|
$gantt-task-selected-text,
|
|
@@ -37555,7 +37240,6 @@ $gantt-validation-tooltip-invalid-border: $error !default;
|
|
|
37555
37240
|
.k-gantt-line {
|
|
37556
37241
|
color: $gantt-line-fill;
|
|
37557
37242
|
}
|
|
37558
|
-
.k-gantt-line.k-state-selected,
|
|
37559
37243
|
.k-gantt-line.k-selected {
|
|
37560
37244
|
color: $gantt-line-selected-fill;
|
|
37561
37245
|
}
|
|
@@ -38214,7 +37898,6 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
38214
37898
|
}
|
|
38215
37899
|
|
|
38216
37900
|
&:hover,
|
|
38217
|
-
&.k-state-hover,
|
|
38218
37901
|
&.k-hover {
|
|
38219
37902
|
.k-event-delete {
|
|
38220
37903
|
opacity: 1;
|
|
@@ -38280,7 +37963,6 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
38280
37963
|
|
|
38281
37964
|
// Hover
|
|
38282
37965
|
&:hover,
|
|
38283
|
-
&.k-state-hover,
|
|
38284
37966
|
&.k-hover {
|
|
38285
37967
|
.k-event-actions .k-event-delete,
|
|
38286
37968
|
.k-resize-handle {
|
|
@@ -38538,11 +38220,9 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
38538
38220
|
opacity: .5;
|
|
38539
38221
|
visibility: hidden;
|
|
38540
38222
|
}
|
|
38541
|
-
.k-state-hover .k-task > .k-event-delete,
|
|
38542
38223
|
.k-hover .k-task > .k-event-delete,
|
|
38543
38224
|
.k-scheduler-content tr:hover .k-event-delete,
|
|
38544
38225
|
.k-scheduler-content .k-scheduler-row:hover .k-event-delete,
|
|
38545
|
-
.k-scheduler-content .k-scheduler-row.k-state-hover .k-event-delete,
|
|
38546
38226
|
.k-scheduler-content .k-scheduler-row.k-hover .k-event-delete {
|
|
38547
38227
|
visibility: visible;
|
|
38548
38228
|
}
|
|
@@ -38616,7 +38296,6 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
38616
38296
|
position: relative;
|
|
38617
38297
|
}
|
|
38618
38298
|
|
|
38619
|
-
td.k-state-selected,
|
|
38620
38299
|
td.k-selected {
|
|
38621
38300
|
background-color: inherit;
|
|
38622
38301
|
}
|
|
@@ -38966,9 +38645,7 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
38966
38645
|
);
|
|
38967
38646
|
}
|
|
38968
38647
|
|
|
38969
|
-
.k-scheduler-layout td.k-state-selected,
|
|
38970
38648
|
.k-scheduler-layout td.k-selected,
|
|
38971
|
-
.k-scheduler-layout .k-scheduler-cell.k-state-selected,
|
|
38972
38649
|
.k-scheduler-layout .k-scheduler-cell.k-selected {
|
|
38973
38650
|
background-color: rgba($selected-bg, .25);
|
|
38974
38651
|
}
|
|
@@ -38991,7 +38668,7 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
38991
38668
|
);
|
|
38992
38669
|
@include box-shadow( $scheduler-event-shadow );
|
|
38993
38670
|
|
|
38994
|
-
|
|
38671
|
+
&:hover,
|
|
38995
38672
|
&.k-hover {
|
|
38996
38673
|
@include fill(
|
|
38997
38674
|
$scheduler-event-hover-text,
|
|
@@ -39002,7 +38679,6 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
39002
38679
|
@include box-shadow( $scheduler-event-hover-shadow );
|
|
39003
38680
|
}
|
|
39004
38681
|
|
|
39005
|
-
&.k-state-selected,
|
|
39006
38682
|
&.k-selected {
|
|
39007
38683
|
@include fill(
|
|
39008
38684
|
$scheduler-event-selected-text,
|
|
@@ -39069,10 +38745,8 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
39069
38745
|
|
|
39070
38746
|
// Hover
|
|
39071
38747
|
.k-scheduler-content tr:hover,
|
|
39072
|
-
.k-scheduler-content tr.k-state-hover,
|
|
39073
38748
|
.k-scheduler-content tr.k-hover,
|
|
39074
38749
|
.k-scheduler-content .k-scheduler-row:hover,
|
|
39075
|
-
.k-scheduler-content .k-scheduler-row.k-state-hover,
|
|
39076
38750
|
.k-scheduler-content .k-scheduler-row.k-hover {
|
|
39077
38751
|
@include fill(
|
|
39078
38752
|
$hovered-text,
|
|
@@ -39084,9 +38758,7 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
39084
38758
|
|
|
39085
38759
|
.k-scheduler-content tr:hover .k-scheduler-datecolumn,
|
|
39086
38760
|
.k-scheduler-content tr:hover .k-scheduler-groupcolumn,
|
|
39087
|
-
.k-scheduler-content tr.k-state-hover .k-scheduler-datecolumn,
|
|
39088
38761
|
.k-scheduler-content tr.k-hover .k-scheduler-datecolumn,
|
|
39089
|
-
.k-scheduler-content tr.k-state-hover .k-scheduler-groupcolumn,
|
|
39090
38762
|
.k-scheduler-content tr.k-hover .k-scheduler-groupcolumn {
|
|
39091
38763
|
@include fill(
|
|
39092
38764
|
$scheduler-text,
|
|
@@ -39096,13 +38768,10 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
39096
38768
|
}
|
|
39097
38769
|
|
|
39098
38770
|
// Selected
|
|
39099
|
-
.k-scheduler-content tr.k-state-selected,
|
|
39100
38771
|
.k-scheduler-content tr.k-selected {
|
|
39101
38772
|
background-color: rgba($selected-bg, .25);
|
|
39102
38773
|
}
|
|
39103
|
-
.k-scheduler-content tr.k-state-selected .k-scheduler-datecolumn,
|
|
39104
38774
|
.k-scheduler-content tr.k-selected .k-scheduler-datecolumn,
|
|
39105
|
-
.k-scheduler-content tr.k-state-selected .k-scheduler-groupcolumn,
|
|
39106
38775
|
.k-scheduler-content tr.k-selected .k-scheduler-groupcolumn {
|
|
39107
38776
|
background-color: $scheduler-bg;
|
|
39108
38777
|
}
|
|
@@ -39120,7 +38789,6 @@ $scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
|
39120
38789
|
@include fill( $bg: $scheduler-yearview-indicator-bg );
|
|
39121
38790
|
}
|
|
39122
38791
|
|
|
39123
|
-
.k-state-selected .k-day-indicator,
|
|
39124
38792
|
.k-selected .k-day-indicator {
|
|
39125
38793
|
@include fill( $bg: $scheduler-yearview-indicator-selected-bg );
|
|
39126
38794
|
}
|
|
@@ -39424,7 +39092,6 @@ $chat-quick-reply-hover-border: $primary !default;
|
|
|
39424
39092
|
|
|
39425
39093
|
|
|
39426
39094
|
// Message states
|
|
39427
|
-
.k-message.k-state-selected,
|
|
39428
39095
|
.k-message.k-selected {
|
|
39429
39096
|
margin-bottom: $chat-item-spacing-y;
|
|
39430
39097
|
border: 0;
|
|
@@ -39553,7 +39220,6 @@ $chat-quick-reply-hover-border: $primary !default;
|
|
|
39553
39220
|
align-items: center;
|
|
39554
39221
|
|
|
39555
39222
|
&:focus,
|
|
39556
|
-
&.k-state-focus,
|
|
39557
39223
|
&.k-focus,
|
|
39558
39224
|
&:focus-within {
|
|
39559
39225
|
outline: 0;
|
|
@@ -39634,7 +39300,6 @@ $chat-quick-reply-hover-border: $primary !default;
|
|
|
39634
39300
|
flex: 0 0 auto;
|
|
39635
39301
|
}
|
|
39636
39302
|
|
|
39637
|
-
&.k-state-selected,
|
|
39638
39303
|
&.k-selected {
|
|
39639
39304
|
background: none;
|
|
39640
39305
|
}
|
|
@@ -39871,7 +39536,6 @@ $chat-quick-reply-hover-border: $primary !default;
|
|
|
39871
39536
|
.k-bubble:hover {
|
|
39872
39537
|
@include box-shadow( $chat-bubble-hover-shadow );
|
|
39873
39538
|
}
|
|
39874
|
-
.k-state-selected .k-bubble,
|
|
39875
39539
|
.k-selected .k-bubble {
|
|
39876
39540
|
@include box-shadow( $chat-bubble-selected-shadow );
|
|
39877
39541
|
}
|
|
@@ -39887,7 +39551,6 @@ $chat-quick-reply-hover-border: $primary !default;
|
|
|
39887
39551
|
.k-alt .k-bubble:hover {
|
|
39888
39552
|
@include box-shadow( $chat-alt-bubble-hover-shadow );
|
|
39889
39553
|
}
|
|
39890
|
-
.k-alt .k-state-selected .k-bubble,
|
|
39891
39554
|
.k-alt .k-selected .k-bubble {
|
|
39892
39555
|
@include box-shadow( $chat-alt-bubble-selected-shadow );
|
|
39893
39556
|
}
|
|
@@ -40686,7 +40349,6 @@ $timeline-event-min-height-calc: calc(2 * (#{$timeline-track-event-offset} - #{$
|
|
|
40686
40349
|
color: $body-text;
|
|
40687
40350
|
}
|
|
40688
40351
|
|
|
40689
|
-
.k-timeline-arrow.k-state-disabled,
|
|
40690
40352
|
.k-timeline-arrow.k-disabled {
|
|
40691
40353
|
opacity: 1; // The arrow button in disabled mode should have a solid background
|
|
40692
40354
|
color: $timeline-track-arrow-disabled-text;
|
|
@@ -40707,7 +40369,6 @@ $timeline-event-min-height-calc: calc(2 * (#{$timeline-track-event-offset} - #{$
|
|
|
40707
40369
|
background-color: $timeline-flag-bg;
|
|
40708
40370
|
}
|
|
40709
40371
|
|
|
40710
|
-
.k-timeline-track-item.k-state-focus .k-timeline-circle,
|
|
40711
40372
|
.k-timeline-track-item.k-focus .k-timeline-circle {
|
|
40712
40373
|
@include box-shadow( $timeline-track-item-focus-shadow );
|
|
40713
40374
|
}
|
|
@@ -41514,7 +41175,6 @@ $scrollview-transition-timing-function: ease-in-out !default;
|
|
|
41514
41175
|
-webkit-tap-highlight-color: $scrollview-arrow-tap-highlight-color;
|
|
41515
41176
|
|
|
41516
41177
|
&:focus,
|
|
41517
|
-
&.k-state-focus,
|
|
41518
41178
|
&.k-focus {
|
|
41519
41179
|
color: $scrollview-navigation-color;
|
|
41520
41180
|
opacity: $scrollview-navigation-hover-opacity;
|
|
@@ -41525,7 +41185,6 @@ $scrollview-transition-timing-function: ease-in-out !default;
|
|
|
41525
41185
|
}
|
|
41526
41186
|
|
|
41527
41187
|
&:hover,
|
|
41528
|
-
&.k-state-hover,
|
|
41529
41188
|
&.k-hover {
|
|
41530
41189
|
color: $scrollview-navigation-color;
|
|
41531
41190
|
opacity: $scrollview-navigation-hover-opacity;
|
|
@@ -41545,14 +41204,12 @@ $scrollview-transition-timing-function: ease-in-out !default;
|
|
|
41545
41204
|
}
|
|
41546
41205
|
|
|
41547
41206
|
&:focus,
|
|
41548
|
-
&.k-state-focused,
|
|
41549
41207
|
&.k-focus {
|
|
41550
41208
|
box-shadow: $scrollview-pagebutton-shadow;
|
|
41551
41209
|
}
|
|
41552
41210
|
}
|
|
41553
41211
|
|
|
41554
41212
|
.k-scrollview-nav > .k-link:hover,
|
|
41555
|
-
.k-scrollview-nav > .k-link.k-state-hover,
|
|
41556
41213
|
.k-scrollview-nav > .k-link.k-hover {
|
|
41557
41214
|
box-shadow: $scrollview-pagebutton-shadow;
|
|
41558
41215
|
}
|
|
@@ -42371,7 +42028,7 @@ $treemap-line-height: $line-height !default;
|
|
|
42371
42028
|
.k-leaf.k-inverse {
|
|
42372
42029
|
color: $component-text;
|
|
42373
42030
|
}
|
|
42374
|
-
.k-leaf
|
|
42031
|
+
.k-leaf:hover,
|
|
42375
42032
|
.k-leaf.k-hover {
|
|
42376
42033
|
box-shadow: inset 0 0 0 3px $component-border;
|
|
42377
42034
|
}
|
|
@@ -42853,8 +42510,7 @@ $orgchart-line-v-height: 25px !default;
|
|
|
42853
42510
|
}
|
|
42854
42511
|
|
|
42855
42512
|
&:focus,
|
|
42856
|
-
&.k-focus
|
|
42857
|
-
&.k-state-focus {
|
|
42513
|
+
&.k-focus {
|
|
42858
42514
|
@include box-shadow( $orgchart-card-focus-shadow );
|
|
42859
42515
|
}
|
|
42860
42516
|
}
|
|
@@ -42868,9 +42524,6 @@ $orgchart-line-v-height: 25px !default;
|
|
|
42868
42524
|
);
|
|
42869
42525
|
}
|
|
42870
42526
|
.k-orgchart-node-group-container:focus,
|
|
42871
|
-
.k-orgchart-node-group-container.k-focus,
|
|
42872
|
-
.k-orgchart-node-group-container.k-state-focus,
|
|
42873
|
-
.k-orgchart-node-group-container.k-state-focused,
|
|
42874
42527
|
.k-orgchart-node-group-container.k-focus {
|
|
42875
42528
|
@include box-shadow( $orgchart-node-group-focus-shadow );
|
|
42876
42529
|
@include fill ( $border: $orgchart-node-group-focus-border );
|
|
@@ -42911,40 +42564,42 @@ $kendo-signature-height: 84px !default;
|
|
|
42911
42564
|
$kendo-signature-maximized-width: 750px !default;
|
|
42912
42565
|
$kendo-signature-maximized-height: 252px !default;
|
|
42913
42566
|
|
|
42914
|
-
$kendo-signature-padding: map-get( $spacing, 1 ) !default;
|
|
42915
|
-
$kendo-signature-padding-sm: map-get( $spacing, 1 ) - map-get(
|
|
42916
|
-
$kendo-signature-padding-md: $kendo-signature-padding !default;
|
|
42917
|
-
$kendo-signature-padding-lg: map-get( $spacing,
|
|
42567
|
+
$kendo-signature-padding-x: map-get( $spacing, 1 ) !default;
|
|
42568
|
+
$kendo-signature-padding-x-sm: map-get( $spacing, 1 ) - map-get($spacing, thin) !default;
|
|
42569
|
+
$kendo-signature-padding-x-md: $kendo-signature-padding-x !default;
|
|
42570
|
+
$kendo-signature-padding-x-lg: map-get( $spacing, 2 ) !default;
|
|
42571
|
+
|
|
42572
|
+
$kendo-signature-padding-y: $kendo-signature-padding-x !default;
|
|
42573
|
+
$kendo-signature-padding-y-sm: $kendo-signature-padding-x-sm !default;
|
|
42574
|
+
$kendo-signature-padding-y-md: $kendo-signature-padding-x-md !default;
|
|
42575
|
+
$kendo-signature-padding-y-lg: $kendo-signature-padding-x-lg !default;
|
|
42918
42576
|
|
|
42919
42577
|
$kendo-signature-line-width: 1px !default;
|
|
42920
42578
|
$kendo-signature-line-style: dashed !default;
|
|
42921
42579
|
$kendo-signature-line-color: rgba( $info, .24 ) !default;
|
|
42922
42580
|
|
|
42923
|
-
$kendo-signature-line-size: calc( 100% - 2 * #{$kendo-signature-padding} ) !default;
|
|
42924
|
-
$kendo-signature-line-size-sm: calc( 100% - 2 * #{$kendo-signature-padding-sm} ) !default;
|
|
42925
|
-
$kendo-signature-line-size-md: calc( 100% - 2 * #{$kendo-signature-padding-md} ) !default;
|
|
42926
|
-
$kendo-signature-line-size-lg: calc( 100% - 2 * #{$kendo-signature-padding-lg} ) !default;
|
|
42581
|
+
$kendo-signature-line-size: calc( 100% - 2 * #{$kendo-signature-padding-x} ) !default;
|
|
42582
|
+
$kendo-signature-line-size-sm: calc( 100% - 2 * #{$kendo-signature-padding-x-sm} ) !default;
|
|
42583
|
+
$kendo-signature-line-size-md: calc( 100% - 2 * #{$kendo-signature-padding-x-md} ) !default;
|
|
42584
|
+
$kendo-signature-line-size-lg: calc( 100% - 2 * #{$kendo-signature-padding-x-lg} ) !default;
|
|
42927
42585
|
|
|
42928
|
-
$kendo-signature-line-bottom-offset:
|
|
42929
|
-
$kendo-signature-line-bottom-offset-sm: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding-sm} ) !default;
|
|
42930
|
-
$kendo-signature-line-bottom-offset-md: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding-md} ) !default;
|
|
42931
|
-
$kendo-signature-line-bottom-offset-lg: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding-lg} ) !default;
|
|
42586
|
+
$kendo-signature-line-bottom-offset: 33% !default;
|
|
42932
42587
|
|
|
42933
42588
|
$kendo-signature-sizes: (
|
|
42934
42589
|
sm: (
|
|
42935
|
-
padding: $kendo-signature-padding-sm,
|
|
42936
|
-
|
|
42937
|
-
line-
|
|
42590
|
+
padding-x: $kendo-signature-padding-x-sm,
|
|
42591
|
+
padding-y: $kendo-signature-padding-y-sm,
|
|
42592
|
+
line-size: $kendo-signature-line-size-sm
|
|
42938
42593
|
),
|
|
42939
42594
|
md: (
|
|
42940
|
-
padding: $kendo-signature-padding-md,
|
|
42941
|
-
|
|
42942
|
-
line-
|
|
42595
|
+
padding-x: $kendo-signature-padding-x-md,
|
|
42596
|
+
padding-y: $kendo-signature-padding-y-md,
|
|
42597
|
+
line-size: $kendo-signature-line-size-md
|
|
42943
42598
|
),
|
|
42944
42599
|
lg: (
|
|
42945
|
-
padding: $kendo-signature-padding-lg,
|
|
42946
|
-
|
|
42947
|
-
line-
|
|
42600
|
+
padding-x: $kendo-signature-padding-x-lg,
|
|
42601
|
+
padding-y: $kendo-signature-padding-y-lg,
|
|
42602
|
+
line-size: $kendo-signature-line-size-lg
|
|
42948
42603
|
)
|
|
42949
42604
|
) !default;
|
|
42950
42605
|
|
|
@@ -42958,7 +42613,7 @@ $kendo-signature-maximized-line-width: map-get( $spacing, 1 ) - map-get( $spacin
|
|
|
42958
42613
|
|
|
42959
42614
|
.k-signature {
|
|
42960
42615
|
width: $kendo-signature-width;
|
|
42961
|
-
height: $kendo-signature-height;
|
|
42616
|
+
min-height: $kendo-signature-height;
|
|
42962
42617
|
position: relative;
|
|
42963
42618
|
box-sizing: border-box;
|
|
42964
42619
|
display: flex;
|
|
@@ -42995,27 +42650,30 @@ $kendo-signature-maximized-line-width: map-get( $spacing, 1 ) - map-get( $spacin
|
|
|
42995
42650
|
|
|
42996
42651
|
.k-signature-line {
|
|
42997
42652
|
position: absolute;
|
|
42998
|
-
|
|
42653
|
+
bottom: $kendo-signature-line-bottom-offset;
|
|
42654
|
+
z-index: 2;
|
|
42655
|
+
pointer-events: none;
|
|
42999
42656
|
border-bottom-width: $kendo-signature-line-width;
|
|
43000
42657
|
border-bottom-style: $kendo-signature-line-style;
|
|
43001
42658
|
}
|
|
43002
42659
|
|
|
43003
42660
|
// Sizes
|
|
43004
42661
|
@each $size, $size-props in $kendo-signature-sizes {
|
|
43005
|
-
$_padding: map-get($size-props, padding);
|
|
42662
|
+
$_padding-x: map-get($size-props, padding-x);
|
|
42663
|
+
$_padding-y: map-get($size-props, padding-y);
|
|
43006
42664
|
$_line-size: map-get($size-props, line-size);
|
|
43007
42665
|
$_line-offset: map-get($size-props, line-offset);
|
|
43008
42666
|
|
|
43009
42667
|
.k-signature-#{$size} {
|
|
43010
|
-
padding: $_padding;
|
|
42668
|
+
padding-inline: $_padding-x;
|
|
42669
|
+
padding-block: $_padding-y;
|
|
43011
42670
|
|
|
43012
42671
|
.k-signature-line {
|
|
43013
42672
|
width: $_line-size;
|
|
43014
|
-
bottom: $_line-offset;
|
|
43015
42673
|
}
|
|
43016
42674
|
}
|
|
43017
|
-
|
|
43018
42675
|
}
|
|
42676
|
+
|
|
43019
42677
|
}
|
|
43020
42678
|
|
|
43021
42679
|
// #endregion
|