@featherk/styles 0.6.8 → 0.6.10
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/v8.2.0/css/featherk-beautified.css +438 -355
- package/dist/v8.2.0/css/featherk.css +1 -1
- package/dist/v8.2.0/external-styles/featherk-overrides--k-layout.css +2 -7
- package/dist/v8.2.0/external-styles/featherk-overrides--k-textbox.css +6 -0
- package/dist/v8.2.0/scss/_externalStyles.scss +11 -9
- package/dist/v8.2.0/scss/_fonts.scss +17 -17
- package/dist/v8.2.0/scss/_overrides.scss +166 -142
- package/dist/v8.2.0/scss/_tokens.scss +2 -2
- package/package.json +1 -1
|
@@ -64,8 +64,6 @@
|
|
|
64
64
|
border-left-style: none;
|
|
65
65
|
border-right-style: none;
|
|
66
66
|
border-top-style: none;
|
|
67
|
-
height: $fk-feather-container-height-md;
|
|
68
|
-
width: fit-content;
|
|
69
67
|
transition-property: all;
|
|
70
68
|
transition-duration: 280ms;
|
|
71
69
|
isolation: isolate;
|
|
@@ -74,8 +72,8 @@
|
|
|
74
72
|
outline-color: $fk-feather-primary;
|
|
75
73
|
transition-timing-function: ease-out;
|
|
76
74
|
column-gap: 0.125rem;
|
|
75
|
+
height: $fk-feather-container-height-md;
|
|
77
76
|
min-width: 4rem;
|
|
78
|
-
min-height: 2.25rem;
|
|
79
77
|
|
|
80
78
|
}
|
|
81
79
|
.k-button.k-button-md{
|
|
@@ -185,7 +183,7 @@
|
|
|
185
183
|
padding-left: 16px;
|
|
186
184
|
padding-top: 8px;
|
|
187
185
|
padding-bottom: 8px;
|
|
188
|
-
color: $fk-
|
|
186
|
+
color: $fk-kendo-component-text;
|
|
189
187
|
transition-property: all;
|
|
190
188
|
transition-duration: 280ms;
|
|
191
189
|
transition-timing-function: ease-out;
|
|
@@ -206,8 +204,6 @@
|
|
|
206
204
|
}
|
|
207
205
|
.k-button.k-hover.k-button-outline.k-button-outline-primary,.k-button.k-state-hover.k-button-outline.k-button-outline-primary,.k-button.k-state-hovered.k-button-outline.k-button-outline-primary,.k-button:hover.k-button-outline.k-button-outline-primary{
|
|
208
206
|
color: k-color( primary );
|
|
209
|
-
background-color: initial;
|
|
210
|
-
background-image: $fk-feather-hover-on-surface-gradient;
|
|
211
207
|
|
|
212
208
|
}
|
|
213
209
|
.k-button.k-hover.k-button-outline.k-button-outline-primary .k-button-text,.k-button.k-state-hover.k-button-outline.k-button-outline-primary .k-button-text,.k-button.k-state-hovered.k-button-outline.k-button-outline-primary .k-button-text,.k-button:hover.k-button-outline.k-button-outline-primary .k-button-text{
|
|
@@ -216,14 +212,6 @@
|
|
|
216
212
|
}
|
|
217
213
|
.k-button.k-active.k-button-outline.k-button-outline-primary,.k-button.k-state-active.k-button-outline.k-button-outline-primary,.k-button:active.k-button-outline.k-button-outline-primary{
|
|
218
214
|
color: k-color( primary );
|
|
219
|
-
background-color: initial;
|
|
220
|
-
background-image: $fk-feather-active-on-surface-gradient;
|
|
221
|
-
|
|
222
|
-
}
|
|
223
|
-
.k-button.k-selected.k-button-outline.k-button-outline-primary{
|
|
224
|
-
color: k-color( primary );
|
|
225
|
-
background-color: k-color( primary );
|
|
226
|
-
background-image: $fk-feather-selected-on-surface-gradient;
|
|
227
215
|
|
|
228
216
|
}
|
|
229
217
|
.k-button.k-focus,.k-button.k-state-focus,.k-button.k-state-focused,.k-button:focus{
|
|
@@ -410,35 +398,37 @@
|
|
|
410
398
|
|
|
411
399
|
}
|
|
412
400
|
.k-combobox .k-input-button{
|
|
413
|
-
|
|
414
|
-
height: $fk-feather-container-height-sm;
|
|
415
|
-
border-bottom-left-radius: $fk-feather-border-radius-full;
|
|
401
|
+
border-bottom-left-radius: $fk-feather-border-radius-full;
|
|
416
402
|
border-bottom-right-radius: $fk-feather-border-radius-full;
|
|
417
403
|
border-top-left-radius: $fk-feather-border-radius-full;
|
|
418
404
|
border-top-right-radius: $fk-feather-border-radius-full;
|
|
405
|
+
height: $fk-feather-container-height-sm;
|
|
406
|
+
min-height: unset;
|
|
407
|
+
|
|
408
|
+
}
|
|
409
|
+
.k-button.k-icon-button.k-button-md{
|
|
410
|
+
padding-bottom: $fk-kendo-input-padding-y;
|
|
411
|
+
padding-left: $fk-kendo-input-padding-y;
|
|
412
|
+
padding-right: $fk-kendo-input-padding-y;
|
|
413
|
+
padding-top: $fk-kendo-input-padding-y;
|
|
414
|
+
|
|
415
|
+
}
|
|
416
|
+
.k-combobox.k-hover .k-input-button.k-hover.k-button-solid-base,.k-combobox.k-hover .k-input-button.k-state-hover.k-button-solid-base,.k-combobox.k-hover .k-input-button.k-state-hovered.k-button-solid-base,.k-combobox.k-hover .k-input-button:hover.k-button-solid-base,.k-combobox.k-state-hover .k-input-button.k-hover.k-button-solid-base,.k-combobox.k-state-hover .k-input-button.k-state-hover.k-button-solid-base,.k-combobox.k-state-hover .k-input-button.k-state-hovered.k-button-solid-base,.k-combobox.k-state-hover .k-input-button:hover.k-button-solid-base,.k-combobox.k-state-hovered .k-input-button.k-hover.k-button-solid-base,.k-combobox.k-state-hovered .k-input-button.k-state-hover.k-button-solid-base,.k-combobox.k-state-hovered .k-input-button.k-state-hovered.k-button-solid-base,.k-combobox.k-state-hovered .k-input-button:hover.k-button-solid-base,.k-combobox:hover .k-input-button.k-hover.k-button-solid-base,.k-combobox:hover .k-input-button.k-state-hover.k-button-solid-base,.k-combobox:hover .k-input-button.k-state-hovered.k-button-solid-base,.k-combobox:hover .k-input-button:hover.k-button-solid-base{
|
|
417
|
+
color: $fk-feather-primary-text-on-surface;
|
|
419
418
|
|
|
420
419
|
}
|
|
421
420
|
.k-combobox.k-hover .k-input-button.k-hover,.k-combobox.k-hover .k-input-button.k-state-hover,.k-combobox.k-hover .k-input-button.k-state-hovered,.k-combobox.k-hover .k-input-button:hover, .k-combobox.k-state-hover .k-input-button.k-hover, .k-combobox.k-state-hover .k-input-button.k-state-hover, .k-combobox.k-state-hover .k-input-button.k-state-hovered, .k-combobox.k-state-hover .k-input-button:hover, .k-combobox.k-state-hovered .k-input-button.k-hover, .k-combobox.k-state-hovered .k-input-button.k-state-hover, .k-combobox.k-state-hovered .k-input-button.k-state-hovered, .k-combobox.k-state-hovered .k-input-button:hover, .k-combobox:hover .k-input-button.k-hover, .k-combobox:hover .k-input-button.k-state-hover, .k-combobox:hover .k-input-button.k-state-hovered, .k-combobox:hover .k-input-button:hover{
|
|
422
|
-
|
|
423
|
-
opacity: 100%;
|
|
421
|
+
opacity: 100%;
|
|
424
422
|
visibility: visible;
|
|
425
423
|
|
|
426
424
|
}
|
|
427
425
|
.k-combobox.k-hover .k-input-button.k-hover,.k-combobox.k-hover .k-input-button.k-state-hover,.k-combobox.k-hover .k-input-button.k-state-hovered,.k-combobox.k-hover .k-input-button:hover,.k-combobox.k-state-hover .k-input-button.k-hover,.k-combobox.k-state-hover .k-input-button.k-state-hover,.k-combobox.k-state-hover .k-input-button.k-state-hovered,.k-combobox.k-state-hover .k-input-button:hover,.k-combobox.k-state-hovered .k-input-button.k-hover,.k-combobox.k-state-hovered .k-input-button.k-state-hover,.k-combobox.k-state-hovered .k-input-button.k-state-hovered,.k-combobox.k-state-hovered .k-input-button:hover,.k-combobox:hover .k-input-button.k-hover,.k-combobox:hover .k-input-button.k-state-hover,.k-combobox:hover .k-input-button.k-state-hovered,.k-combobox:hover .k-input-button:hover{
|
|
428
|
-
|
|
429
|
-
background-color: initial;
|
|
426
|
+
background-color: initial;
|
|
430
427
|
background-image: $fk-feather-hover-on-surface-gradient;
|
|
431
428
|
|
|
432
|
-
}
|
|
433
|
-
.k-combobox.k-hover .k-input-button.k-hover.k-button-solid-base,.k-combobox.k-hover .k-input-button.k-state-hover.k-button-solid-base,.k-combobox.k-hover .k-input-button.k-state-hovered.k-button-solid-base,.k-combobox.k-hover .k-input-button:hover.k-button-solid-base,.k-combobox.k-state-hover .k-input-button.k-hover.k-button-solid-base,.k-combobox.k-state-hover .k-input-button.k-state-hover.k-button-solid-base,.k-combobox.k-state-hover .k-input-button.k-state-hovered.k-button-solid-base,.k-combobox.k-state-hover .k-input-button:hover.k-button-solid-base,.k-combobox.k-state-hovered .k-input-button.k-hover.k-button-solid-base,.k-combobox.k-state-hovered .k-input-button.k-state-hover.k-button-solid-base,.k-combobox.k-state-hovered .k-input-button.k-state-hovered.k-button-solid-base,.k-combobox.k-state-hovered .k-input-button:hover.k-button-solid-base,.k-combobox:hover .k-input-button.k-hover.k-button-solid-base,.k-combobox:hover .k-input-button.k-state-hover.k-button-solid-base,.k-combobox:hover .k-input-button.k-state-hovered.k-button-solid-base,.k-combobox:hover .k-input-button:hover.k-button-solid-base{
|
|
434
|
-
color: $fk-feather-primary-text-on-surface;
|
|
435
|
-
|
|
436
429
|
}
|
|
437
430
|
.k-combobox.k-input .k-clear-value{
|
|
438
|
-
|
|
439
|
-
height: $fk-feather-container-height-sm;
|
|
440
|
-
box-sizing: border-box;
|
|
441
|
-
padding-top: $fk-kendo-input-padding-y;
|
|
431
|
+
padding-top: $fk-kendo-input-padding-y;
|
|
442
432
|
padding-bottom: $fk-kendo-input-padding-y;
|
|
443
433
|
padding-left: $fk-kendo-input-padding-y;
|
|
444
434
|
padding-right: $fk-kendo-input-padding-y;
|
|
@@ -502,15 +492,15 @@
|
|
|
502
492
|
|
|
503
493
|
}
|
|
504
494
|
.k-numerictextbox.k-input .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-increase{
|
|
505
|
-
|
|
506
|
-
padding-left: $fk-kendo-input-padding-y;
|
|
507
|
-
color: inherit;
|
|
508
|
-
width: 100%;
|
|
495
|
+
color: inherit;
|
|
509
496
|
height: 50%;
|
|
497
|
+
min-height: unset;
|
|
498
|
+
width: 100%;
|
|
510
499
|
|
|
511
500
|
}
|
|
512
501
|
.k-numerictextbox.k-input .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-decrease{
|
|
513
502
|
color: inherit;
|
|
503
|
+
min-height: unset;
|
|
514
504
|
height: 50%;
|
|
515
505
|
width: 100%;
|
|
516
506
|
|
|
@@ -526,23 +516,11 @@
|
|
|
526
516
|
background-image: $fk-feather-hover-on-surface-gradient;
|
|
527
517
|
color: $fk-feather-primary-text-on-surface;
|
|
528
518
|
|
|
529
|
-
}
|
|
530
|
-
.k-numerictextbox.k-input .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-decrease .k-button-icon.k-icon.k-svg-icon >svg{
|
|
531
|
-
height: 20px;
|
|
532
|
-
width: 20px;
|
|
533
|
-
padding-bottom: 1px;
|
|
534
|
-
|
|
535
|
-
}
|
|
536
|
-
.k-numerictextbox.k-input .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-increase .k-button-icon.k-icon.k-svg-icon >svg{
|
|
537
|
-
width: 20px;
|
|
538
|
-
height: 20px;
|
|
539
|
-
padding-top: 1px;
|
|
540
|
-
|
|
541
519
|
}
|
|
542
520
|
.k-numerictextbox.k-input .k-input-spinner.k-spin-button{
|
|
543
521
|
color: $fk-feather-icon-on-neutral;
|
|
544
|
-
align-self: stretch;
|
|
545
522
|
height: 100%;
|
|
523
|
+
flex-direction: column;
|
|
546
524
|
|
|
547
525
|
}
|
|
548
526
|
.k-textbox.k-input .k-clear-value{
|
|
@@ -1053,18 +1031,9 @@
|
|
|
1053
1031
|
border-right-style: none;
|
|
1054
1032
|
border-top-style: none;
|
|
1055
1033
|
|
|
1056
|
-
}
|
|
1057
|
-
.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active .k-link{
|
|
1058
|
-
border-bottom-width: 3px;
|
|
1059
|
-
border-bottom-color: $fk-feather-primary;
|
|
1060
|
-
border-bottom-style: solid;
|
|
1061
|
-
|
|
1062
1034
|
}
|
|
1063
1035
|
.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active .k-link{
|
|
1064
1036
|
padding-bottom: 3px;
|
|
1065
|
-
border-left-color: $fk-feather-primary;
|
|
1066
|
-
border-right-color: $fk-feather-primary;
|
|
1067
|
-
border-top-color: $fk-feather-primary;
|
|
1068
1037
|
|
|
1069
1038
|
}
|
|
1070
1039
|
.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-focus .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-focus .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-focused .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:focus .k-link{
|
|
@@ -1098,20 +1067,15 @@
|
|
|
1098
1067
|
border-right-color: $fk-feather-primary;
|
|
1099
1068
|
border-top-color: $fk-feather-primary;
|
|
1100
1069
|
|
|
1101
|
-
}
|
|
1102
|
-
.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active.k-focus,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active.k-focus,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active.k-focus,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active.k-state-focus,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active.k-state-focused,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active:focus,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active.k-state-focus,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active.k-state-focused,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active:focus,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active.k-state-focus,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active.k-state-focused,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active:focus{
|
|
1103
|
-
padding-bottom: 0px;
|
|
1104
|
-
|
|
1105
1070
|
}
|
|
1106
1071
|
.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active{
|
|
1107
|
-
|
|
1072
|
+
background-color: initial;
|
|
1073
|
+
background-image: none;
|
|
1074
|
+
border-bottom-style: none;
|
|
1108
1075
|
border-left-style: none;
|
|
1109
1076
|
border-right-style: none;
|
|
1110
1077
|
border-top-style: none;
|
|
1111
|
-
|
|
1112
|
-
border-left-color: $fk-feather-primary;
|
|
1113
|
-
border-right-color: $fk-feather-primary;
|
|
1114
|
-
border-top-color: $fk-feather-primary;
|
|
1078
|
+
box-shadow: inset 0px -3px 0px 0px k-color( primary );
|
|
1115
1079
|
|
|
1116
1080
|
}
|
|
1117
1081
|
.k-drawer-container.k-drawer-expanded.k-drawer-push .k-drawer.k-drawer-start .k-drawer-wrapper .k-drawer-items .k-drawer-item .k-item-text{
|
|
@@ -1186,11 +1150,6 @@
|
|
|
1186
1150
|
@extend %fk-typography-feather-body-small;
|
|
1187
1151
|
color: $fk-feather-secondary-text-on-surface;
|
|
1188
1152
|
|
|
1189
|
-
}
|
|
1190
|
-
.k-list.k-list-md .k-list-content .k-list-ul .k-list-item .k-list-item-text{
|
|
1191
|
-
@extend %fk-typography-feather-body-small;
|
|
1192
|
-
color: $fk-feather-secondary-text-on-surface;
|
|
1193
|
-
|
|
1194
1153
|
}
|
|
1195
1154
|
.k-datepicker.k-input .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-input-button{
|
|
1196
1155
|
color: $fk-feather-icon-on-neutral;
|
|
@@ -1207,14 +1166,6 @@
|
|
|
1207
1166
|
.k-timeselector .k-time-header .k-button.k-button-md.k-button-flat.k-button-flat-base.k-rounded-md.k-time-now::before{
|
|
1208
1167
|
visibility: visible;
|
|
1209
1168
|
|
|
1210
|
-
}
|
|
1211
|
-
.k-timeselector .k-time-list-container .k-time-list-wrapper .k-time-list .k-content.k-scrollable.k-time-container .k-reset .k-item{
|
|
1212
|
-
height: 2.5rem;
|
|
1213
|
-
display: flex;
|
|
1214
|
-
justify-content: space-around;
|
|
1215
|
-
align-items: center;
|
|
1216
|
-
align-self: center;
|
|
1217
|
-
|
|
1218
1169
|
}
|
|
1219
1170
|
.k-timepicker-popup .k-timeselector .k-time-list-container .k-time-highlight{
|
|
1220
1171
|
height: 2rem;
|
|
@@ -1405,6 +1356,11 @@
|
|
|
1405
1356
|
width: $fk-feather-container-height-sm;
|
|
1406
1357
|
margin-top: 0.175rem;
|
|
1407
1358
|
margin-right: 0.25rem;
|
|
1359
|
+
min-height: unset;
|
|
1360
|
+
padding-bottom: $fk-kendo-input-padding-y;
|
|
1361
|
+
padding-left: $fk-kendo-input-padding-y;
|
|
1362
|
+
padding-right: $fk-kendo-input-padding-y;
|
|
1363
|
+
padding-top: $fk-kendo-input-padding-y;
|
|
1408
1364
|
|
|
1409
1365
|
}
|
|
1410
1366
|
.k-dropdownlist.k-focus .k-input-button,.k-dropdownlist.k-state-focus .k-input-button,.k-dropdownlist.k-state-focused .k-input-button,.k-dropdownlist:focus .k-input-button{
|
|
@@ -1463,7 +1419,6 @@
|
|
|
1463
1419
|
}
|
|
1464
1420
|
.k-button.k-button-outline.k-button-outline-primary .k-button-icon.k-icon.k-svg-icon >svg{
|
|
1465
1421
|
color: k-color( primary );
|
|
1466
|
-
translate: 0 -1px;
|
|
1467
1422
|
|
|
1468
1423
|
}
|
|
1469
1424
|
.k-button.k-selected.k-button-flat.k-button-flat-primary{
|
|
@@ -2298,18 +2253,15 @@
|
|
|
2298
2253
|
|
|
2299
2254
|
}
|
|
2300
2255
|
.k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-selected{
|
|
2301
|
-
|
|
2302
|
-
border-left-style: solid;
|
|
2303
|
-
border-left-width: 3px;
|
|
2304
|
-
background-color: initial;
|
|
2256
|
+
background-color: initial;
|
|
2305
2257
|
background-image: $fk-feather-selected-on-surface-gradient;
|
|
2258
|
+
box-shadow: inset 4px 0px 0px 0px k-color( primary );
|
|
2259
|
+
color: k-color( primary );
|
|
2306
2260
|
|
|
2307
2261
|
}
|
|
2308
2262
|
.k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-selected .k-list-item-text{
|
|
2309
2263
|
position: relative;
|
|
2310
2264
|
left: -3px;
|
|
2311
|
-
color: $fk-feather-primary;
|
|
2312
|
-
font-weight: 700;
|
|
2313
2265
|
|
|
2314
2266
|
}
|
|
2315
2267
|
.k-datepicker.k-input{
|
|
@@ -2754,10 +2706,12 @@
|
|
|
2754
2706
|
@extend %fk-effects-feather-focus-inner-on-surface;
|
|
2755
2707
|
background-color: initial;
|
|
2756
2708
|
background-image: $fk-feather-focused-on-surface-gradient;
|
|
2709
|
+
color: currentcolor;
|
|
2757
2710
|
|
|
2758
2711
|
}
|
|
2759
2712
|
.k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-active,.k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-state-active,.k-list.k-list-md .k-list-content .k-list-ul .k-list-item:active{
|
|
2760
|
-
|
|
2713
|
+
color: k-color( primary );
|
|
2714
|
+
background-color: initial;
|
|
2761
2715
|
background-image: $fk-feather-active-on-surface-gradient;
|
|
2762
2716
|
|
|
2763
2717
|
}
|
|
@@ -3145,14 +3099,11 @@
|
|
|
3145
3099
|
.k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-link.k-menu-link.k-hover .k-menu-link-text,.k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-link.k-menu-link.k-state-hover .k-menu-link-text,.k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-link.k-menu-link.k-state-hovered .k-menu-link-text,.k-menu-popup .k-group.k-menu-group .k-item.k-menu-item .k-link.k-menu-link:hover .k-menu-link-text{
|
|
3146
3100
|
color: $fk-feather-primary-text-on-surface;
|
|
3147
3101
|
|
|
3148
|
-
}
|
|
3149
|
-
.k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-hover .k-list-item-text,.k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-state-hover .k-list-item-text,.k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-state-hovered .k-list-item-text,.k-list.k-list-md .k-list-content .k-list-ul .k-list-item:hover .k-list-item-text{
|
|
3150
|
-
color: $fk-feather-primary-text-on-surface;
|
|
3151
|
-
|
|
3152
3102
|
}
|
|
3153
3103
|
.k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-hover,.k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-state-hover,.k-list.k-list-md .k-list-content .k-list-ul .k-list-item.k-state-hovered,.k-list.k-list-md .k-list-content .k-list-ul .k-list-item:hover{
|
|
3154
3104
|
background-color: initial;
|
|
3155
3105
|
background-image: $fk-feather-hover-on-surface-gradient;
|
|
3106
|
+
color: currentcolor;
|
|
3156
3107
|
|
|
3157
3108
|
}
|
|
3158
3109
|
.k-split-button.k-button-group .k-button.k-icon-button.k-split-button-arrow.k-button-solid-base{
|
|
@@ -3488,8 +3439,6 @@
|
|
|
3488
3439
|
border-left-style: solid;
|
|
3489
3440
|
border-right-style: solid;
|
|
3490
3441
|
border-top-style: solid;
|
|
3491
|
-
background-color: rgba(0, 0, 0, 0);
|
|
3492
|
-
background-image: none;
|
|
3493
3442
|
transition-property: all;
|
|
3494
3443
|
transition-duration: 280ms;
|
|
3495
3444
|
transition-timing-function: ease-out;
|
|
@@ -3500,7 +3449,6 @@
|
|
|
3500
3449
|
border-top-color: k-color( border );
|
|
3501
3450
|
row-gap: 0px;
|
|
3502
3451
|
column-gap: 0.125rem;
|
|
3503
|
-
padding-right: 0.75rem;
|
|
3504
3452
|
|
|
3505
3453
|
}
|
|
3506
3454
|
.k-switch.k-switch-on .k-switch-track{
|
|
@@ -3693,17 +3641,17 @@
|
|
|
3693
3641
|
}
|
|
3694
3642
|
.k-input.k-disabled.k-input-solid,.k-input.k-state-disabled.k-input-solid,.k-input:disabled.k-input-solid{
|
|
3695
3643
|
color: $fk-feather-disabled-text-on-surface;
|
|
3696
|
-
border-bottom-color:
|
|
3697
|
-
border-left-color:
|
|
3698
|
-
border-right-color:
|
|
3699
|
-
border-top-color:
|
|
3644
|
+
border-bottom-color: k-color( border );
|
|
3645
|
+
border-left-color: k-color( border );
|
|
3646
|
+
border-right-color: k-color( border );
|
|
3647
|
+
border-top-color: k-color( border );
|
|
3700
3648
|
|
|
3701
3649
|
}
|
|
3702
3650
|
.k-input.k-state-readonly.k-input-solid,.k-input[readonly].k-input-solid{
|
|
3703
|
-
border-bottom-color:
|
|
3704
|
-
border-left-color:
|
|
3705
|
-
border-right-color:
|
|
3706
|
-
border-top-color:
|
|
3651
|
+
border-bottom-color: k-color( border );
|
|
3652
|
+
border-left-color: k-color( border );
|
|
3653
|
+
border-right-color: k-color( border );
|
|
3654
|
+
border-top-color: k-color( border );
|
|
3707
3655
|
|
|
3708
3656
|
}
|
|
3709
3657
|
.k-input.k-state-readonly,.k-input[readonly]{
|
|
@@ -3946,10 +3894,6 @@
|
|
|
3946
3894
|
padding-right: $fk-kendo-button-md-padding-x;
|
|
3947
3895
|
padding-left: $fk-kendo-button-md-padding-x;
|
|
3948
3896
|
|
|
3949
|
-
}
|
|
3950
|
-
.k-button.k-button-outline.k-button-outline-primary.k-icon-button .k-button-icon.k-icon.k-svg-icon >svg{
|
|
3951
|
-
translate: 0 -0.5px;
|
|
3952
|
-
|
|
3953
3897
|
}
|
|
3954
3898
|
.k-button .k-button-icon.k-icon.k-svg-icon >svg{
|
|
3955
3899
|
width: 24px;
|
|
@@ -3967,8 +3911,6 @@
|
|
|
3967
3911
|
.k-button.k-button-solid-primary .k-button-icon.k-icon.k-svg-icon >svg{
|
|
3968
3912
|
translate: 0 -1px;
|
|
3969
3913
|
color: k-color( on-primary );
|
|
3970
|
-
padding-right: 0.125rem;
|
|
3971
|
-
padding-left: 0.125rem;
|
|
3972
3914
|
|
|
3973
3915
|
}
|
|
3974
3916
|
.k-button-group .k-button.k-button-flat.k-icon-button.k-group-start,.k-button-group .k-button.k-button-flat.k-icon-button:first-child{
|
|
@@ -4013,10 +3955,6 @@
|
|
|
4013
3955
|
width: $fk-kendo-icon-size;
|
|
4014
3956
|
height: $fk-kendo-icon-size;
|
|
4015
3957
|
|
|
4016
|
-
}
|
|
4017
|
-
.k-button .k-button-icon.k-icon.k-svg-icon{
|
|
4018
|
-
translate: 0px -0.5px;
|
|
4019
|
-
|
|
4020
3958
|
}
|
|
4021
3959
|
.k-button-group .k-button.k-button-flat.k-group-end.k-icon-button,.k-button-group .k-button.k-button-flat:last-child.k-icon-button{
|
|
4022
3960
|
border-top-left-radius: 0px;
|
|
@@ -4137,6 +4075,8 @@
|
|
|
4137
4075
|
}
|
|
4138
4076
|
.k-multiselecttree.k-input{
|
|
4139
4077
|
min-height: $fk-feather-container-height-lg;
|
|
4078
|
+
padding-right: $fk-kendo-input-padding-y;
|
|
4079
|
+
padding-left: $fk-kendo-input-padding-y;
|
|
4140
4080
|
|
|
4141
4081
|
}
|
|
4142
4082
|
.k-popup.k-multiselecttree-popup{
|
|
@@ -4499,8 +4439,6 @@
|
|
|
4499
4439
|
border-left-color: currentcolor;
|
|
4500
4440
|
border-right-color: currentcolor;
|
|
4501
4441
|
border-top-color: currentcolor;
|
|
4502
|
-
background-color: rgba(0, 0, 0, 0);
|
|
4503
|
-
background-image: $fk-feather-focused-on-surface-gradient;
|
|
4504
4442
|
outline-width: 2px;
|
|
4505
4443
|
|
|
4506
4444
|
}
|
|
@@ -4690,9 +4628,7 @@
|
|
|
4690
4628
|
|
|
4691
4629
|
}
|
|
4692
4630
|
.k-button.k-button-flat.k-button-flat-primary .k-button-icon.k-icon.k-svg-icon >svg{
|
|
4693
|
-
|
|
4694
|
-
height: $fk-kendo-icon-size;
|
|
4695
|
-
color: k-color( primary-on-surface );
|
|
4631
|
+
color: k-color( primary-on-surface );
|
|
4696
4632
|
|
|
4697
4633
|
}
|
|
4698
4634
|
.k-button.k-button-flat.k-button-flat-primary.k-icon-button .k-button-icon.k-icon.k-svg-icon{
|
|
@@ -4742,6 +4678,7 @@
|
|
|
4742
4678
|
border-bottom-right-radius: $fk-feather-border-radius-full;
|
|
4743
4679
|
border-top-left-radius: $fk-feather-border-radius-full;
|
|
4744
4680
|
border-top-right-radius: $fk-feather-border-radius-full;
|
|
4681
|
+
min-height: unset;
|
|
4745
4682
|
|
|
4746
4683
|
}
|
|
4747
4684
|
.k-textbox.k-input.k-input-md.k-rounded-md.k-input-solid .k-clear-value{
|
|
@@ -4865,6 +4802,7 @@
|
|
|
4865
4802
|
.k-timeselector .k-time-list-container .k-time-list-wrapper.k-focus::before,.k-timeselector .k-time-list-container .k-time-list-wrapper.k-state-focus::before,.k-timeselector .k-time-list-container .k-time-list-wrapper.k-state-focused::before,.k-timeselector .k-time-list-container .k-time-list-wrapper:focus::before{
|
|
4866
4803
|
background-color: initial;
|
|
4867
4804
|
background-image: none;
|
|
4805
|
+
visibility: hidden;
|
|
4868
4806
|
|
|
4869
4807
|
}
|
|
4870
4808
|
.k-timeselector .k-time-list-container .k-time-list-wrapper.k-focus::after,.k-timeselector .k-time-list-container .k-time-list-wrapper.k-state-focus::after,.k-timeselector .k-time-list-container .k-time-list-wrapper.k-state-focused::after,.k-timeselector .k-time-list-container .k-time-list-wrapper:focus::after{
|
|
@@ -4880,14 +4818,10 @@
|
|
|
4880
4818
|
border-left-style: none;
|
|
4881
4819
|
border-right-style: none;
|
|
4882
4820
|
border-top-style: none;
|
|
4883
|
-
height: 3rem;
|
|
4884
|
-
top: 50%;
|
|
4885
|
-
translate: 0 50%;
|
|
4886
4821
|
|
|
4887
4822
|
}
|
|
4888
4823
|
.k-popup.k-timepicker-popup .k-timeselector .k-time-list-container .k-time-separator{
|
|
4889
4824
|
visibility: visible;
|
|
4890
|
-
top: 22px;
|
|
4891
4825
|
|
|
4892
4826
|
}
|
|
4893
4827
|
.k-timeselector .k-time-list-container .k-time-list-wrapper.k-focus,.k-timeselector .k-time-list-container .k-time-list-wrapper.k-state-focus,.k-timeselector .k-time-list-container .k-time-list-wrapper.k-state-focused,.k-timeselector .k-time-list-container .k-time-list-wrapper:focus{
|
|
@@ -4904,21 +4838,15 @@
|
|
|
4904
4838
|
border-bottom-right-radius: $fk-feather-border-radius;
|
|
4905
4839
|
border-top-left-radius: $fk-feather-border-radius;
|
|
4906
4840
|
border-top-right-radius: $fk-feather-border-radius;
|
|
4907
|
-
padding-top: 10px;
|
|
4908
4841
|
|
|
4909
4842
|
}
|
|
4910
4843
|
.k-timeselector .k-time-list-container .k-time-list-wrapper.k-focus .k-title,.k-timeselector .k-time-list-container .k-time-list-wrapper.k-state-focus .k-title,.k-timeselector .k-time-list-container .k-time-list-wrapper.k-state-focused .k-title,.k-timeselector .k-time-list-container .k-time-list-wrapper:focus .k-title{
|
|
4911
|
-
|
|
4912
|
-
|
|
4913
|
-
visibility: visible;
|
|
4914
|
-
line-height: 3;
|
|
4844
|
+
visibility: visible;
|
|
4845
|
+
color: k-color( primary );
|
|
4915
4846
|
|
|
4916
4847
|
}
|
|
4917
4848
|
.k-timeselector .k-time-list-container .k-time-list-wrapper .k-title{
|
|
4918
|
-
|
|
4919
|
-
font-weight: 500;
|
|
4920
|
-
line-height: 3;
|
|
4921
|
-
translate: 0 -6px;
|
|
4849
|
+
translate: 0;
|
|
4922
4850
|
|
|
4923
4851
|
}
|
|
4924
4852
|
.k-popup.k-timepicker-popup .k-timeselector .k-time-header{
|
|
@@ -5122,13 +5050,6 @@
|
|
|
5122
5050
|
aspect-ratio: 1/1;
|
|
5123
5051
|
min-width: unset;
|
|
5124
5052
|
|
|
5125
|
-
}
|
|
5126
|
-
.k-button.k-button-solid-base.k-icon-button.k-rounded-md{
|
|
5127
|
-
border-bottom-left-radius: $fk-feather-border-radius-full;
|
|
5128
|
-
border-bottom-right-radius: $fk-feather-border-radius-full;
|
|
5129
|
-
border-top-left-radius: $fk-feather-border-radius-full;
|
|
5130
|
-
border-top-right-radius: $fk-feather-border-radius-full;
|
|
5131
|
-
|
|
5132
5053
|
}
|
|
5133
5054
|
.k-button.k-active.k-icon-button,.k-button.k-state-active.k-icon-button,.k-button:active.k-icon-button{
|
|
5134
5055
|
background-color: inherit;
|
|
@@ -5454,8 +5375,8 @@
|
|
|
5454
5375
|
|
|
5455
5376
|
}
|
|
5456
5377
|
.k-popup.k-datetime-container .k-time-list-container .k-time-list-wrapper .k-time-list .k-content.k-scrollable.k-time-container .k-reset .k-item{
|
|
5457
|
-
translate: 0 -
|
|
5458
|
-
line-height:
|
|
5378
|
+
translate: 0 -35%;
|
|
5379
|
+
line-height: 2.5;
|
|
5459
5380
|
border-bottom-left-radius: $fk-feather-border-radius-full;
|
|
5460
5381
|
border-bottom-right-radius: $fk-feather-border-radius-full;
|
|
5461
5382
|
border-top-left-radius: $fk-feather-border-radius-full;
|
|
@@ -5476,11 +5397,7 @@
|
|
|
5476
5397
|
|
|
5477
5398
|
}
|
|
5478
5399
|
.k-popup.k-datetime-container .k-time-list-container .k-time-list-wrapper .k-time-list .k-content.k-scrollable.k-time-container .k-reset .k-item.k-hover,.k-popup.k-datetime-container .k-time-list-container .k-time-list-wrapper .k-time-list .k-content.k-scrollable.k-time-container .k-reset .k-item.k-state-hover,.k-popup.k-datetime-container .k-time-list-container .k-time-list-wrapper .k-time-list .k-content.k-scrollable.k-time-container .k-reset .k-item.k-state-hovered,.k-popup.k-datetime-container .k-time-list-container .k-time-list-wrapper .k-time-list .k-content.k-scrollable.k-time-container .k-reset .k-item:hover{
|
|
5479
|
-
|
|
5480
|
-
font-weight: 700;
|
|
5481
|
-
aspect-ratio: 1 / 1;
|
|
5482
|
-
text-decoration-line: underline;
|
|
5483
|
-
text-underline-offset: 4px;
|
|
5400
|
+
text-underline-offset: 4px;
|
|
5484
5401
|
text-decoration-color: currentColor;
|
|
5485
5402
|
text-decoration-thickness: 1px;
|
|
5486
5403
|
|
|
@@ -5501,4 +5418,111 @@
|
|
|
5501
5418
|
.k-button.k-button-solid-primary .k-button-icon.k-icon.k-svg-icon{
|
|
5502
5419
|
box-sizing: content-box;
|
|
5503
5420
|
|
|
5421
|
+
}
|
|
5422
|
+
.k-numerictextbox.k-input .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-increase .k-button-icon.k-icon.k-svg-icon >svg{
|
|
5423
|
+
width: 20px;
|
|
5424
|
+
height: 20px;
|
|
5425
|
+
|
|
5426
|
+
}
|
|
5427
|
+
.k-numerictextbox.k-input .k-input-spinner.k-spin-button .k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button.k-spinner-decrease .k-button-icon.k-icon.k-svg-icon >svg{
|
|
5428
|
+
width: 20px;
|
|
5429
|
+
height: 20px;
|
|
5430
|
+
|
|
5431
|
+
}
|
|
5432
|
+
.k-multiselect.k-input .k-clear-value{
|
|
5433
|
+
width: $fk-feather-container-height-sm;
|
|
5434
|
+
height: $fk-feather-container-height-sm;
|
|
5435
|
+
border-bottom-left-radius: $fk-feather-border-radius-full;
|
|
5436
|
+
border-bottom-right-radius: $fk-feather-border-radius-full;
|
|
5437
|
+
border-top-left-radius: $fk-feather-border-radius-full;
|
|
5438
|
+
border-top-right-radius: $fk-feather-border-radius-full;
|
|
5439
|
+
opacity: 100%;
|
|
5440
|
+
color: $fk-kendo-component-text;
|
|
5441
|
+
padding-bottom: 0px;
|
|
5442
|
+
padding-left: 0px;
|
|
5443
|
+
padding-right: 0px;
|
|
5444
|
+
padding-top: 0px;
|
|
5445
|
+
|
|
5446
|
+
}
|
|
5447
|
+
.k-multiselect.k-input.k-hover .k-clear-value.k-hover,.k-multiselect.k-input.k-hover .k-clear-value.k-state-hover,.k-multiselect.k-input.k-hover .k-clear-value.k-state-hovered,.k-multiselect.k-input.k-hover .k-clear-value:hover,.k-multiselect.k-input.k-state-hover .k-clear-value.k-hover,.k-multiselect.k-input.k-state-hover .k-clear-value.k-state-hover,.k-multiselect.k-input.k-state-hover .k-clear-value.k-state-hovered,.k-multiselect.k-input.k-state-hover .k-clear-value:hover,.k-multiselect.k-input.k-state-hovered .k-clear-value.k-hover,.k-multiselect.k-input.k-state-hovered .k-clear-value.k-state-hover,.k-multiselect.k-input.k-state-hovered .k-clear-value.k-state-hovered,.k-multiselect.k-input.k-state-hovered .k-clear-value:hover,.k-multiselect.k-input:hover .k-clear-value.k-hover,.k-multiselect.k-input:hover .k-clear-value.k-state-hover,.k-multiselect.k-input:hover .k-clear-value.k-state-hovered,.k-multiselect.k-input:hover .k-clear-value:hover{
|
|
5448
|
+
background-color: initial;
|
|
5449
|
+
background-image: $fk-feather-hover-on-surface-gradient;
|
|
5450
|
+
color: $fk-feather-primary-text-on-surface;
|
|
5451
|
+
|
|
5452
|
+
}
|
|
5453
|
+
.k-multiselect.k-input{
|
|
5454
|
+
padding-right: $fk-kendo-input-padding-y;
|
|
5455
|
+
padding-left: $fk-kendo-input-padding-y;
|
|
5456
|
+
|
|
5457
|
+
}
|
|
5458
|
+
.k-multiselecttree.k-input .k-clear-value{
|
|
5459
|
+
padding-bottom: 0px;
|
|
5460
|
+
padding-left: 0px;
|
|
5461
|
+
padding-right: 0px;
|
|
5462
|
+
padding-top: 0px;
|
|
5463
|
+
width: $fk-feather-container-height-sm;
|
|
5464
|
+
height: $fk-feather-container-height-sm;
|
|
5465
|
+
opacity: 100%;
|
|
5466
|
+
border-bottom-left-radius: $fk-feather-border-radius-full;
|
|
5467
|
+
border-bottom-right-radius: $fk-feather-border-radius-full;
|
|
5468
|
+
border-top-left-radius: $fk-feather-border-radius-full;
|
|
5469
|
+
border-top-right-radius: $fk-feather-border-radius-full;
|
|
5470
|
+
color: $fk-kendo-component-text;
|
|
5471
|
+
|
|
5472
|
+
}
|
|
5473
|
+
.k-multiselecttree.k-input.k-hover .k-clear-value.k-hover,.k-multiselecttree.k-input.k-hover .k-clear-value.k-state-hover,.k-multiselecttree.k-input.k-hover .k-clear-value.k-state-hovered,.k-multiselecttree.k-input.k-hover .k-clear-value:hover,.k-multiselecttree.k-input.k-state-hover .k-clear-value.k-hover,.k-multiselecttree.k-input.k-state-hover .k-clear-value.k-state-hover,.k-multiselecttree.k-input.k-state-hover .k-clear-value.k-state-hovered,.k-multiselecttree.k-input.k-state-hover .k-clear-value:hover,.k-multiselecttree.k-input.k-state-hovered .k-clear-value.k-hover,.k-multiselecttree.k-input.k-state-hovered .k-clear-value.k-state-hover,.k-multiselecttree.k-input.k-state-hovered .k-clear-value.k-state-hovered,.k-multiselecttree.k-input.k-state-hovered .k-clear-value:hover,.k-multiselecttree.k-input:hover .k-clear-value.k-hover,.k-multiselecttree.k-input:hover .k-clear-value.k-state-hover,.k-multiselecttree.k-input:hover .k-clear-value.k-state-hovered,.k-multiselecttree.k-input:hover .k-clear-value:hover{
|
|
5474
|
+
background-color: initial;
|
|
5475
|
+
background-image: $fk-feather-hover-on-surface-gradient;
|
|
5476
|
+
color: $fk-feather-primary-text-on-surface;
|
|
5477
|
+
|
|
5478
|
+
}
|
|
5479
|
+
.k-button.k-selected.k-button-outline.k-button-outline-primary{
|
|
5480
|
+
background-color: k-color( primary );
|
|
5481
|
+
background-image: $fk-feather-selected-on-color;
|
|
5482
|
+
|
|
5483
|
+
}
|
|
5484
|
+
.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-hover .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-hover .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-hovered .k-link,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:hover .k-link{
|
|
5485
|
+
background-color: initial;
|
|
5486
|
+
background-image: $fk-feather-hover-on-surface-gradient;
|
|
5487
|
+
|
|
5488
|
+
}
|
|
5489
|
+
.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-focus,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-focus,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-focused,.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:focus{
|
|
5490
|
+
@extend %fk-effects-feather-focus-inner-on-surface;
|
|
5491
|
+
background-color: initial;
|
|
5492
|
+
background-image: $fk-feather-focused-on-surface-gradient;
|
|
5493
|
+
|
|
5494
|
+
}
|
|
5495
|
+
.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-content.k-active,.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-content.k-state-active,.fk-tabstrip-no-border.k-tabstrip.k-tabstrip-top .k-tabstrip-content:active{
|
|
5496
|
+
border-bottom-style: none;
|
|
5497
|
+
border-left-style: none;
|
|
5498
|
+
border-right-style: none;
|
|
5499
|
+
border-top-style: none;
|
|
5500
|
+
padding-left: 0px;
|
|
5501
|
+
|
|
5502
|
+
}
|
|
5503
|
+
.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-focus,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-focus,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-focused,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:focus{
|
|
5504
|
+
border-bottom-style: none;
|
|
5505
|
+
border-left-style: none;
|
|
5506
|
+
border-right-style: none;
|
|
5507
|
+
border-top-style: none;
|
|
5508
|
+
|
|
5509
|
+
}
|
|
5510
|
+
.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active .k-link,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active .k-link,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active .k-link{
|
|
5511
|
+
padding-bottom: 4px;
|
|
5512
|
+
|
|
5513
|
+
}
|
|
5514
|
+
.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active{
|
|
5515
|
+
box-shadow: inset 0px -4px 0px 0px k-color( primary );
|
|
5516
|
+
|
|
5517
|
+
}
|
|
5518
|
+
.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active.k-focus,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active.k-focus,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active.k-focus,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active.k-state-focus,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active.k-state-focused,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-active:focus,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active.k-state-focus,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active.k-state-focused,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item.k-state-active:focus,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active.k-state-focus,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active.k-state-focused,.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item:active:focus{
|
|
5519
|
+
box-shadow: inset 0px -4px 0px 0px k-color( primary ),inset 0px 0px 0px 2px k-color( primary );
|
|
5520
|
+
|
|
5521
|
+
}
|
|
5522
|
+
.fk-tabstrip-no-border.k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset .k-item.k-tabstrip-item .k-link{
|
|
5523
|
+
border-bottom-style: none;
|
|
5524
|
+
border-left-style: none;
|
|
5525
|
+
border-right-style: none;
|
|
5526
|
+
border-top-style: none;
|
|
5527
|
+
|
|
5504
5528
|
}
|
|
@@ -43,6 +43,7 @@ $fk-kendo-radio-list-spacing: 8px;
|
|
|
43
43
|
$fk-kendo-radio-list-item-padding-x: 12px;
|
|
44
44
|
$fk-kendo-radio-list-item-padding-y: 8px;
|
|
45
45
|
$fk-feather-border-radius-full: 9999px;
|
|
46
|
+
$fk-kendo-tabstrip-border-width: 1px;
|
|
46
47
|
$fk-kendo-window-titlebar-padding-x: 24px;
|
|
47
48
|
$fk-kendo-window-titlebar-padding-y: 16px;
|
|
48
49
|
$fk-kendo-window-inner-padding-x: 24px;
|
|
@@ -153,7 +154,6 @@ $fk-kendo-switch-track-border-width: $fk-feather-border-width-m;
|
|
|
153
154
|
$fk-kendo-switch-thumb-border-width: $fk-feather-border-width-m;
|
|
154
155
|
$fk-kendo-table-border-width: $fk-feather-border-width;
|
|
155
156
|
$fk-kendo-table-cell-vertical-border-width: $fk-feather-border-width;
|
|
156
|
-
$fk-kendo-tabstrip-border-width: $fk-feather-border-width;
|
|
157
157
|
$fk-kendo-tabstrip-item-border-width: $fk-feather-border-width;
|
|
158
158
|
$fk-kendo-tabstrip-item-border-radius: $fk-feather-border-radius;
|
|
159
159
|
$fk-kendo-tabstrip-content-border-width: $fk-feather-border-width;
|
|
@@ -365,6 +365,7 @@ $kendo-radio-label-margin-x: $fk-kendo-radio-label-margin-x;
|
|
|
365
365
|
$kendo-radio-list-spacing: $fk-kendo-radio-list-spacing;
|
|
366
366
|
$kendo-radio-list-item-padding-x: $fk-kendo-radio-list-item-padding-x;
|
|
367
367
|
$kendo-radio-list-item-padding-y: $fk-kendo-radio-list-item-padding-y;
|
|
368
|
+
$kendo-tabstrip-border-width: $fk-kendo-tabstrip-border-width;
|
|
368
369
|
$kendo-window-titlebar-padding-x: $fk-kendo-window-titlebar-padding-x;
|
|
369
370
|
$kendo-window-titlebar-padding-y: $fk-kendo-window-titlebar-padding-y;
|
|
370
371
|
$kendo-window-inner-padding-x: $fk-kendo-window-inner-padding-x;
|
|
@@ -457,7 +458,6 @@ $kendo-switch-track-border-width: $fk-kendo-switch-track-border-width;
|
|
|
457
458
|
$kendo-switch-thumb-border-width: $fk-kendo-switch-thumb-border-width;
|
|
458
459
|
$kendo-table-border-width: $fk-kendo-table-border-width;
|
|
459
460
|
$kendo-table-cell-vertical-border-width: $fk-kendo-table-cell-vertical-border-width;
|
|
460
|
-
$kendo-tabstrip-border-width: $fk-kendo-tabstrip-border-width;
|
|
461
461
|
$kendo-tabstrip-item-border-width: $fk-kendo-tabstrip-item-border-width;
|
|
462
462
|
$kendo-tabstrip-item-border-radius: $fk-kendo-tabstrip-item-border-radius;
|
|
463
463
|
$kendo-tabstrip-content-border-width: $fk-kendo-tabstrip-content-border-width;
|