@progress/kendo-theme-bootstrap 5.4.2-dev.6 → 5.5.1-dev.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all.css +348 -362
- package/dist/all.scss +436 -281
- package/lib/swatches/bootstrap-3-dark.json +1 -1
- package/lib/swatches/bootstrap-3.json +1 -1
- package/lib/swatches/bootstrap-4-dark.json +1 -1
- package/lib/swatches/bootstrap-4.json +1 -1
- package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
- package/lib/swatches/bootstrap-main-dark.json +1 -1
- package/lib/swatches/bootstrap-main.json +1 -1
- package/lib/swatches/bootstrap-nordic.json +1 -1
- package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
- package/lib/swatches/bootstrap-turquoise.json +1 -1
- package/lib/swatches/bootstrap-urban.json +1 -1
- package/lib/swatches/bootstrap-vintage.json +1 -1
- package/package.json +8 -11
- package/scss/breadcrumb/_layout.scss +1 -1
- package/scss/breadcrumb/_theme.scss +1 -1
- package/scss/button/_variables.scss +36 -16
- package/scss/chip/_variables.scss +2 -2
- package/scss/grid/_theme.scss +25 -25
- package/scss/index.scss +1 -0
- package/scss/input/_variables.scss +21 -4
- package/scss/list/_variables.scss +6 -6
- package/scss/pager/_theme.scss +1 -1
- package/scss/progressbar/_variables.scss +1 -0
- package/scss/scrollview/_theme.scss +4 -4
- package/scss/signature/_index.scss +10 -0
- package/scss/signature/_layout.scss +1 -0
- package/scss/signature/_theme.scss +1 -0
- package/scss/signature/_variables.scss +45 -0
- package/scss/spreadsheet/_theme.scss +6 -6
- package/scss/tabstrip/_theme.scss +4 -4
- package/scss/treeview/_variables.scss +5 -5
package/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.5.1-dev.1",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -37,20 +37,17 @@
|
|
|
37
37
|
}
|
|
38
38
|
},
|
|
39
39
|
"scripts": {
|
|
40
|
-
"
|
|
41
|
-
"sass
|
|
42
|
-
"sass:swatches": "gulp sass:swatches",
|
|
43
|
-
"sass:flat": "gulp sass:flat",
|
|
44
|
-
"dart": "gulp dart",
|
|
45
|
-
"dart:watch": "gulp dart:watch",
|
|
46
|
-
"dart:swatches": "gulp dart:swatches",
|
|
47
|
-
"dart:flat": "gulp dart:flat",
|
|
40
|
+
"build": "sass-build",
|
|
41
|
+
"sass": "sass-build",
|
|
48
42
|
"prepublishOnly": "node ../../scripts/themes-prepublish.js",
|
|
49
43
|
"postpublish": "echo 'no postpublish for bootstrap theme'"
|
|
50
44
|
},
|
|
51
45
|
"dependencies": {
|
|
52
|
-
"@progress/kendo-theme-default": "^5.
|
|
46
|
+
"@progress/kendo-theme-default": "^5.5.1-dev.1",
|
|
53
47
|
"bootstrap": "^5.1.0"
|
|
54
48
|
},
|
|
55
|
-
"
|
|
49
|
+
"devDependencies": {
|
|
50
|
+
"sass-build": "^0.0.1"
|
|
51
|
+
},
|
|
52
|
+
"gitHead": "af60c06ba819159a7b64019ea1abd23116c3bcd7"
|
|
56
53
|
}
|
|
@@ -11,34 +11,33 @@ $kendo-button-border-radius: null !default;
|
|
|
11
11
|
/// Horizontal padding of the button.
|
|
12
12
|
/// @group button
|
|
13
13
|
$kendo-button-padding-x: $btn-padding-x !default;
|
|
14
|
-
$kendo-button-padding-x-sm: $btn-padding-x !default;
|
|
15
|
-
$kendo-button-padding-x-md: $btn-padding-x !default;
|
|
16
|
-
$kendo-button-padding-x-lg: $btn-padding-x !default;
|
|
17
|
-
|
|
18
14
|
/// Vertical padding of the button.
|
|
19
15
|
/// @group button
|
|
20
16
|
$kendo-button-padding-y: $btn-padding-y !default;
|
|
21
|
-
$kendo-button-padding-y-sm: $btn-padding-y-sm !default;
|
|
22
|
-
$kendo-button-padding-y-md: $btn-padding-y !default;
|
|
23
|
-
$kendo-button-padding-y-lg: $btn-padding-y-lg !default;
|
|
24
|
-
|
|
25
17
|
/// Font family of the button.
|
|
26
18
|
/// @group button
|
|
27
19
|
$kendo-button-font-family: $font-family !default;
|
|
28
|
-
|
|
29
20
|
/// Font sizes of the button.
|
|
30
21
|
/// @group button
|
|
31
22
|
$kendo-button-font-size: $btn-font-size !default;
|
|
32
|
-
$kendo-button-font-size-sm: $btn-font-size !default;
|
|
33
|
-
$kendo-button-font-size-md: $btn-font-size !default;
|
|
34
|
-
$kendo-button-font-size-lg: $btn-font-size !default;
|
|
35
|
-
|
|
36
23
|
/// Line heights used along with $font-size.
|
|
37
24
|
/// @group button
|
|
38
25
|
$kendo-button-line-height: $btn-line-height !default;
|
|
39
|
-
|
|
40
|
-
$kendo-button-
|
|
41
|
-
$kendo-button-
|
|
26
|
+
|
|
27
|
+
$kendo-button-padding-x-sm: $btn-padding-x-sm !default;
|
|
28
|
+
$kendo-button-padding-y-sm: $btn-padding-y-sm !default;
|
|
29
|
+
$kendo-button-font-size-sm: $font-size-sm !default;
|
|
30
|
+
$kendo-button-line-height-sm: ( 20 / 14 ) !default;
|
|
31
|
+
|
|
32
|
+
$kendo-button-padding-x-md: $btn-padding-x !default;
|
|
33
|
+
$kendo-button-padding-y-md: $btn-padding-y !default;
|
|
34
|
+
$kendo-button-font-size-md: $font-size-md !default;
|
|
35
|
+
$kendo-button-line-height-md: $line-height-md !default;
|
|
36
|
+
|
|
37
|
+
$kendo-button-padding-x-lg: $btn-padding-x-lg !default;
|
|
38
|
+
$kendo-button-padding-y-lg: $btn-padding-y-lg !default;
|
|
39
|
+
$kendo-button-font-size-lg: $font-size-md !default;
|
|
40
|
+
$kendo-button-line-height-lg: $line-height-md !default;
|
|
42
41
|
|
|
43
42
|
/// Calculated height of the button.
|
|
44
43
|
/// @group button
|
|
@@ -48,6 +47,27 @@ $kendo-button-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-but
|
|
|
48
47
|
/// @group button
|
|
49
48
|
$kendo-button-inner-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-button-padding-y * 2} ) !default;
|
|
50
49
|
|
|
50
|
+
$kendo-button-sizes: (
|
|
51
|
+
sm: (
|
|
52
|
+
padding-x: $kendo-button-padding-x-sm,
|
|
53
|
+
padding-y: $kendo-button-padding-y-sm,
|
|
54
|
+
font-size: $kendo-button-font-size-sm,
|
|
55
|
+
line-height: $kendo-button-line-height-sm
|
|
56
|
+
),
|
|
57
|
+
md: (
|
|
58
|
+
padding-x: $kendo-button-padding-x-md,
|
|
59
|
+
padding-y: $kendo-button-padding-y-md,
|
|
60
|
+
font-size: $kendo-button-font-size-md,
|
|
61
|
+
line-height: $kendo-button-line-height-md
|
|
62
|
+
),
|
|
63
|
+
lg: (
|
|
64
|
+
padding-x: $kendo-button-padding-x-lg,
|
|
65
|
+
padding-y: $kendo-button-padding-y-lg,
|
|
66
|
+
font-size: $kendo-button-font-size-lg,
|
|
67
|
+
line-height: $kendo-button-line-height-lg
|
|
68
|
+
)
|
|
69
|
+
) !default;
|
|
70
|
+
|
|
51
71
|
/// Theme colors map for the button.
|
|
52
72
|
/// @group button
|
|
53
73
|
$kendo-button-theme-colors: map-merge(
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
$kendo-chip-border-width: 1px !default;
|
|
6
6
|
/// The spacing between the text and the icons of the chip.
|
|
7
7
|
/// @group chip
|
|
8
|
-
$kendo-chip-spacing: map-get( $spacing, 1 );
|
|
8
|
+
$kendo-chip-spacing: map-get( $spacing, 1 ) !default;
|
|
9
9
|
|
|
10
10
|
/// Horizontal padding of the chip.
|
|
11
11
|
/// @group chip
|
|
@@ -24,7 +24,7 @@ $kendo-chip-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !de
|
|
|
24
24
|
/// Font sizes of the chip.
|
|
25
25
|
/// @group chip
|
|
26
26
|
$kendo-chip-font-size: $font-size-md !default;
|
|
27
|
-
$kendo-chip-font-size-sm: $font-size-
|
|
27
|
+
$kendo-chip-font-size-sm: $font-size-sm !default;
|
|
28
28
|
$kendo-chip-font-size-md: $font-size-md !default;
|
|
29
29
|
$kendo-chip-font-size-lg: $font-size-md !default;
|
|
30
30
|
|
package/scss/grid/_theme.scss
CHANGED
|
@@ -18,9 +18,9 @@
|
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
// Hover state
|
|
21
|
-
tbody
|
|
22
|
-
tbody
|
|
23
|
-
tbody
|
|
21
|
+
tbody>tr:not(.k-detail-row):hover,
|
|
22
|
+
tbody>tr:not(.k-detail-row).k-state-hover,
|
|
23
|
+
tbody>tr:not(.k-detail-row).k-hover {
|
|
24
24
|
color: $grid-hovered-text;
|
|
25
25
|
background-color: $grid-hovered-bg;
|
|
26
26
|
}
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
th.k-selected,
|
|
31
31
|
td.k-state-selected,
|
|
32
32
|
td.k-selected,
|
|
33
|
-
tr.k-state-selected > td
|
|
33
|
+
tr.k-state-selected > td,
|
|
34
34
|
tr.k-selected > td {
|
|
35
35
|
color: $grid-selected-text;
|
|
36
36
|
background-color: $grid-selected-bg;
|
|
@@ -81,12 +81,12 @@
|
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
// Selected state
|
|
84
|
-
.k-state-selected td
|
|
84
|
+
.k-state-selected td,
|
|
85
85
|
.k-selected td {
|
|
86
86
|
@include fill( $bg: $grid-sticky-selected-bg );
|
|
87
87
|
}
|
|
88
88
|
|
|
89
|
-
.k-state-selected.k-alt td
|
|
89
|
+
.k-state-selected.k-alt td,
|
|
90
90
|
.k-selected.k-alt td {
|
|
91
91
|
@include fill( $bg: $grid-sticky-selected-alt-bg );
|
|
92
92
|
}
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
// Selected hover
|
|
95
95
|
.k-state-selected:hover td,
|
|
96
96
|
.k-selected:hover td,
|
|
97
|
-
.k-state-selected.k-state-hover td
|
|
97
|
+
.k-state-selected.k-state-hover td,
|
|
98
98
|
.k-selected.k-hover td {
|
|
99
99
|
@include fill( $bg: $grid-sticky-selected-hovered-bg );
|
|
100
100
|
}
|
|
@@ -154,7 +154,7 @@
|
|
|
154
154
|
&.k-state-border-down {
|
|
155
155
|
box-shadow: inset 0 0 0 2px rgba( 0, 0, 0, .1 );
|
|
156
156
|
}
|
|
157
|
-
&.k-state-active
|
|
157
|
+
&.k-state-active,
|
|
158
158
|
&.k-active {
|
|
159
159
|
color: $selected-text;
|
|
160
160
|
background-color: $selected-bg;
|
|
@@ -212,7 +212,7 @@
|
|
|
212
212
|
&.k-selected .k-grid-content-sticky,
|
|
213
213
|
&.k-state-selected .k-grid-row-sticky,
|
|
214
214
|
&.k-selected .k-grid-row-sticky,
|
|
215
|
-
td.k-grid-content-sticky.k-state-selected
|
|
215
|
+
td.k-grid-content-sticky.k-state-selected,
|
|
216
216
|
td.k-grid-content-sticky.k-selected {
|
|
217
217
|
@include fill( $bg: $grid-sticky-selected-bg );
|
|
218
218
|
}
|
|
@@ -221,7 +221,7 @@
|
|
|
221
221
|
&.k-selected.k-alt .k-grid-content-sticky,
|
|
222
222
|
&.k-state-selected.k-alt .k-grid-row-sticky,
|
|
223
223
|
&.k-selected.k-alt .k-grid-row-sticky,
|
|
224
|
-
&.k-alt td.k-grid-content-sticky.k-state-selected
|
|
224
|
+
&.k-alt td.k-grid-content-sticky.k-state-selected,
|
|
225
225
|
&.k-alt td.k-grid-content-sticky.k-selected {
|
|
226
226
|
@include fill( $bg: $grid-sticky-selected-alt-bg );
|
|
227
227
|
}
|
|
@@ -232,7 +232,7 @@
|
|
|
232
232
|
&:hover .k-grid-row-sticky,
|
|
233
233
|
&.k-state-hover .k-grid-content-sticky,
|
|
234
234
|
&.k-hover .k-grid-content-sticky,
|
|
235
|
-
&.k-state-hover .k-grid-row-sticky
|
|
235
|
+
&.k-state-hover .k-grid-row-sticky,
|
|
236
236
|
&.k-hover .k-grid-row-sticky {
|
|
237
237
|
background-color: $grid-sticky-hovered-bg;
|
|
238
238
|
}
|
|
@@ -249,7 +249,7 @@
|
|
|
249
249
|
&.k-selected.k-hover .k-grid-row-sticky,
|
|
250
250
|
&:hover td.k-grid-content-sticky.k-state-selected,
|
|
251
251
|
&:hover td.k-grid-content-sticky.k-selected,
|
|
252
|
-
&.k-state-hover td.k-grid-content-sticky.k-state-selected
|
|
252
|
+
&.k-state-hover td.k-grid-content-sticky.k-state-selected,
|
|
253
253
|
&.k-hover td.k-grid-content-sticky.k-selected {
|
|
254
254
|
background-color: $grid-sticky-selected-hovered-bg;
|
|
255
255
|
}
|
|
@@ -263,7 +263,7 @@
|
|
|
263
263
|
background-color: $grid-sticky-bg;
|
|
264
264
|
|
|
265
265
|
&:hover,
|
|
266
|
-
&.k-state-hover
|
|
266
|
+
&.k-state-hover,
|
|
267
267
|
&.k-hover {
|
|
268
268
|
background-color: $grid-sticky-hovered-bg;
|
|
269
269
|
}
|
|
@@ -275,7 +275,7 @@
|
|
|
275
275
|
background-color: $grid-sticky-bg;
|
|
276
276
|
|
|
277
277
|
&:hover td,
|
|
278
|
-
&.k-state-hover td
|
|
278
|
+
&.k-state-hover td,
|
|
279
279
|
&.k-hover td {
|
|
280
280
|
background-color: $grid-sticky-hovered-bg;
|
|
281
281
|
}
|
|
@@ -293,7 +293,7 @@
|
|
|
293
293
|
.k-selected.k-grid-row-sticky td,
|
|
294
294
|
.k-grid-row-sticky td.k-state-selected,
|
|
295
295
|
.k-grid-row-sticky td.k-selected,
|
|
296
|
-
.k-state-selected.k-grid-content-sticky
|
|
296
|
+
.k-state-selected.k-grid-content-sticky,
|
|
297
297
|
.k-selected.k-grid-content-sticky {
|
|
298
298
|
@include fill( $bg: $grid-sticky-selected-bg );
|
|
299
299
|
}
|
|
@@ -302,7 +302,7 @@
|
|
|
302
302
|
tr.k-selected.k-alt .k-grid-content-sticky,
|
|
303
303
|
.k-state-selected.k-alt.k-grid-row-sticky td,
|
|
304
304
|
.k-selected.k-alt.k-grid-row-sticky td,
|
|
305
|
-
.k-alt .k-state-selected.k-grid-content-sticky
|
|
305
|
+
.k-alt .k-state-selected.k-grid-content-sticky,
|
|
306
306
|
.k-alt .k-selected.k-grid-content-sticky {
|
|
307
307
|
@include fill( $bg: $grid-sticky-selected-alt-bg );
|
|
308
308
|
}
|
|
@@ -318,7 +318,7 @@
|
|
|
318
318
|
.k-grid-row-sticky.k-alt.k-state-hover td,
|
|
319
319
|
.k-grid-row-sticky.k-alt.k-hover td,
|
|
320
320
|
.k-alt:hover .k-grid-content-sticky,
|
|
321
|
-
.k-alt.k-state-hover .k-grid-content-sticky
|
|
321
|
+
.k-alt.k-state-hover .k-grid-content-sticky,
|
|
322
322
|
.k-alt.k-hover .k-grid-content-sticky {
|
|
323
323
|
background-color: $grid-sticky-hovered-bg;
|
|
324
324
|
}
|
|
@@ -346,7 +346,7 @@
|
|
|
346
346
|
.k-grid-row-sticky.k-hover td.k-selected,
|
|
347
347
|
tr:hover .k-grid-content-sticky.k-state-selected,
|
|
348
348
|
tr:hover .k-grid-content-sticky.k-selected,
|
|
349
|
-
tr.k-state-hover .k-grid-content-sticky.k-state-selected
|
|
349
|
+
tr.k-state-hover .k-grid-content-sticky.k-state-selected,
|
|
350
350
|
tr.k-hover .k-grid-content-sticky.k-selected {
|
|
351
351
|
background-color: $grid-sticky-selected-hovered-bg;
|
|
352
352
|
}
|
|
@@ -358,7 +358,7 @@
|
|
|
358
358
|
}
|
|
359
359
|
|
|
360
360
|
&:hover .k-grid-content-sticky,
|
|
361
|
-
&.k-state-hover .k-grid-content-sticky
|
|
361
|
+
&.k-state-hover .k-grid-content-sticky,
|
|
362
362
|
&.k-hover .k-grid-content-sticky {
|
|
363
363
|
@include fill( $bg: $grid-sticky-hovered-bg );
|
|
364
364
|
}
|
|
@@ -371,7 +371,7 @@
|
|
|
371
371
|
}
|
|
372
372
|
|
|
373
373
|
&:hover .k-grid-footer-sticky,
|
|
374
|
-
&.k-state-hover .k-grid-footer-sticky
|
|
374
|
+
&.k-state-hover .k-grid-footer-sticky,
|
|
375
375
|
&.k-hover .k-grid-footer-sticky {
|
|
376
376
|
@include fill( $bg: $grid-sticky-footer-hovered-bg );
|
|
377
377
|
}
|
|
@@ -414,7 +414,7 @@
|
|
|
414
414
|
);
|
|
415
415
|
}
|
|
416
416
|
.k-columnmenu-item:focus,
|
|
417
|
-
.k-columnmenu-item.k-state-focus
|
|
417
|
+
.k-columnmenu-item.k-state-focus,
|
|
418
418
|
.k-columnmenu-item.k-focus {
|
|
419
419
|
@include box-shadow( $kendo-list-item-focus-shadow );
|
|
420
420
|
}
|
|
@@ -424,7 +424,7 @@
|
|
|
424
424
|
}
|
|
425
425
|
|
|
426
426
|
.k-columnmenu-item {
|
|
427
|
-
&.k-state-selected
|
|
427
|
+
&.k-state-selected,
|
|
428
428
|
&.k-selected {
|
|
429
429
|
@include fill(
|
|
430
430
|
$kendo-list-item-selected-text,
|
|
@@ -450,7 +450,7 @@
|
|
|
450
450
|
);
|
|
451
451
|
|
|
452
452
|
&:hover,
|
|
453
|
-
&.k-state-hover
|
|
453
|
+
&.k-state-hover,
|
|
454
454
|
&.k-hover {
|
|
455
455
|
@include fill(
|
|
456
456
|
$kendo-list-item-hover-text,
|
|
@@ -458,7 +458,7 @@
|
|
|
458
458
|
);
|
|
459
459
|
}
|
|
460
460
|
|
|
461
|
-
&.k-state-selected
|
|
461
|
+
&.k-state-selected,
|
|
462
462
|
&.k-selected {
|
|
463
463
|
@include fill(
|
|
464
464
|
$kendo-list-item-selected-text,
|
|
@@ -467,7 +467,7 @@
|
|
|
467
467
|
}
|
|
468
468
|
|
|
469
469
|
&:focus,
|
|
470
|
-
&.k-state-focused
|
|
470
|
+
&.k-state-focused,
|
|
471
471
|
&.k-focus {
|
|
472
472
|
@include box-shadow( $kendo-list-item-focus-shadow );
|
|
473
473
|
}
|
package/scss/index.scss
CHANGED
|
@@ -1,27 +1,44 @@
|
|
|
1
1
|
// Input
|
|
2
|
+
|
|
3
|
+
/// Default width of input components.
|
|
4
|
+
/// @group input
|
|
2
5
|
$kendo-input-default-width: 100% !default;
|
|
3
6
|
|
|
7
|
+
/// Border width of input components.
|
|
8
|
+
/// @group input
|
|
4
9
|
$kendo-input-border-width: $input-border-width !default;
|
|
5
10
|
$kendo-input-border-height: ( $kendo-input-border-width * 2 ) !default;
|
|
11
|
+
/// Border radius of input components.
|
|
12
|
+
/// @group input
|
|
6
13
|
$kendo-input-border-radius: null !default;
|
|
7
14
|
|
|
15
|
+
/// Horizontal padding of input components.
|
|
16
|
+
/// @group input
|
|
8
17
|
$kendo-input-padding-x: $input-padding-x !default;
|
|
18
|
+
/// Vertical padding of input components.
|
|
19
|
+
/// @group input
|
|
9
20
|
$kendo-input-padding-y: $input-padding-y !default;
|
|
21
|
+
/// Font family of input components.
|
|
22
|
+
/// @group input
|
|
10
23
|
$kendo-input-font-family: $font-family !default;
|
|
24
|
+
/// Font size of input components.
|
|
25
|
+
/// @group input
|
|
11
26
|
$kendo-input-font-size: $font-size !default;
|
|
27
|
+
/// Line height of input components.
|
|
28
|
+
/// @group input
|
|
12
29
|
$kendo-input-line-height: $input-line-height !default;
|
|
13
30
|
|
|
14
|
-
$kendo-input-padding-x-sm: $input-padding-x !default;
|
|
31
|
+
$kendo-input-padding-x-sm: $input-padding-x-sm !default;
|
|
15
32
|
$kendo-input-padding-y-sm: $input-padding-y-sm !default;
|
|
16
|
-
$kendo-input-font-size-sm: $font-size-
|
|
17
|
-
$kendo-input-line-height-sm:
|
|
33
|
+
$kendo-input-font-size-sm: $font-size-sm !default;
|
|
34
|
+
$kendo-input-line-height-sm: ( 20 / 14 ) !default;
|
|
18
35
|
|
|
19
36
|
$kendo-input-padding-x-md: $input-padding-x !default;
|
|
20
37
|
$kendo-input-padding-y-md: $input-padding-y !default;
|
|
21
38
|
$kendo-input-font-size-md: $font-size-md !default;
|
|
22
39
|
$kendo-input-line-height-md: $line-height-md !default;
|
|
23
40
|
|
|
24
|
-
$kendo-input-padding-x-lg: $input-padding-x !default;
|
|
41
|
+
$kendo-input-padding-x-lg: $input-padding-x-lg !default;
|
|
25
42
|
$kendo-input-padding-y-lg: $input-padding-y-lg !default;
|
|
26
43
|
$kendo-input-font-size-lg: $font-size-md !default;
|
|
27
44
|
$kendo-input-line-height-lg: $line-height-md !default;
|
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
/// Font size of the list component, if no size is set.
|
|
4
4
|
/// @group list
|
|
5
5
|
$kendo-list-font-size: null !default;
|
|
6
|
-
$kendo-list-font-size-sm: $font-size-
|
|
6
|
+
$kendo-list-font-size-sm: $font-size-sm !default;
|
|
7
7
|
$kendo-list-font-size-md: $font-size-md !default;
|
|
8
8
|
$kendo-list-font-size-lg: $font-size-md !default;
|
|
9
9
|
|
|
10
10
|
/// Line height of the list component, if no size is set.
|
|
11
11
|
/// @group list
|
|
12
12
|
$kendo-list-line-height: null !default;
|
|
13
|
-
$kendo-list-line-height-sm:
|
|
13
|
+
$kendo-list-line-height-sm: (20 / 14) !default;
|
|
14
14
|
$kendo-list-line-height-md: null !default;
|
|
15
15
|
$kendo-list-line-height-lg: null !default;
|
|
16
16
|
|
|
@@ -26,9 +26,9 @@ $kendo-list-header-padding-x-lg: map-get( $spacing, 4 ) !default;
|
|
|
26
26
|
/// @group list
|
|
27
27
|
$kendo-list-header-padding-y: null !default;
|
|
28
28
|
$kendo-list-header-padding-y-base: map-get( $spacing, 1 ) !default;
|
|
29
|
-
$kendo-list-header-padding-y-sm: map-get( $spacing, 1 )
|
|
29
|
+
$kendo-list-header-padding-y-sm: map-get( $spacing, 1 ) !default;
|
|
30
30
|
$kendo-list-header-padding-y-md: map-get( $spacing, 1 ) !default;
|
|
31
|
-
$kendo-list-header-padding-y-lg: map-get( $spacing,
|
|
31
|
+
$kendo-list-header-padding-y-lg: map-get( $spacing, 2 ) !default;
|
|
32
32
|
|
|
33
33
|
/// Border width of list header.
|
|
34
34
|
/// @group list
|
|
@@ -64,9 +64,9 @@ $kendo-list-item-padding-x-lg: map-get( $spacing, 4 ) !default;
|
|
|
64
64
|
/// @group list
|
|
65
65
|
$kendo-list-item-padding-y: null !default;
|
|
66
66
|
$kendo-list-item-padding-y-base: map-get( $spacing, 1 ) !default;
|
|
67
|
-
$kendo-list-item-padding-y-sm: map-get( $spacing, 1 )
|
|
67
|
+
$kendo-list-item-padding-y-sm: map-get( $spacing, 1 ) !default;
|
|
68
68
|
$kendo-list-item-padding-y-md: map-get( $spacing, 1 ) !default;
|
|
69
|
-
$kendo-list-item-padding-y-lg: map-get( $spacing,
|
|
69
|
+
$kendo-list-item-padding-y-lg: map-get( $spacing, 2 ) !default;
|
|
70
70
|
|
|
71
71
|
/// Font size of list items, if no size is set.
|
|
72
72
|
/// @group list
|
package/scss/pager/_theme.scss
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
// Progressbar
|
|
2
2
|
$progressbar-height: $progress-height !default;
|
|
3
|
+
$progressbar-horizontal-width: 100% !default;
|
|
3
4
|
$progressbar-animation-timing: $progress-bar-animation-timing !default;
|
|
4
5
|
$progressbar-border-width: 0px !default;
|
|
5
6
|
$progressbar-font-family: $font-family !default;
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
outline-width: 0;
|
|
46
46
|
|
|
47
47
|
&:focus,
|
|
48
|
-
&.k-state-focus
|
|
48
|
+
&.k-state-focus,
|
|
49
49
|
&.k-focus {
|
|
50
50
|
color: $scrollview-navigation-color;
|
|
51
51
|
opacity: $scrollview-navigation-hover-opacity;
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
}
|
|
57
57
|
|
|
58
58
|
&:hover,
|
|
59
|
-
&.k-state-hover
|
|
59
|
+
&.k-state-hover,
|
|
60
60
|
&.k-hover {
|
|
61
61
|
color: $scrollview-navigation-color;
|
|
62
62
|
opacity: $scrollview-navigation-hover-opacity;
|
|
@@ -78,14 +78,14 @@
|
|
|
78
78
|
|
|
79
79
|
|
|
80
80
|
&:focus,
|
|
81
|
-
&.k-state-focused
|
|
81
|
+
&.k-state-focused,
|
|
82
82
|
&.k-focus {
|
|
83
83
|
box-shadow: $scrollview-pagebutton-shadow;
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
.k-scrollview-nav > .k-link:hover,
|
|
88
|
-
.k-scrollview-nav > .k-link.k-state-hover
|
|
88
|
+
.k-scrollview-nav > .k-link.k-state-hover,
|
|
89
89
|
.k-scrollview-nav > .k-link.k-hover {
|
|
90
90
|
box-shadow: $scrollview-pagebutton-shadow;
|
|
91
91
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "~@progress/kendo-theme-default/scss/signature/_layout.scss";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "~@progress/kendo-theme-default/scss/signature/_theme.scss";
|