@progress/kendo-theme-bootstrap 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 +351 -656
- package/dist/all.scss +131 -485
- package/lib/swatches/bootstrap-3-dark.json +1 -1
- package/lib/swatches/bootstrap-3.json +1 -1
- package/lib/swatches/bootstrap-4-dark.json +1 -1
- package/lib/swatches/bootstrap-4.json +1 -1
- package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
- package/lib/swatches/bootstrap-main-dark.json +1 -1
- package/lib/swatches/bootstrap-main.json +1 -1
- package/lib/swatches/bootstrap-nordic.json +1 -1
- package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
- package/lib/swatches/bootstrap-turquoise.json +1 -1
- package/lib/swatches/bootstrap-urban.json +1 -1
- package/lib/swatches/bootstrap-vintage.json +1 -1
- package/package.json +3 -3
- package/scss/breadcrumb/_layout.scss +0 -1
- package/scss/breadcrumb/_theme.scss +0 -1
- package/scss/fab/_theme.scss +16 -16
- package/scss/forms/_variables.scss +1 -1
- package/scss/grid/_theme.scss +3 -63
- package/scss/pager/_theme.scss +0 -1
- package/scss/scrollview/_theme.scss +0 -4
- package/scss/signature/_variables.scss +23 -21
- package/scss/spreadsheet/_theme.scss +0 -7
- package/scss/switch/_layout.scss +1 -2
- package/scss/tabstrip/_theme.scss +4 -8
- package/scss/typography/_variables.scss +1 -1
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-bootstrap",
|
|
3
3
|
"description": "Bootstrap theme for Kendo UI",
|
|
4
|
-
"version": "5.
|
|
4
|
+
"version": "5.7.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -43,11 +43,11 @@
|
|
|
43
43
|
"postpublish": "echo 'no postpublish for bootstrap theme'"
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@progress/kendo-theme-default": "^5.
|
|
46
|
+
"@progress/kendo-theme-default": "^5.7.0",
|
|
47
47
|
"bootstrap": "^5.2.0"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
50
|
"sass-build": "^1.0.0"
|
|
51
51
|
},
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "5e316441f8406d4e3ef94f189ae71304cf7f6a15"
|
|
53
53
|
}
|
package/scss/fab/_theme.scss
CHANGED
|
@@ -14,8 +14,8 @@
|
|
|
14
14
|
|
|
15
15
|
// Hover state
|
|
16
16
|
@each $name, $color in $kendo-fab-theme-colors {
|
|
17
|
-
.k-
|
|
18
|
-
.k-fab-solid-#{$name}
|
|
17
|
+
.k-fab-solid-#{$name}:hover,
|
|
18
|
+
.k-fab-solid-#{$name}.k-hover {
|
|
19
19
|
border-color: try-darken( $color, 10% );
|
|
20
20
|
color: contrast-wcag( try-darken( $color, 7.5% ) );
|
|
21
21
|
background-color: try-darken( $color, 7.5% );
|
|
@@ -24,8 +24,8 @@
|
|
|
24
24
|
|
|
25
25
|
// Focus state
|
|
26
26
|
@each $name, $color in $kendo-fab-theme-colors {
|
|
27
|
-
.k-fab-solid-#{$name}
|
|
28
|
-
.k-fab-solid-#{$name}
|
|
27
|
+
.k-fab-solid-#{$name}:focus,
|
|
28
|
+
.k-fab-solid-#{$name}.k-focus {
|
|
29
29
|
outline-style: solid;
|
|
30
30
|
outline-width: 3px;
|
|
31
31
|
outline-color: rgba( $color, .5 );
|
|
@@ -34,9 +34,9 @@
|
|
|
34
34
|
|
|
35
35
|
// Active state
|
|
36
36
|
@each $name, $color in $kendo-fab-theme-colors {
|
|
37
|
-
.k-
|
|
38
|
-
.k-
|
|
39
|
-
.k-fab-solid-#{$name}
|
|
37
|
+
.k-fab-solid-#{$name}:active,
|
|
38
|
+
.k-fab-solid-#{$name}.k-active,
|
|
39
|
+
.k-fab-solid-#{$name}.k-selected {
|
|
40
40
|
@include box-shadow($kendo-fab-active-shadow);
|
|
41
41
|
border-color: try-darken( $color, 12.5% );
|
|
42
42
|
color: contrast-wcag( try-darken( $color, 10% ) );
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
|
|
47
47
|
// Disabled state
|
|
48
48
|
@each $name, $color in $kendo-fab-theme-colors {
|
|
49
|
-
.k-
|
|
50
|
-
.k-fab-solid-#{$name}
|
|
49
|
+
.k-fab-solid-#{$name}:disabled,
|
|
50
|
+
.k-fab-solid-#{$name}.k-disabled {
|
|
51
51
|
@include box-shadow($kendo-fab-disabled-shadow);
|
|
52
52
|
background-color: try-tint( $color, 4.5 );
|
|
53
53
|
color: try-tint( contrast-wcag( $color ), 5 );
|
|
@@ -76,8 +76,8 @@
|
|
|
76
76
|
}
|
|
77
77
|
|
|
78
78
|
// Hover state
|
|
79
|
-
.k-fab-item
|
|
80
|
-
.k-fab-item
|
|
79
|
+
.k-fab-item:hover .k-fab-item-icon,
|
|
80
|
+
.k-fab-item.k-hover .k-fab-item-icon {
|
|
81
81
|
@include box-shadow($kendo-fab-item-shadow);
|
|
82
82
|
outline: $kendo-fab-border-width solid try-darken( $kendo-fab-item-icon-border, 10% );
|
|
83
83
|
outline-offset: -$kendo-fab-border-width;
|
|
@@ -88,8 +88,8 @@
|
|
|
88
88
|
|
|
89
89
|
// Focus state
|
|
90
90
|
.k-fab-item:focus .k-fab-item-text,
|
|
91
|
-
.k-fab-item:focus .k-fab-item-icon,
|
|
92
91
|
.k-fab-item.k-focus .k-fab-item-text,
|
|
92
|
+
.k-fab-item:focus .k-fab-item-icon,
|
|
93
93
|
.k-fab-item.k-focus .k-fab-item-icon {
|
|
94
94
|
outline-style: solid;
|
|
95
95
|
outline-width: 3px;
|
|
@@ -97,8 +97,8 @@
|
|
|
97
97
|
}
|
|
98
98
|
|
|
99
99
|
// Active state
|
|
100
|
-
.k-fab-item
|
|
101
|
-
.k-fab-item
|
|
100
|
+
.k-fab-item:active .k-fab-item-icon,
|
|
101
|
+
.k-fab-item.k-active .k-fab-item-icon {
|
|
102
102
|
@include box-shadow($kendo-fab-item-active-shadow);
|
|
103
103
|
outline: $kendo-fab-border-width solid try-darken( $kendo-fab-item-icon-border, 12.5% );
|
|
104
104
|
outline-offset: -$kendo-fab-border-width;
|
|
@@ -108,8 +108,8 @@
|
|
|
108
108
|
}
|
|
109
109
|
|
|
110
110
|
// Disabled state
|
|
111
|
-
.k-fab-item
|
|
112
|
-
.k-fab-item
|
|
111
|
+
.k-fab-item:disabled,
|
|
112
|
+
.k-fab-item.k-disabled {
|
|
113
113
|
opacity: 1;
|
|
114
114
|
|
|
115
115
|
.k-fab-item-text,
|
|
@@ -3,7 +3,7 @@ $form-spacer: $padding-x * 2 !default;
|
|
|
3
3
|
|
|
4
4
|
$form-font-size: $font-size !default;
|
|
5
5
|
$form-line-height: $input-btn-line-height !default;
|
|
6
|
-
$form-line-height-em: ($form-line-height * 1em) !default;
|
|
6
|
+
$form-line-height-em: calc( #{$form-line-height} * 1em ) !default;
|
|
7
7
|
$form-line-height-sm: $line-height-sm !default;
|
|
8
8
|
$form-line-height-lg: $line-height-lg !default;
|
|
9
9
|
|
package/scss/grid/_theme.scss
CHANGED
|
@@ -19,34 +19,27 @@
|
|
|
19
19
|
|
|
20
20
|
// Hover state
|
|
21
21
|
tbody>tr:not(.k-detail-row):hover,
|
|
22
|
-
tbody>tr:not(.k-detail-row).k-state-hover,
|
|
23
22
|
tbody>tr:not(.k-detail-row).k-hover {
|
|
24
23
|
color: $grid-hovered-text;
|
|
25
24
|
background-color: $grid-hovered-bg;
|
|
26
25
|
}
|
|
27
26
|
|
|
28
27
|
// Selected state
|
|
29
|
-
th.k-state-selected,
|
|
30
28
|
th.k-selected,
|
|
31
|
-
td.k-state-selected,
|
|
32
29
|
td.k-selected,
|
|
33
|
-
tr.k-state-selected > td,
|
|
34
30
|
tr.k-selected > td {
|
|
35
31
|
color: $grid-selected-text;
|
|
36
32
|
background-color: $grid-selected-bg;
|
|
37
33
|
}
|
|
38
34
|
|
|
39
35
|
// Focused state
|
|
40
|
-
td.k-state-focused,
|
|
41
36
|
td.k-focus,
|
|
42
|
-
th.k-state-focused,
|
|
43
37
|
th.k-focus,
|
|
44
38
|
th:focus,
|
|
45
39
|
.k-master-row > td:focus,
|
|
46
40
|
.k-grouping-row > td:focus,
|
|
47
41
|
.k-detail-row > td:focus,
|
|
48
42
|
.k-group-footer > td:focus,
|
|
49
|
-
.k-grid-pager.k-state-focused,
|
|
50
43
|
.k-grid-pager.k-focus,
|
|
51
44
|
.k-grid-pager:focus {
|
|
52
45
|
box-shadow: $grid-focused-shadow;
|
|
@@ -81,20 +74,16 @@
|
|
|
81
74
|
}
|
|
82
75
|
|
|
83
76
|
// Selected state
|
|
84
|
-
.k-state-selected td,
|
|
85
77
|
.k-selected td {
|
|
86
78
|
@include fill( $bg: $grid-sticky-selected-bg );
|
|
87
79
|
}
|
|
88
80
|
|
|
89
|
-
.k-state-selected.k-alt td,
|
|
90
81
|
.k-selected.k-alt td {
|
|
91
82
|
@include fill( $bg: $grid-sticky-selected-alt-bg );
|
|
92
83
|
}
|
|
93
84
|
|
|
94
85
|
// Selected hover
|
|
95
|
-
.k-state-selected:hover td,
|
|
96
86
|
.k-selected:hover td,
|
|
97
|
-
.k-state-selected.k-state-hover td,
|
|
98
87
|
.k-selected.k-hover td {
|
|
99
88
|
@include fill( $bg: $grid-sticky-selected-hovered-bg );
|
|
100
89
|
}
|
|
@@ -152,12 +141,9 @@
|
|
|
152
141
|
.k-grid-header-menu,
|
|
153
142
|
.k-hierarchy-cell .k-icon {
|
|
154
143
|
&:focus,
|
|
155
|
-
&.k-
|
|
156
|
-
&.k-focus,
|
|
157
|
-
&.k-state-border-down {
|
|
144
|
+
&.k-focus {
|
|
158
145
|
box-shadow: inset 0 0 0 2px rgba( 0, 0, 0, .1 );
|
|
159
146
|
}
|
|
160
|
-
&.k-state-active,
|
|
161
147
|
&.k-active {
|
|
162
148
|
color: $selected-text;
|
|
163
149
|
background-color: $selected-bg;
|
|
@@ -211,20 +197,14 @@
|
|
|
211
197
|
}
|
|
212
198
|
|
|
213
199
|
// Selected state
|
|
214
|
-
&.k-state-selected .k-grid-content-sticky,
|
|
215
200
|
&.k-selected .k-grid-content-sticky,
|
|
216
|
-
&.k-state-selected .k-grid-row-sticky,
|
|
217
201
|
&.k-selected .k-grid-row-sticky,
|
|
218
|
-
td.k-grid-content-sticky.k-state-selected,
|
|
219
202
|
td.k-grid-content-sticky.k-selected {
|
|
220
203
|
@include fill( $bg: $grid-sticky-selected-bg );
|
|
221
204
|
}
|
|
222
205
|
|
|
223
|
-
&.k-state-selected.k-alt .k-grid-content-sticky,
|
|
224
206
|
&.k-selected.k-alt .k-grid-content-sticky,
|
|
225
|
-
&.k-state-selected.k-alt .k-grid-row-sticky,
|
|
226
207
|
&.k-selected.k-alt .k-grid-row-sticky,
|
|
227
|
-
&.k-alt td.k-grid-content-sticky.k-state-selected,
|
|
228
208
|
&.k-alt td.k-grid-content-sticky.k-selected {
|
|
229
209
|
@include fill( $bg: $grid-sticky-selected-alt-bg );
|
|
230
210
|
}
|
|
@@ -232,27 +212,19 @@
|
|
|
232
212
|
|
|
233
213
|
// Hovered state
|
|
234
214
|
&:hover .k-grid-content-sticky,
|
|
235
|
-
&:hover .k-grid-row-sticky,
|
|
236
|
-
&.k-state-hover .k-grid-content-sticky,
|
|
237
215
|
&.k-hover .k-grid-content-sticky,
|
|
238
|
-
|
|
216
|
+
&:hover .k-grid-row-sticky,
|
|
239
217
|
&.k-hover .k-grid-row-sticky {
|
|
240
218
|
background-color: $grid-sticky-hovered-bg;
|
|
241
219
|
}
|
|
242
220
|
|
|
243
221
|
|
|
244
222
|
// Selected hover
|
|
245
|
-
&.k-state-selected:hover .k-grid-content-sticky,
|
|
246
223
|
&.k-selected:hover .k-grid-content-sticky,
|
|
247
|
-
&.k-state-selected:hover .k-grid-row-sticky,
|
|
248
|
-
&.k-selected:hover .k-grid-row-sticky,
|
|
249
|
-
&.k-state-selected.k-state-hover .k-grid-content-sticky,
|
|
250
224
|
&.k-selected.k-hover .k-grid-content-sticky,
|
|
251
|
-
&.k-
|
|
225
|
+
&.k-selected:hover .k-grid-row-sticky,
|
|
252
226
|
&.k-selected.k-hover .k-grid-row-sticky,
|
|
253
|
-
&:hover td.k-grid-content-sticky.k-state-selected,
|
|
254
227
|
&:hover td.k-grid-content-sticky.k-selected,
|
|
255
|
-
&.k-state-hover td.k-grid-content-sticky.k-state-selected,
|
|
256
228
|
&.k-hover td.k-grid-content-sticky.k-selected {
|
|
257
229
|
background-color: $grid-sticky-selected-hovered-bg;
|
|
258
230
|
}
|
|
@@ -266,7 +238,6 @@
|
|
|
266
238
|
background-color: $grid-sticky-bg;
|
|
267
239
|
|
|
268
240
|
&:hover,
|
|
269
|
-
&.k-state-hover,
|
|
270
241
|
&.k-hover {
|
|
271
242
|
background-color: $grid-sticky-hovered-bg;
|
|
272
243
|
}
|
|
@@ -278,7 +249,6 @@
|
|
|
278
249
|
background-color: $grid-sticky-bg;
|
|
279
250
|
|
|
280
251
|
&:hover td,
|
|
281
|
-
&.k-state-hover td,
|
|
282
252
|
&.k-hover td {
|
|
283
253
|
background-color: $grid-sticky-hovered-bg;
|
|
284
254
|
}
|
|
@@ -290,66 +260,43 @@
|
|
|
290
260
|
}
|
|
291
261
|
|
|
292
262
|
// Selected state
|
|
293
|
-
tr.k-state-selected .k-grid-content-sticky,
|
|
294
263
|
tr.k-selected .k-grid-content-sticky,
|
|
295
|
-
.k-state-selected.k-grid-row-sticky td,
|
|
296
264
|
.k-selected.k-grid-row-sticky td,
|
|
297
|
-
.k-grid-row-sticky td.k-state-selected,
|
|
298
265
|
.k-grid-row-sticky td.k-selected,
|
|
299
|
-
.k-state-selected.k-grid-content-sticky,
|
|
300
266
|
.k-selected.k-grid-content-sticky {
|
|
301
267
|
@include fill( $bg: $grid-sticky-selected-bg );
|
|
302
268
|
}
|
|
303
269
|
|
|
304
|
-
tr.k-state-selected.k-alt .k-grid-content-sticky,
|
|
305
270
|
tr.k-selected.k-alt .k-grid-content-sticky,
|
|
306
|
-
.k-state-selected.k-alt.k-grid-row-sticky td,
|
|
307
271
|
.k-selected.k-alt.k-grid-row-sticky td,
|
|
308
|
-
.k-alt .k-state-selected.k-grid-content-sticky,
|
|
309
272
|
.k-alt .k-selected.k-grid-content-sticky {
|
|
310
273
|
@include fill( $bg: $grid-sticky-selected-alt-bg );
|
|
311
274
|
}
|
|
312
275
|
|
|
313
276
|
// Hover state
|
|
314
277
|
tr:hover .k-grid-content-sticky,
|
|
315
|
-
tr.k-state-hover .k-grid-content-sticky,
|
|
316
278
|
tr.k-hover .k-grid-content-sticky,
|
|
317
279
|
.k-grid-row-sticky:hover td,
|
|
318
|
-
.k-grid-row-sticky.k-state-hover td,
|
|
319
280
|
.k-grid-row-sticky.k-hover td,
|
|
320
281
|
.k-grid-row-sticky.k-alt:hover td,
|
|
321
|
-
.k-grid-row-sticky.k-alt.k-state-hover td,
|
|
322
282
|
.k-grid-row-sticky.k-alt.k-hover td,
|
|
323
283
|
.k-alt:hover .k-grid-content-sticky,
|
|
324
|
-
.k-alt.k-state-hover .k-grid-content-sticky,
|
|
325
284
|
.k-alt.k-hover .k-grid-content-sticky {
|
|
326
285
|
background-color: $grid-sticky-hovered-bg;
|
|
327
286
|
}
|
|
328
287
|
|
|
329
288
|
// Selected + Hover
|
|
330
|
-
tr.k-state-selected:hover .k-grid-content-sticky,
|
|
331
289
|
tr.k-selected:hover .k-grid-content-sticky,
|
|
332
|
-
tr.k-state-selected.k-state-hover .k-grid-content-sticky,
|
|
333
290
|
tr.k-selected.k-hover .k-grid-content-sticky,
|
|
334
|
-
.k-state-selected.k-grid-row-sticky:hover td,
|
|
335
291
|
.k-selected.k-grid-row-sticky:hover td,
|
|
336
|
-
.k-state-selected.k-grid-row-sticky.k-state-hover td,
|
|
337
292
|
.k-selected.k-grid-row-sticky.k-hover td,
|
|
338
|
-
.k-state-selected.k-alt.k-grid-row-sticky:hover td,
|
|
339
293
|
.k-selected.k-alt.k-grid-row-sticky:hover td,
|
|
340
|
-
.k-state-selected.k-alt.k-grid-row-sticky.k-state-hover td,
|
|
341
294
|
.k-selected.k-alt.k-grid-row-sticky.k-hover td,
|
|
342
|
-
tr.k-state-selected.k-alt:hover .k-grid-content-sticky,
|
|
343
295
|
tr.k-selected.k-alt:hover .k-grid-content-sticky,
|
|
344
|
-
tr.k-state-selected.k-alt.k-state-hover .k-grid-content-sticky,
|
|
345
296
|
tr.k-selected.k-alt.k-hover .k-grid-content-sticky,
|
|
346
|
-
.k-grid-row-sticky:hover td.k-state-selected,
|
|
347
297
|
.k-grid-row-sticky:hover td.k-selected,
|
|
348
|
-
.k-grid-row-sticky.k-state-hover td.k-state-selected,
|
|
349
298
|
.k-grid-row-sticky.k-hover td.k-selected,
|
|
350
|
-
tr:hover .k-grid-content-sticky.k-state-selected,
|
|
351
299
|
tr:hover .k-grid-content-sticky.k-selected,
|
|
352
|
-
tr.k-state-hover .k-grid-content-sticky.k-state-selected,
|
|
353
300
|
tr.k-hover .k-grid-content-sticky.k-selected {
|
|
354
301
|
background-color: $grid-sticky-selected-hovered-bg;
|
|
355
302
|
}
|
|
@@ -361,7 +308,6 @@
|
|
|
361
308
|
}
|
|
362
309
|
|
|
363
310
|
&:hover .k-grid-content-sticky,
|
|
364
|
-
&.k-state-hover .k-grid-content-sticky,
|
|
365
311
|
&.k-hover .k-grid-content-sticky {
|
|
366
312
|
@include fill( $bg: $grid-sticky-hovered-bg );
|
|
367
313
|
}
|
|
@@ -374,7 +320,6 @@
|
|
|
374
320
|
}
|
|
375
321
|
|
|
376
322
|
&:hover .k-grid-footer-sticky,
|
|
377
|
-
&.k-state-hover .k-grid-footer-sticky,
|
|
378
323
|
&.k-hover .k-grid-footer-sticky {
|
|
379
324
|
@include fill( $bg: $grid-sticky-footer-hovered-bg );
|
|
380
325
|
}
|
|
@@ -417,7 +362,6 @@
|
|
|
417
362
|
);
|
|
418
363
|
}
|
|
419
364
|
.k-columnmenu-item:focus,
|
|
420
|
-
.k-columnmenu-item.k-state-focus,
|
|
421
365
|
.k-columnmenu-item.k-focus {
|
|
422
366
|
@include box-shadow( $kendo-list-item-focus-shadow );
|
|
423
367
|
}
|
|
@@ -427,7 +371,6 @@
|
|
|
427
371
|
}
|
|
428
372
|
|
|
429
373
|
.k-columnmenu-item {
|
|
430
|
-
&.k-state-selected,
|
|
431
374
|
&.k-selected {
|
|
432
375
|
@include fill(
|
|
433
376
|
$kendo-list-item-selected-text,
|
|
@@ -453,7 +396,6 @@
|
|
|
453
396
|
);
|
|
454
397
|
|
|
455
398
|
&:hover,
|
|
456
|
-
&.k-state-hover,
|
|
457
399
|
&.k-hover {
|
|
458
400
|
@include fill(
|
|
459
401
|
$kendo-list-item-hover-text,
|
|
@@ -461,7 +403,6 @@
|
|
|
461
403
|
);
|
|
462
404
|
}
|
|
463
405
|
|
|
464
|
-
&.k-state-selected,
|
|
465
406
|
&.k-selected {
|
|
466
407
|
@include fill(
|
|
467
408
|
$kendo-list-item-selected-text,
|
|
@@ -470,7 +411,6 @@
|
|
|
470
411
|
}
|
|
471
412
|
|
|
472
413
|
&:focus,
|
|
473
|
-
&.k-state-focused,
|
|
474
414
|
&.k-focus {
|
|
475
415
|
@include box-shadow( $kendo-list-item-focus-shadow );
|
|
476
416
|
}
|
package/scss/pager/_theme.scss
CHANGED
|
@@ -45,7 +45,6 @@
|
|
|
45
45
|
outline-width: 0;
|
|
46
46
|
|
|
47
47
|
&:focus,
|
|
48
|
-
&.k-state-focus,
|
|
49
48
|
&.k-focus {
|
|
50
49
|
color: $scrollview-navigation-color;
|
|
51
50
|
opacity: $scrollview-navigation-hover-opacity;
|
|
@@ -56,7 +55,6 @@
|
|
|
56
55
|
}
|
|
57
56
|
|
|
58
57
|
&:hover,
|
|
59
|
-
&.k-state-hover,
|
|
60
58
|
&.k-hover {
|
|
61
59
|
color: $scrollview-navigation-color;
|
|
62
60
|
opacity: $scrollview-navigation-hover-opacity;
|
|
@@ -78,14 +76,12 @@
|
|
|
78
76
|
|
|
79
77
|
|
|
80
78
|
&:focus,
|
|
81
|
-
&.k-state-focused,
|
|
82
79
|
&.k-focus {
|
|
83
80
|
box-shadow: $scrollview-pagebutton-shadow;
|
|
84
81
|
}
|
|
85
82
|
}
|
|
86
83
|
|
|
87
84
|
.k-scrollview-nav > .k-link:hover,
|
|
88
|
-
.k-scrollview-nav > .k-link.k-state-hover,
|
|
89
85
|
.k-scrollview-nav > .k-link.k-hover {
|
|
90
86
|
box-shadow: $scrollview-pagebutton-shadow;
|
|
91
87
|
}
|
|
@@ -4,40 +4,42 @@ $kendo-signature-height: 108px !default;
|
|
|
4
4
|
$kendo-signature-maximized-width: 750px !default;
|
|
5
5
|
$kendo-signature-maximized-height: 252px !default;
|
|
6
6
|
|
|
7
|
-
$kendo-signature-padding: map-get( $spacing,
|
|
8
|
-
$kendo-signature-padding-sm: map-get( $spacing,
|
|
9
|
-
$kendo-signature-padding-md: $kendo-signature-padding !default;
|
|
10
|
-
$kendo-signature-padding-lg: map-get( $spacing,
|
|
7
|
+
$kendo-signature-padding-x: map-get( $spacing, 3 ) !default;
|
|
8
|
+
$kendo-signature-padding-x-sm: map-get( $spacing, 2 ) !default;
|
|
9
|
+
$kendo-signature-padding-x-md: $kendo-signature-padding-x !default;
|
|
10
|
+
$kendo-signature-padding-x-lg: map-get( $spacing, 4 ) !default;
|
|
11
|
+
|
|
12
|
+
$kendo-signature-padding-y: map-get( $spacing, 1 ) !default;
|
|
13
|
+
$kendo-signature-padding-y-sm: map-get( $spacing, thin ) !default;
|
|
14
|
+
$kendo-signature-padding-y-md: $kendo-signature-padding-y !default;
|
|
15
|
+
$kendo-signature-padding-y-lg: map-get( $spacing, 2 ) !default;
|
|
11
16
|
|
|
12
17
|
$kendo-signature-line-width: 1px !default;
|
|
13
18
|
$kendo-signature-line-style: dashed !default;
|
|
14
19
|
$kendo-signature-line-color: rgba( $info, .24 ) !default;
|
|
15
20
|
|
|
16
|
-
$kendo-signature-line-size: calc( 100% - 2 * #{$kendo-signature-padding} ) !default;
|
|
17
|
-
$kendo-signature-line-size-sm: calc( 100% - 2 * #{$kendo-signature-padding-sm} ) !default;
|
|
18
|
-
$kendo-signature-line-size-md: calc( 100% - 2 * #{$kendo-signature-padding-md} ) !default;
|
|
19
|
-
$kendo-signature-line-size-lg: calc( 100% - 2 * #{$kendo-signature-padding-lg} ) !default;
|
|
21
|
+
$kendo-signature-line-size: calc( 100% - 2 * #{$kendo-signature-padding-x} ) !default;
|
|
22
|
+
$kendo-signature-line-size-sm: calc( 100% - 2 * #{$kendo-signature-padding-x-sm} ) !default;
|
|
23
|
+
$kendo-signature-line-size-md: calc( 100% - 2 * #{$kendo-signature-padding-x-md} ) !default;
|
|
24
|
+
$kendo-signature-line-size-lg: calc( 100% - 2 * #{$kendo-signature-padding-x-lg} ) !default;
|
|
20
25
|
|
|
21
|
-
$kendo-signature-line-bottom-offset:
|
|
22
|
-
$kendo-signature-line-bottom-offset-sm: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding-sm} ) !default;
|
|
23
|
-
$kendo-signature-line-bottom-offset-md: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding-md} ) !default;
|
|
24
|
-
$kendo-signature-line-bottom-offset-lg: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding-lg} ) !default;
|
|
26
|
+
$kendo-signature-line-bottom-offset: 33% !default;
|
|
25
27
|
|
|
26
28
|
$kendo-signature-sizes: (
|
|
27
29
|
sm: (
|
|
28
|
-
padding: $kendo-signature-padding-sm,
|
|
29
|
-
|
|
30
|
-
line-
|
|
30
|
+
padding-x: $kendo-signature-padding-x-sm,
|
|
31
|
+
padding-y: $kendo-signature-padding-y-sm,
|
|
32
|
+
line-size: $kendo-signature-line-size-sm
|
|
31
33
|
),
|
|
32
34
|
md: (
|
|
33
|
-
padding: $kendo-signature-padding-md,
|
|
34
|
-
|
|
35
|
-
line-
|
|
35
|
+
padding-x: $kendo-signature-padding-x-md,
|
|
36
|
+
padding-y: $kendo-signature-padding-y-md,
|
|
37
|
+
line-size: $kendo-signature-line-size-md
|
|
36
38
|
),
|
|
37
39
|
lg: (
|
|
38
|
-
padding: $kendo-signature-padding-lg,
|
|
39
|
-
|
|
40
|
-
line-
|
|
40
|
+
padding-x: $kendo-signature-padding-x-lg,
|
|
41
|
+
padding-y: $kendo-signature-padding-y-lg,
|
|
42
|
+
line-size: $kendo-signature-line-size-lg
|
|
41
43
|
)
|
|
42
44
|
) !default;
|
|
43
45
|
|
|
@@ -125,7 +125,6 @@
|
|
|
125
125
|
);
|
|
126
126
|
box-shadow: inset 0 0 0 1px $kendo-button-border;
|
|
127
127
|
|
|
128
|
-
&.k-state-active,
|
|
129
128
|
&.k-active {
|
|
130
129
|
@include fill(
|
|
131
130
|
$kendo-button-active-text,
|
|
@@ -152,7 +151,6 @@
|
|
|
152
151
|
> .k-menu,
|
|
153
152
|
> .k-menu:not(.k-context-menu) {
|
|
154
153
|
.k-item {
|
|
155
|
-
&.k-state-hover,
|
|
156
154
|
&.k-hover {
|
|
157
155
|
@include fill(
|
|
158
156
|
$kendo-list-item-hover-text,
|
|
@@ -183,13 +181,11 @@
|
|
|
183
181
|
|
|
184
182
|
.k-spreadsheet-has-image {
|
|
185
183
|
&:hover,
|
|
186
|
-
&.k-state-hovered,
|
|
187
184
|
&.k-hover {
|
|
188
185
|
box-shadow: $spreadsheet-insert-image-dialog-preview-overlay-shadow;
|
|
189
186
|
}
|
|
190
187
|
|
|
191
188
|
&:hover div,
|
|
192
|
-
&.k-state-hovered div,
|
|
193
189
|
&.k-hover div {
|
|
194
190
|
color: $spreadsheet-insert-image-dialog-overlay-hovered-text;
|
|
195
191
|
}
|
|
@@ -224,7 +220,6 @@
|
|
|
224
220
|
.k-button {}
|
|
225
221
|
|
|
226
222
|
.k-button:hover,
|
|
227
|
-
.k-button.k-state-hover,
|
|
228
223
|
.k-button.k-hover {
|
|
229
224
|
@include fill(
|
|
230
225
|
$kendo-list-item-hover-text,
|
|
@@ -232,9 +227,7 @@
|
|
|
232
227
|
);
|
|
233
228
|
}
|
|
234
229
|
.k-button:active,
|
|
235
|
-
.k-button.k-state-active,
|
|
236
230
|
.k-button.k-active,
|
|
237
|
-
.k-button.k-state-selected,
|
|
238
231
|
.k-button.k-selected {
|
|
239
232
|
@include fill(
|
|
240
233
|
$kendo-list-item-selected-text,
|