@progress/kendo-theme-bootstrap 12.2.0-dev.2 → 12.2.0-dev.4
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 +1 -1
- package/dist/bootstrap-3-dark.css +1 -1
- package/dist/bootstrap-3.css +1 -1
- package/dist/bootstrap-4-dark.css +1 -1
- package/dist/bootstrap-4.css +1 -1
- package/dist/bootstrap-dataviz-v4.css +1 -1
- package/dist/bootstrap-main-dark.css +1 -1
- package/dist/bootstrap-main.css +1 -1
- package/dist/bootstrap-nordic.css +1 -1
- package/dist/bootstrap-turquoise-dark.css +1 -1
- package/dist/bootstrap-turquoise.css +1 -1
- package/dist/bootstrap-urban.css +1 -1
- package/dist/bootstrap-vintage.css +1 -1
- package/dist/meta/sassdoc-data.json +78226 -47142
- package/dist/meta/sassdoc-raw-data.json +36624 -22474
- package/dist/meta/variables.json +1 -109
- 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 +4 -4
- package/scss/action-buttons/_variables.scss +18 -0
- package/scss/action-sheet/_variables.scss +138 -0
- package/scss/adaptive/_variables.scss +36 -0
- package/scss/appbar/_variables.scss +2 -0
- package/scss/badge/_variables.scss +2 -0
- package/scss/bottom-navigation/_variables.scss +2 -0
- package/scss/bubble/_variables.scss +0 -1
- package/scss/button/_variables.scss +28 -24
- package/scss/card/_variables.scss +2 -0
- package/scss/chat/_variables.scss +1 -1
- package/scss/checkbox/_variables.scss +2 -0
- package/scss/chip/_variables.scss +0 -2
- package/scss/color-preview/_variables.scss +18 -0
- package/scss/colorgradient/_variables.scss +1 -1
- package/scss/colorpalette/_variables.scss +1 -1
- package/scss/column-menu/_variables.scss +40 -0
- package/scss/dataviz/_variables.scss +202 -0
- package/scss/daterangepicker/_variables.scss +2 -0
- package/scss/draggable/_variables.scss +40 -0
- package/scss/editor/_variables.scss +6 -0
- package/scss/grid/_variables.scss +180 -17
- package/scss/icons/_variables.scss +14 -0
- package/scss/imageeditor/_variables.scss +62 -0
- package/scss/input/_variables.scss +0 -4
- package/scss/list/_variables.scss +126 -30
- package/scss/listgroup/_variables.scss +20 -0
- package/scss/loader/_variables.scss +2 -0
- package/scss/marquee/_variables.scss +6 -0
- package/scss/menu/_variables.scss +37 -5
- package/scss/messagebox/_variables.scss +24 -0
- package/scss/otp/_variables.scss +2 -0
- package/scss/overlay/_variables.scss +6 -0
- package/scss/pivotgrid/_variables.scss +10 -22
- package/scss/scheduler/_variables.scss +2 -0
- package/scss/signature/_variables.scss +42 -0
- package/scss/spreadsheet/_variables.scss +4 -0
- package/scss/stepper/_variables.scss +3 -3
- package/scss/suggestion/_variables.scss +2 -0
- package/scss/table/_variables.scss +12 -0
- package/scss/timeselector/_variables.scss +84 -0
- package/scss/upload/_variables.scss +4 -0
package/dist/meta/variables.json
CHANGED
|
@@ -3472,46 +3472,6 @@
|
|
|
3472
3472
|
"type": "String",
|
|
3473
3473
|
"value": "none"
|
|
3474
3474
|
},
|
|
3475
|
-
"kendo-solid-button-shade-function": {
|
|
3476
|
-
"type": "String",
|
|
3477
|
-
"value": "\"k-color-darken\""
|
|
3478
|
-
},
|
|
3479
|
-
"kendo-solid-button-shade-text-amount": {
|
|
3480
|
-
"type": "Number",
|
|
3481
|
-
"value": "0"
|
|
3482
|
-
},
|
|
3483
|
-
"kendo-solid-button-shade-bg-amount": {
|
|
3484
|
-
"type": "Number",
|
|
3485
|
-
"value": "0"
|
|
3486
|
-
},
|
|
3487
|
-
"kendo-solid-button-shade-border-amount": {
|
|
3488
|
-
"type": "Number",
|
|
3489
|
-
"value": "0"
|
|
3490
|
-
},
|
|
3491
|
-
"kendo-solid-button-hover-shade-text-amount": {
|
|
3492
|
-
"type": "Null",
|
|
3493
|
-
"value": "null"
|
|
3494
|
-
},
|
|
3495
|
-
"kendo-solid-button-hover-shade-bg-amount": {
|
|
3496
|
-
"type": "Number",
|
|
3497
|
-
"value": "7.5%"
|
|
3498
|
-
},
|
|
3499
|
-
"kendo-solid-button-hover-shade-border-amount": {
|
|
3500
|
-
"type": "Number",
|
|
3501
|
-
"value": "10%"
|
|
3502
|
-
},
|
|
3503
|
-
"kendo-solid-button-active-shade-text-amount": {
|
|
3504
|
-
"type": "Null",
|
|
3505
|
-
"value": "null"
|
|
3506
|
-
},
|
|
3507
|
-
"kendo-solid-button-active-shade-bg-amount": {
|
|
3508
|
-
"type": "Number",
|
|
3509
|
-
"value": "10%"
|
|
3510
|
-
},
|
|
3511
|
-
"kendo-solid-button-active-shade-border-amount": {
|
|
3512
|
-
"type": "Number",
|
|
3513
|
-
"value": "12.5%"
|
|
3514
|
-
},
|
|
3515
3475
|
"kendo-solid-button-shadow": {
|
|
3516
3476
|
"type": "Bool",
|
|
3517
3477
|
"value": "true"
|
|
@@ -3596,10 +3556,6 @@
|
|
|
3596
3556
|
"type": "Number",
|
|
3597
3557
|
"value": "1px"
|
|
3598
3558
|
},
|
|
3599
|
-
"kendo-input-border-height": {
|
|
3600
|
-
"type": "Calculation",
|
|
3601
|
-
"value": "calc(1px * 2)"
|
|
3602
|
-
},
|
|
3603
3559
|
"kendo-input-border-radius": {
|
|
3604
3560
|
"type": "Null",
|
|
3605
3561
|
"value": "null"
|
|
@@ -11425,10 +11381,6 @@
|
|
|
11425
11381
|
"type": "Number",
|
|
11426
11382
|
"value": "0.75rem"
|
|
11427
11383
|
},
|
|
11428
|
-
"kendo-grid-sorting-index-height": {
|
|
11429
|
-
"type": "Number",
|
|
11430
|
-
"value": "1rem"
|
|
11431
|
-
},
|
|
11432
11384
|
"kendo-grid-sorting-index-spacing-y": {
|
|
11433
11385
|
"type": "String",
|
|
11434
11386
|
"value": "var(--kendo-spacing-0\\.5, 0.125rem)"
|
|
@@ -11461,10 +11413,6 @@
|
|
|
11461
11413
|
"type": "String",
|
|
11462
11414
|
"value": "var(--kendo-color-base-subtle-hover, #dee2e6)"
|
|
11463
11415
|
},
|
|
11464
|
-
"kendo-grid-sticky-text": {
|
|
11465
|
-
"type": "String",
|
|
11466
|
-
"value": "var(--kendo-color-on-app-surface, #212529)"
|
|
11467
|
-
},
|
|
11468
11416
|
"kendo-grid-sticky-border": {
|
|
11469
11417
|
"type": "String",
|
|
11470
11418
|
"value": "color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 50%, transparent)"
|
|
@@ -11497,18 +11445,6 @@
|
|
|
11497
11445
|
"type": "Number",
|
|
11498
11446
|
"value": "320px"
|
|
11499
11447
|
},
|
|
11500
|
-
"kendo-grid-filter-menu-check-all-border-bottom-width": {
|
|
11501
|
-
"type": "Number",
|
|
11502
|
-
"value": "1px"
|
|
11503
|
-
},
|
|
11504
|
-
"kendo-grid-filter-menu-item-spacing-x": {
|
|
11505
|
-
"type": "String",
|
|
11506
|
-
"value": "var(--kendo-spacing-6, 1.5rem)"
|
|
11507
|
-
},
|
|
11508
|
-
"kendo-grid-filter-menu-item-spacing-y": {
|
|
11509
|
-
"type": "String",
|
|
11510
|
-
"value": "var(--kendo-spacing-2, 0.5rem)"
|
|
11511
|
-
},
|
|
11512
11448
|
"kendo-grid-column-menu-popup-padding-x": {
|
|
11513
11449
|
"type": "Null",
|
|
11514
11450
|
"value": "null"
|
|
@@ -11593,10 +11529,6 @@
|
|
|
11593
11529
|
"type": "Number",
|
|
11594
11530
|
"value": "3rem"
|
|
11595
11531
|
},
|
|
11596
|
-
"kendo-grid-row-inner-height": {
|
|
11597
|
-
"type": "Calculation",
|
|
11598
|
-
"value": "calc(calc(1.5 * 1em) + var(--kendo-spacing-2, 0.5rem) * 2)"
|
|
11599
|
-
},
|
|
11600
11532
|
"kendo-grid-hierarchy-col-width": {
|
|
11601
11533
|
"type": "Number",
|
|
11602
11534
|
"value": "2rem"
|
|
@@ -11609,10 +11541,6 @@
|
|
|
11609
11541
|
"type": "Number",
|
|
11610
11542
|
"value": "1px"
|
|
11611
11543
|
},
|
|
11612
|
-
"kendo-grid-group-footer-second-cell-border": {
|
|
11613
|
-
"type": "Number",
|
|
11614
|
-
"value": "1px"
|
|
11615
|
-
},
|
|
11616
11544
|
"kendo-grid-row-resizer-hover-bg": {
|
|
11617
11545
|
"type": "String",
|
|
11618
11546
|
"value": "color-mix(in srgb, var(--kendo-color-on-base, #212529) 20%, transparent)"
|
|
@@ -12369,46 +12297,10 @@
|
|
|
12369
12297
|
"type": "String",
|
|
12370
12298
|
"value": "var(--kendo-color-border, rgba(33, 37, 41, 0.13))"
|
|
12371
12299
|
},
|
|
12372
|
-
"kendo-pivotgrid-container-bg": {
|
|
12373
|
-
"type": "String",
|
|
12374
|
-
"value": "var(--kendo-color-surface, #f8f9fa)"
|
|
12375
|
-
},
|
|
12376
12300
|
"kendo-pivotgrid-row-headers-bg": {
|
|
12377
12301
|
"type": "String",
|
|
12378
12302
|
"value": "var(--kendo-color-base-subtle, #e9ecef)"
|
|
12379
12303
|
},
|
|
12380
|
-
"kendo-pivotgrid-button-bg": {
|
|
12381
|
-
"type": "Null",
|
|
12382
|
-
"value": "null"
|
|
12383
|
-
},
|
|
12384
|
-
"kendo-pivotgrid-button-text": {
|
|
12385
|
-
"type": "Null",
|
|
12386
|
-
"value": "null"
|
|
12387
|
-
},
|
|
12388
|
-
"kendo-pivotgrid-button-hover-bg": {
|
|
12389
|
-
"type": "Null",
|
|
12390
|
-
"value": "null"
|
|
12391
|
-
},
|
|
12392
|
-
"kendo-pivotgrid-button-hover-text": {
|
|
12393
|
-
"type": "Null",
|
|
12394
|
-
"value": "null"
|
|
12395
|
-
},
|
|
12396
|
-
"kendo-pivotgrid-button-active-bg": {
|
|
12397
|
-
"type": "Null",
|
|
12398
|
-
"value": "null"
|
|
12399
|
-
},
|
|
12400
|
-
"kendo-pivotgrid-button-active-text": {
|
|
12401
|
-
"type": "Null",
|
|
12402
|
-
"value": "null"
|
|
12403
|
-
},
|
|
12404
|
-
"kendo-pivotgrid-remove-bg": {
|
|
12405
|
-
"type": "Null",
|
|
12406
|
-
"value": "null"
|
|
12407
|
-
},
|
|
12408
|
-
"kendo-pivotgrid-remove-text": {
|
|
12409
|
-
"type": "Null",
|
|
12410
|
-
"value": "null"
|
|
12411
|
-
},
|
|
12412
12304
|
"kendo-treelist-footer-row-bg": {
|
|
12413
12305
|
"type": "String",
|
|
12414
12306
|
"value": "var(--kendo-color-surface, #f8f9fa)"
|
|
@@ -13787,7 +13679,7 @@
|
|
|
13787
13679
|
},
|
|
13788
13680
|
"kendo-chat-width": {
|
|
13789
13681
|
"type": "Number",
|
|
13790
|
-
"value": "
|
|
13682
|
+
"value": "280px"
|
|
13791
13683
|
},
|
|
13792
13684
|
"kendo-chat-height": {
|
|
13793
13685
|
"type": "Number",
|
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": "12.2.0-dev.
|
|
4
|
+
"version": "12.2.0-dev.4",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -54,12 +54,12 @@
|
|
|
54
54
|
},
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"@progress/kendo-svg-icons": "^4.5.0",
|
|
57
|
-
"@progress/kendo-theme-core": "12.2.0-dev.
|
|
58
|
-
"@progress/kendo-theme-utils": "12.2.0-dev.
|
|
57
|
+
"@progress/kendo-theme-core": "12.2.0-dev.4",
|
|
58
|
+
"@progress/kendo-theme-utils": "12.2.0-dev.4"
|
|
59
59
|
},
|
|
60
60
|
"directories": {
|
|
61
61
|
"doc": "docs",
|
|
62
62
|
"lib": "lib"
|
|
63
63
|
},
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "a283a92613df9104316d448606ec801b4a9628c8"
|
|
65
65
|
}
|
|
@@ -1,15 +1,33 @@
|
|
|
1
1
|
@use "../core/_index.scss" as *;
|
|
2
2
|
|
|
3
3
|
// Actions
|
|
4
|
+
/// The top margin of the ActionButtons.
|
|
5
|
+
/// @group action-buttons
|
|
4
6
|
$kendo-actions-margin-top: k-spacing(4) !default;
|
|
7
|
+
/// The horizontal padding of the ActionButtons.
|
|
8
|
+
/// @group action-buttons
|
|
5
9
|
$kendo-actions-padding-x: k-spacing(2) !default;
|
|
10
|
+
/// The vertical padding of the ActionButtons.
|
|
11
|
+
/// @group action-buttons
|
|
6
12
|
$kendo-actions-padding-y: k-spacing(2) !default;
|
|
13
|
+
/// The width of the border around the ActionButtons.
|
|
14
|
+
/// @group action-buttons
|
|
7
15
|
$kendo-actions-border-width: 0px !default;
|
|
16
|
+
/// The spacing between the ActionButtons buttons.
|
|
17
|
+
/// @group action-buttons
|
|
8
18
|
$kendo-actions-button-spacing: k-spacing(2) !default;
|
|
9
19
|
|
|
20
|
+
/// The background color of the ActionButtons.
|
|
21
|
+
/// @group action-buttons
|
|
10
22
|
$kendo-actions-bg: null !default;
|
|
23
|
+
/// The text color of the ActionButtons.
|
|
24
|
+
/// @group action-buttons
|
|
11
25
|
$kendo-actions-text: null !default;
|
|
26
|
+
/// The border color of the ActionButtons.
|
|
27
|
+
/// @group action-buttons
|
|
12
28
|
$kendo-actions-border: null !default;
|
|
29
|
+
/// The background gradient of the ActionButtons.
|
|
30
|
+
/// @group action-buttons
|
|
13
31
|
$kendo-actions-gradient: null !default;
|
|
14
32
|
|
|
15
33
|
|
|
@@ -1,97 +1,235 @@
|
|
|
1
1
|
@use "../core/_index.scss" as *;
|
|
2
2
|
|
|
3
3
|
// Action sheet
|
|
4
|
+
/// The horizontal padding of the ActionSheet.
|
|
5
|
+
/// @group action-sheet
|
|
4
6
|
$kendo-actionsheet-padding-x: null !default;
|
|
7
|
+
/// The vertical padding of the ActionSheet.
|
|
8
|
+
/// @group action-sheet
|
|
5
9
|
$kendo-actionsheet-padding-y: null !default;
|
|
10
|
+
/// The width of the ActionSheet.
|
|
11
|
+
/// @group action-sheet
|
|
6
12
|
$kendo-actionsheet-width: 360px !default;
|
|
13
|
+
/// The maximum width of the ActionSheet.
|
|
14
|
+
/// @group action-sheet
|
|
7
15
|
$kendo-actionsheet-max-width: 100% !default;
|
|
16
|
+
/// The height of the ActionSheet.
|
|
17
|
+
/// @group action-sheet
|
|
8
18
|
$kendo-actionsheet-height: 60vh !default;
|
|
19
|
+
/// The maximum height of the ActionSheet.
|
|
20
|
+
/// @group action-sheet
|
|
9
21
|
$kendo-actionsheet-max-height: 60vh !default;
|
|
10
22
|
|
|
23
|
+
/// The width of the border around the ActionSheet.
|
|
24
|
+
/// @group action-sheet
|
|
11
25
|
$kendo-actionsheet-border-width: 0px !default;
|
|
26
|
+
/// The border radius of the ActionSheet.
|
|
27
|
+
/// @group action-sheet
|
|
12
28
|
$kendo-actionsheet-border-radius: 0px !default;
|
|
13
29
|
|
|
30
|
+
/// The font size of the ActionSheet.
|
|
31
|
+
/// @group action-sheet
|
|
14
32
|
$kendo-actionsheet-font-size: var( --kendo-font-size, inherit ) !default;
|
|
33
|
+
/// The font family of the ActionSheet.
|
|
34
|
+
/// @group action-sheet
|
|
15
35
|
$kendo-actionsheet-font-family: var( --kendo-font-family, inherit ) !default;
|
|
36
|
+
/// The line height of the ActionSheet.
|
|
37
|
+
/// @group action-sheet
|
|
16
38
|
$kendo-actionsheet-line-height: var( --kendo-line-height, normal ) !default;
|
|
17
39
|
|
|
40
|
+
/// The background color of the ActionSheet.
|
|
41
|
+
/// @group action-sheet
|
|
18
42
|
$kendo-actionsheet-bg: k-color(surface-alt) !default;
|
|
43
|
+
/// The text color of the ActionSheet.
|
|
44
|
+
/// @group action-sheet
|
|
19
45
|
$kendo-actionsheet-text: k-color(on-app-surface) !default;
|
|
46
|
+
/// The border color of the ActionSheet.
|
|
47
|
+
/// @group action-sheet
|
|
20
48
|
$kendo-actionsheet-border: k-color(border) !default;
|
|
49
|
+
/// The shadow of the ActionSheet.
|
|
50
|
+
/// @group action-sheet
|
|
21
51
|
$kendo-actionsheet-shadow: k-elevation(7) !default;
|
|
22
52
|
|
|
23
53
|
|
|
24
54
|
// Actionsheet header
|
|
55
|
+
/// The horizontal padding of the ActionSheet titlebar.
|
|
56
|
+
/// @group action-sheet
|
|
25
57
|
$kendo-actionsheet-titlebar-padding-x: k-spacing(4) !default;
|
|
58
|
+
/// The vertical padding of the ActionSheet titlebar.
|
|
59
|
+
/// @group action-sheet
|
|
26
60
|
$kendo-actionsheet-titlebar-padding-y: k-spacing(2) !default;
|
|
61
|
+
/// The width of the border around the ActionSheet titlebar.
|
|
62
|
+
/// @group action-sheet
|
|
27
63
|
$kendo-actionsheet-titlebar-border-width: 1px !default;
|
|
64
|
+
/// The font size of the ActionSheet titlebar.
|
|
65
|
+
/// @group action-sheet
|
|
28
66
|
$kendo-actionsheet-titlebar-font-size: null !default;
|
|
67
|
+
/// The font family of the ActionSheet titlebar.
|
|
68
|
+
/// @group action-sheet
|
|
29
69
|
$kendo-actionsheet-titlebar-font-family: null !default;
|
|
70
|
+
/// The line height of the ActionSheet titlebar.
|
|
71
|
+
/// @group action-sheet
|
|
30
72
|
$kendo-actionsheet-titlebar-line-height: null !default;
|
|
73
|
+
/// The gap of the ActionSheet titlebar.
|
|
74
|
+
/// @group action-sheet
|
|
31
75
|
$kendo-actionsheet-titlebar-gap: k-spacing(4) !default;
|
|
32
76
|
|
|
77
|
+
/// The background color of the ActionSheet titlebar.
|
|
78
|
+
/// @group action-sheet
|
|
33
79
|
$kendo-actionsheet-titlebar-bg: null !default;
|
|
80
|
+
/// The text color of the ActionSheet titlebar.
|
|
81
|
+
/// @group action-sheet
|
|
34
82
|
$kendo-actionsheet-titlebar-text: null !default;
|
|
83
|
+
/// The border color of the ActionSheet titlebar.
|
|
84
|
+
/// @group action-sheet
|
|
35
85
|
$kendo-actionsheet-titlebar-border: k-color(border) !default;
|
|
86
|
+
/// The background gradient of the ActionSheet titlebar.
|
|
87
|
+
/// @group action-sheet
|
|
36
88
|
$kendo-actionsheet-titlebar-gradient: null !default;
|
|
89
|
+
/// The shadow of the ActionSheet titlebar.
|
|
90
|
+
/// @group action-sheet
|
|
37
91
|
$kendo-actionsheet-titlebar-shadow: null !default;
|
|
38
92
|
|
|
93
|
+
/// The font size of the ActionSheet subtitle.
|
|
94
|
+
/// @group action-sheet
|
|
39
95
|
$kendo-actionsheet-subtitle-font-size: var( --kendo-font-size-sm, inherit ) !default;
|
|
96
|
+
/// The line height of the ActionSheet subtitle.
|
|
97
|
+
/// @group action-sheet
|
|
40
98
|
$kendo-actionsheet-subtitle-line-height: var( --kendo-line-height-sm, normal ) !default;
|
|
99
|
+
/// The text color of the ActionSheet subtitle.
|
|
100
|
+
/// @group action-sheet
|
|
41
101
|
$kendo-actionsheet-subtitle-text: k-color(subtle) !default;
|
|
42
102
|
|
|
103
|
+
/// The width of the border around the ActionSheet footer.
|
|
104
|
+
/// @group action-sheet
|
|
43
105
|
$kendo-actionsheet-footer-border-width: 1px !default;
|
|
44
106
|
|
|
107
|
+
/// The background color of the ActionSheet footer.
|
|
108
|
+
/// @group action-sheet
|
|
45
109
|
$kendo-actionsheet-footer-bg: null !default;
|
|
110
|
+
/// The text color of the ActionSheet footer.
|
|
111
|
+
/// @group action-sheet
|
|
46
112
|
$kendo-actionsheet-footer-text: null !default;
|
|
113
|
+
/// The border color of the ActionSheet footer.
|
|
114
|
+
/// @group action-sheet
|
|
47
115
|
$kendo-actionsheet-footer-border: k-color(border) !default;
|
|
116
|
+
/// The background gradient of the ActionSheet footer.
|
|
117
|
+
/// @group action-sheet
|
|
48
118
|
$kendo-actionsheet-footer-gradient: null !default;
|
|
119
|
+
/// The shadow of the ActionSheet footer.
|
|
120
|
+
/// @group action-sheet
|
|
49
121
|
$kendo-actionsheet-footer-shadow: null !default;
|
|
50
122
|
|
|
51
123
|
// Actionsheet item
|
|
124
|
+
/// The minimum height of the ActionSheet item.
|
|
125
|
+
/// @group action-sheet
|
|
52
126
|
$kendo-actionsheet-item-min-height: 40px !default;
|
|
127
|
+
/// The horizontal padding of the ActionSheet item.
|
|
128
|
+
/// @group action-sheet
|
|
53
129
|
$kendo-actionsheet-item-padding-x: k-spacing(4) !default;
|
|
130
|
+
/// The vertical padding of the ActionSheet item.
|
|
131
|
+
/// @group action-sheet
|
|
54
132
|
$kendo-actionsheet-item-padding-y: k-spacing(2) !default;
|
|
133
|
+
/// The width of the border around the ActionSheet item.
|
|
134
|
+
/// @group action-sheet
|
|
55
135
|
$kendo-actionsheet-item-border-width: 1px !default;
|
|
136
|
+
/// The spacing between the ActionSheet items.
|
|
137
|
+
/// @group action-sheet
|
|
56
138
|
$kendo-actionsheet-item-spacing: k-spacing(3) !default;
|
|
57
139
|
|
|
140
|
+
/// The font weight of the ActionSheet item title.
|
|
141
|
+
/// @group action-sheet
|
|
58
142
|
$kendo-actionsheet-item-title-font-weight: null !default;
|
|
143
|
+
/// The text transform of the ActionSheet item title.
|
|
144
|
+
/// @group action-sheet
|
|
59
145
|
$kendo-actionsheet-item-title-text-transform: null !default;
|
|
60
146
|
|
|
147
|
+
/// The font size of the ActionSheet item description.
|
|
148
|
+
/// @group action-sheet
|
|
61
149
|
$kendo-actionsheet-item-description-font-size: .875em !default;
|
|
150
|
+
/// The text color of the ActionSheet item description.
|
|
151
|
+
/// @group action-sheet
|
|
62
152
|
$kendo-actionsheet-item-description-text: k-color(subtle) !default;
|
|
63
153
|
|
|
154
|
+
/// The line height of the ActionSheet item description.
|
|
155
|
+
/// @group action-sheet
|
|
64
156
|
$kendo-actionsheet-item-description-line-height: null !default;
|
|
65
157
|
|
|
158
|
+
/// The background color of the hovered ActionSheet item.
|
|
159
|
+
/// @group action-sheet
|
|
66
160
|
$kendo-actionsheet-item-hover-bg: k-color(base-subtle-hover) !default;
|
|
161
|
+
/// The text color of the hovered ActionSheet item.
|
|
162
|
+
/// @group action-sheet
|
|
67
163
|
$kendo-actionsheet-item-hover-text: null !default;
|
|
164
|
+
/// The border color of the hovered ActionSheet item.
|
|
165
|
+
/// @group action-sheet
|
|
68
166
|
$kendo-actionsheet-item-hover-border: null !default;
|
|
167
|
+
/// The background gradient of the hovered ActionSheet item.
|
|
168
|
+
/// @group action-sheet
|
|
69
169
|
$kendo-actionsheet-item-hover-gradient: null !default;
|
|
170
|
+
/// The shadow of the hovered ActionSheet item.
|
|
171
|
+
/// @group action-sheet
|
|
70
172
|
$kendo-actionsheet-item-hover-shadow: null !default;
|
|
71
173
|
|
|
174
|
+
/// The background color of the focused ActionSheet item.
|
|
175
|
+
/// @group action-sheet
|
|
72
176
|
$kendo-actionsheet-item-focus-bg: null !default;
|
|
177
|
+
/// The text color of the focused ActionSheet item.
|
|
178
|
+
/// @group action-sheet
|
|
73
179
|
$kendo-actionsheet-item-focus-text: null !default;
|
|
180
|
+
/// The border color of the focused ActionSheet item.
|
|
181
|
+
/// @group action-sheet
|
|
74
182
|
$kendo-actionsheet-item-focus-border: null !default;
|
|
183
|
+
/// The background gradient of the focused ActionSheet item.
|
|
184
|
+
/// @group action-sheet
|
|
75
185
|
$kendo-actionsheet-item-focus-gradient: null !default;
|
|
186
|
+
/// The shadow of the focused ActionSheet item.
|
|
187
|
+
/// @group action-sheet
|
|
76
188
|
$kendo-actionsheet-item-focus-shadow: inset 0 0 0 2px color-mix(in srgb, k-color(inverse) 13%, transparent) !default;
|
|
77
189
|
|
|
190
|
+
/// The background color of the disabled ActionSheet item.
|
|
191
|
+
/// @group action-sheet
|
|
78
192
|
$kendo-actionsheet-item-disabled-bg: null !default;
|
|
193
|
+
/// The text color of the disabled ActionSheet item.
|
|
194
|
+
/// @group action-sheet
|
|
79
195
|
$kendo-actionsheet-item-disabled-text: null !default;
|
|
196
|
+
/// The border color of the disabled ActionSheet item.
|
|
197
|
+
/// @group action-sheet
|
|
80
198
|
$kendo-actionsheet-item-disabled-border: null !default;
|
|
199
|
+
/// The background gradient of the disabled ActionSheet item.
|
|
200
|
+
/// @group action-sheet
|
|
81
201
|
$kendo-actionsheet-item-disabled-gradient: null !default;
|
|
202
|
+
/// The shadow of the disabled ActionSheet item.
|
|
203
|
+
/// @group action-sheet
|
|
82
204
|
$kendo-actionsheet-item-disabled-shadow: null !default;
|
|
83
205
|
|
|
84
206
|
|
|
85
207
|
// Adaptive Actionsheet
|
|
208
|
+
/// The font size of the adaptive ActionSheet.
|
|
209
|
+
/// @group action-sheet
|
|
86
210
|
$kendo-adaptive-actionsheet-font-size: var( --kendo-font-size-lg, inherit ) !default;
|
|
211
|
+
/// The line height of the adaptive ActionSheet.
|
|
212
|
+
/// @group action-sheet
|
|
87
213
|
$kendo-adaptive-actionsheet-line-height: var( --kendo-line-height, inherit ) !default;
|
|
214
|
+
/// The vertical padding of the adaptive ActionSheet titlebar.
|
|
215
|
+
/// @group action-sheet
|
|
88
216
|
$kendo-adaptive-actionsheet-titlebar-padding-y: k-spacing(4) !default;
|
|
217
|
+
/// The horizontal padding of the adaptive ActionSheet titlebar.
|
|
218
|
+
/// @group action-sheet
|
|
89
219
|
$kendo-adaptive-actionsheet-titlebar-padding-x: $kendo-adaptive-actionsheet-titlebar-padding-y !default;
|
|
90
220
|
|
|
221
|
+
/// The vertical padding of the adaptive ActionSheet content.
|
|
222
|
+
/// @group action-sheet
|
|
91
223
|
$kendo-adaptive-actionsheet-content-padding-y: k-spacing(2) !default;
|
|
224
|
+
/// The horizontal padding of the adaptive ActionSheet content.
|
|
225
|
+
/// @group action-sheet
|
|
92
226
|
$kendo-adaptive-actionsheet-content-padding-x: k-spacing(4) !default;
|
|
93
227
|
|
|
228
|
+
/// The vertical padding of the adaptive ActionSheet footer.
|
|
229
|
+
/// @group action-sheet
|
|
94
230
|
$kendo-adaptive-actionsheet-footer-padding-y: k-spacing(2) !default;
|
|
231
|
+
/// The horizontal padding of the adaptive ActionSheet footer.
|
|
232
|
+
/// @group action-sheet
|
|
95
233
|
$kendo-adaptive-actionsheet-footer-padding-x: k-spacing(4) !default;
|
|
96
234
|
|
|
97
235
|
|
|
@@ -1,32 +1,68 @@
|
|
|
1
1
|
@use "../core/_index.scss" as *;
|
|
2
2
|
|
|
3
3
|
// Adaptive Common
|
|
4
|
+
/// The background color of the Adaptive component.
|
|
5
|
+
/// @group adaptive
|
|
4
6
|
$kendo-adaptive-bg: k-color(app-surface) !default;
|
|
7
|
+
/// The text color of the Adaptive component.
|
|
8
|
+
/// @group adaptive
|
|
5
9
|
$kendo-adaptive-text: k-color(on-app-surface) !default;
|
|
10
|
+
/// The border color of the Adaptive component.
|
|
11
|
+
/// @group adaptive
|
|
6
12
|
$kendo-adaptive-border: k-color(border) !default;
|
|
7
13
|
|
|
14
|
+
/// The background color of the Adaptive content.
|
|
15
|
+
/// @group adaptive
|
|
8
16
|
$kendo-adaptive-content-bg: k-color(surface) !default;
|
|
17
|
+
/// The text color of the Adaptive content.
|
|
18
|
+
/// @group adaptive
|
|
9
19
|
$kendo-adaptive-content-text: k-color(on-app-surface) !default;
|
|
10
20
|
|
|
21
|
+
/// The background color of the Adaptive menu.
|
|
22
|
+
/// @group adaptive
|
|
11
23
|
$kendo-adaptive-menu-bg: k-color(primary) !default;
|
|
24
|
+
/// The text color of the Adaptive menu.
|
|
25
|
+
/// @group adaptive
|
|
12
26
|
$kendo-adaptive-menu-text: k-color(on-primary) !default;
|
|
13
27
|
|
|
28
|
+
/// The text color of the Adaptive menu clear button.
|
|
29
|
+
/// @group adaptive
|
|
14
30
|
$kendo-adaptive-menu-clear-text: k-color(primary) !default;
|
|
15
31
|
|
|
32
|
+
/// The border color of the Adaptive menu item.
|
|
33
|
+
/// @group adaptive
|
|
16
34
|
$kendo-adaptive-menu-item-border: k-color(border) !default;
|
|
35
|
+
/// The text color of the Adaptive menu title.
|
|
36
|
+
/// @group adaptive
|
|
17
37
|
$kendo-adaptive-menu-title-text: k-color(on-app-surface) !default;
|
|
18
38
|
|
|
39
|
+
/// The width of the border around the Adaptive component.
|
|
40
|
+
/// @group adaptive
|
|
19
41
|
$kendo-adaptive-border-width: 1px !default;
|
|
42
|
+
/// The font family of the Adaptive component.
|
|
43
|
+
/// @group adaptive
|
|
20
44
|
$kendo-adaptive-font-family: var( --kendo-font-family, inherit ) !default;
|
|
45
|
+
/// The font size of the Adaptive component.
|
|
46
|
+
/// @group adaptive
|
|
21
47
|
$kendo-adaptive-font-size: var( --kendo-font-size, inherit ) !default;
|
|
48
|
+
/// The line height of the Adaptive component.
|
|
49
|
+
/// @group adaptive
|
|
22
50
|
$kendo-adaptive-line-height: var( --kendo-line-height, normal ) !default;
|
|
23
51
|
|
|
24
52
|
// Adaptive Grid
|
|
53
|
+
/// The text color of the Adaptive Grid sort indicator.
|
|
54
|
+
/// @group adaptive
|
|
25
55
|
$kendo-adaptive-grid-sort-text: k-color(primary) !default;
|
|
26
56
|
|
|
27
57
|
// Adaptive Scheduler
|
|
58
|
+
/// The text color of the current date in the Adaptive Scheduler.
|
|
59
|
+
/// @group adaptive
|
|
28
60
|
$kendo-adaptive-scheduler-current-text: k-color(primary) !default;
|
|
61
|
+
/// The base text color of the Adaptive Scheduler.
|
|
62
|
+
/// @group adaptive
|
|
29
63
|
$kendo-adaptive-scheduler-base-text: inherit !default;
|
|
64
|
+
/// The subtle text color of the Adaptive Scheduler.
|
|
65
|
+
/// @group adaptive
|
|
30
66
|
$kendo-adaptive-scheduler-subtle-text: k-color(on-app-surface) !default;
|
|
31
67
|
|
|
32
68
|
|
|
@@ -57,6 +57,8 @@ $kendo-appbar-box-shadow: k-elevation(4) !default;
|
|
|
57
57
|
/// @group appbar
|
|
58
58
|
$kendo-appbar-bottom-box-shadow: k-elevation(4) !default;
|
|
59
59
|
|
|
60
|
+
/// The theme colors of the Appbar.
|
|
61
|
+
/// @group appbar
|
|
60
62
|
$kendo-appbar-theme-colors: (
|
|
61
63
|
"primary": k-color(primary),
|
|
62
64
|
"secondary": k-color(secondary),
|