@progress/kendo-theme-bootstrap 5.12.1-dev.2 → 5.12.1-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 +285 -81
- package/dist/all.scss +4739 -4695
- package/dist/bootstrap-3-dark.scss +30 -34
- package/dist/bootstrap-3.scss +30 -33
- package/dist/bootstrap-4-dark.scss +27 -31
- package/dist/bootstrap-4.scss +27 -30
- package/dist/bootstrap-dataviz-v4.scss +6 -7
- package/dist/bootstrap-main-dark.scss +27 -31
- package/dist/bootstrap-main.scss +27 -30
- package/dist/bootstrap-nordic.scss +27 -29
- package/dist/bootstrap-turquoise-dark.scss +27 -30
- package/dist/bootstrap-turquoise.scss +27 -29
- package/dist/bootstrap-urban.scss +27 -29
- package/dist/bootstrap-vintage.scss +27 -29
- package/lib/swatches/bootstrap-3-dark.json +78 -102
- package/lib/swatches/bootstrap-3.json +78 -92
- package/lib/swatches/bootstrap-4-dark.json +28 -52
- package/lib/swatches/bootstrap-4.json +28 -42
- package/lib/swatches/bootstrap-dataviz-v4.json +7 -7
- package/lib/swatches/bootstrap-main-dark.json +28 -52
- package/lib/swatches/bootstrap-main.json +28 -42
- package/lib/swatches/bootstrap-nordic.json +32 -41
- package/lib/swatches/bootstrap-turquoise-dark.json +30 -49
- package/lib/swatches/bootstrap-turquoise.json +32 -41
- package/lib/swatches/bootstrap-urban.json +32 -41
- package/lib/swatches/bootstrap-vintage.json +32 -41
- package/package.json +5 -5
- package/scss/_bootstrap-overrides.scss +1 -20
- package/scss/_variables.scss +51 -46
- package/scss/action-buttons/_variables.scss +9 -9
- package/scss/action-sheet/_variables.scss +63 -63
- package/scss/adaptive/_variables.scss +18 -18
- package/scss/appbar/_variables.scss +3 -3
- package/scss/avatar/_variables.scss +3 -3
- package/scss/badge/_variables.scss +31 -31
- package/scss/bottom-navigation/_variables.scss +23 -23
- package/scss/breadcrumb/_layout.scss +9 -1
- package/scss/breadcrumb/_theme.scss +0 -17
- package/scss/breadcrumb/_variables.scss +45 -44
- package/scss/button/_variables.scss +32 -32
- package/scss/calendar/_variables.scss +84 -87
- package/scss/captcha/_variables.scss +14 -14
- package/scss/card/_variables.scss +55 -55
- package/scss/chat/_variables.scss +57 -57
- package/scss/checkbox/_variables.scss +1 -1
- package/scss/chip/_theme.scss +3 -3
- package/scss/chip/_variables.scss +27 -27
- package/scss/color-preview/_variables.scss +11 -11
- package/scss/coloreditor/_variables.scss +24 -24
- package/scss/colorgradient/_variables.scss +50 -50
- package/scss/colorpalette/_variables.scss +8 -8
- package/scss/dataviz/_variables.scss +97 -97
- package/scss/datetimepicker/_variables.scss +1 -2
- package/scss/dialog/_variables.scss +3 -3
- package/scss/draggable/_variables.scss +20 -20
- package/scss/drawer/_variables.scss +4 -4
- package/scss/dropdowntree/_variables.scss +2 -2
- package/scss/dropzone/_variables.scss +20 -20
- package/scss/editor/_variables.scss +3 -3
- package/scss/expansion-panel/_variables.scss +22 -22
- package/scss/fab/_variables.scss +10 -10
- package/scss/filemanager/_variables.scss +59 -59
- package/scss/filter/_variables.scss +8 -8
- package/scss/floating-label/_variables.scss +14 -14
- package/scss/forms/_layout.scss +2 -2
- package/scss/forms/_variables.scss +14 -14
- package/scss/gantt/_variables.scss +92 -92
- package/scss/grid/_theme.scss +41 -4
- package/scss/grid/_variables.scss +73 -73
- package/scss/imageeditor/_variables.scss +31 -31
- package/scss/input/_variables.scss +37 -37
- package/scss/list/_variables.scss +66 -72
- package/scss/listbox/_variables.scss +3 -3
- package/scss/listgroup/_variables.scss +10 -10
- package/scss/listview/_variables.scss +3 -3
- package/scss/loader/_variables.scss +30 -30
- package/scss/map/_variables.scss +21 -21
- package/scss/mediaplayer/_variables.scss +13 -13
- package/scss/menu/_variables.scss +63 -63
- package/scss/messagebox/_variables.scss +11 -11
- package/scss/notification/_variables.scss +4 -4
- package/scss/orgchart/_variables.scss +56 -56
- package/scss/overlay/_variables.scss +3 -3
- package/scss/pager/_variables.scss +35 -38
- package/scss/panelbar/_variables.scss +103 -106
- package/scss/pdf-viewer/_variables.scss +44 -44
- package/scss/pivotgrid/_variables.scss +86 -86
- package/scss/popover/_variables.scss +16 -16
- package/scss/popup/_variables.scss +12 -12
- package/scss/progressbar/_variables.scss +1 -1
- package/scss/radio/_variables.scss +1 -1
- package/scss/rating/_variables.scss +16 -16
- package/scss/scheduler/_layout.scss +2 -2
- package/scss/scheduler/_variables.scss +93 -93
- package/scss/scrollview/_theme.scss +22 -22
- package/scss/scrollview/_variables.scss +32 -32
- package/scss/signature/_variables.scss +18 -18
- package/scss/skeleton/_variables.scss +6 -6
- package/scss/slider/_variables.scss +44 -44
- package/scss/split-button/_variables.scss +6 -6
- package/scss/splitter/_variables.scss +18 -18
- package/scss/spreadsheet/_theme.scss +10 -10
- package/scss/spreadsheet/_variables.scss +29 -29
- package/scss/stepper/_variables.scss +86 -86
- package/scss/switch/_variables.scss +1 -1
- package/scss/table/_variables.scss +18 -18
- package/scss/tabstrip/_variables.scss +41 -44
- package/scss/taskboard/_variables.scss +93 -93
- package/scss/tilelayout/_variables.scss +8 -8
- package/scss/timeline/_layout.scss +1 -1
- package/scss/timeline/_variables.scss +50 -50
- package/scss/timeselector/_variables.scss +36 -39
- package/scss/toolbar/_variables.scss +21 -21
- package/scss/tooltip/_variables.scss +29 -29
- package/scss/treeview/_variables.scss +30 -33
- package/scss/typography/_variables.scss +84 -93
- package/scss/upload/_variables.scss +3 -3
- package/scss/window/_variables.scss +6 -6
- package/scss/wizard/_variables.scss +10 -10
|
@@ -1,112 +1,109 @@
|
|
|
1
|
-
@import "../typography/_variables.scss";
|
|
2
|
-
|
|
3
|
-
|
|
4
1
|
// Tabstrip
|
|
5
2
|
|
|
6
|
-
$tabstrip-wrapper-padding-x: 0px !default;
|
|
7
|
-
$tabstrip-wrapper-padding-y: 0px !default;
|
|
8
|
-
$tabstrip-wrapper-border-width: 0px !default;
|
|
3
|
+
$kendo-tabstrip-wrapper-padding-x: 0px !default;
|
|
4
|
+
$kendo-tabstrip-wrapper-padding-y: 0px !default;
|
|
5
|
+
$kendo-tabstrip-wrapper-border-width: 0px !default;
|
|
9
6
|
|
|
10
|
-
$tabstrip-font-family: $font-family !default;
|
|
11
|
-
$tabstrip-font-size: $font-size !default;
|
|
12
|
-
$tabstrip-line-height: $line-height !default;
|
|
13
|
-
$tabstrip-border-width: 1px !default;
|
|
7
|
+
$kendo-tabstrip-font-family: $kendo-font-family !default;
|
|
8
|
+
$kendo-tabstrip-font-size: $kendo-font-size-md !default;
|
|
9
|
+
$kendo-tabstrip-line-height: $kendo-line-height-md !default;
|
|
10
|
+
$kendo-tabstrip-border-width: 1px !default;
|
|
14
11
|
|
|
15
|
-
$tabstrip-wrapper-bg: null !default;
|
|
16
|
-
$tabstrip-wrapper-text: null !default;
|
|
17
|
-
$tabstrip-wrapper-border: null !default;
|
|
12
|
+
$kendo-tabstrip-wrapper-bg: null !default;
|
|
13
|
+
$kendo-tabstrip-wrapper-text: null !default;
|
|
14
|
+
$kendo-tabstrip-wrapper-border: null !default;
|
|
18
15
|
|
|
19
16
|
/// Background color of tabstrip component
|
|
20
17
|
/// @group tabstrip
|
|
21
|
-
$tabstrip-bg: null !default;
|
|
18
|
+
$kendo-tabstrip-bg: null !default;
|
|
22
19
|
/// Text color of tabstrip component
|
|
23
20
|
/// @group tabstrip
|
|
24
|
-
$tabstrip-text: $kendo-component-text !default;
|
|
21
|
+
$kendo-tabstrip-text: $kendo-component-text !default;
|
|
25
22
|
/// Border color of tabstrip component
|
|
26
23
|
/// @group tabstrip
|
|
27
|
-
$tabstrip-border: $kendo-component-border !default;
|
|
24
|
+
$kendo-tabstrip-border: $kendo-component-border !default;
|
|
28
25
|
|
|
29
26
|
/// Horizontal padding of tabs
|
|
30
27
|
/// @group tabstrip
|
|
31
|
-
$tabstrip-item-padding-x: $nav-link-padding-x !default;
|
|
28
|
+
$kendo-tabstrip-item-padding-x: $nav-link-padding-x !default;
|
|
32
29
|
/// Vertical padding of tabs
|
|
33
30
|
/// @group tabstrip
|
|
34
|
-
$tabstrip-item-padding-y: $nav-link-padding-y !default;
|
|
31
|
+
$kendo-tabstrip-item-padding-y: $nav-link-padding-y !default;
|
|
35
32
|
/// Width of border around tabs
|
|
36
33
|
/// @group tabstrip
|
|
37
|
-
$tabstrip-item-border-width: 1px !default;
|
|
34
|
+
$kendo-tabstrip-item-border-width: 1px !default;
|
|
38
35
|
/// Border radius of tabs
|
|
39
36
|
/// @group tabstrip
|
|
40
|
-
$tabstrip-item-border-radius: k-map-get( $kendo-spacing, 1 ) !default;
|
|
37
|
+
$kendo-tabstrip-item-border-radius: k-map-get( $kendo-spacing, 1 ) !default;
|
|
41
38
|
/// Spacing between tabs
|
|
42
39
|
/// @group tabstrip
|
|
43
|
-
$tabstrip-item-gap: 0 !default;
|
|
40
|
+
$kendo-tabstrip-item-gap: 0 !default;
|
|
44
41
|
|
|
45
42
|
/// Background color of tabs
|
|
46
43
|
/// @group tabstrip
|
|
47
|
-
$tabstrip-item-bg: null !default;
|
|
44
|
+
$kendo-tabstrip-item-bg: null !default;
|
|
48
45
|
/// Text color of tabs
|
|
49
46
|
/// @group tabstrip
|
|
50
|
-
$tabstrip-item-text: $link-text !default;
|
|
47
|
+
$kendo-tabstrip-item-text: $kendo-link-text !default;
|
|
51
48
|
/// Border color of tabs
|
|
52
49
|
/// @group tabstrip
|
|
53
|
-
$tabstrip-item-border: null !default;
|
|
50
|
+
$kendo-tabstrip-item-border: null !default;
|
|
54
51
|
/// Background gradient of tabs
|
|
55
52
|
/// @group tabstrip
|
|
56
|
-
$tabstrip-item-gradient: null !default;
|
|
53
|
+
$kendo-tabstrip-item-gradient: null !default;
|
|
57
54
|
|
|
58
55
|
/// Background color of hovered tabs
|
|
59
56
|
/// @group tabstrip
|
|
60
|
-
$tabstrip-item-hover-bg: null !default;
|
|
57
|
+
$kendo-tabstrip-item-hover-bg: null !default;
|
|
61
58
|
/// Text color of hovered tabs
|
|
62
59
|
/// @group tabstrip
|
|
63
|
-
$tabstrip-item-hover-text: $link-hover-text !default;
|
|
60
|
+
$kendo-tabstrip-item-hover-text: $kendo-link-hover-text !default;
|
|
64
61
|
/// Border color of hovered tabs
|
|
65
62
|
/// @group tabstrip
|
|
66
|
-
$tabstrip-item-hover-border: $gray-200 !default;
|
|
63
|
+
$kendo-tabstrip-item-hover-border: $gray-200 !default;
|
|
67
64
|
/// Background gradient of hovered tabs
|
|
68
65
|
/// @group tabstrip
|
|
69
|
-
$tabstrip-item-hover-gradient: null !default;
|
|
66
|
+
$kendo-tabstrip-item-hover-gradient: null !default;
|
|
70
67
|
|
|
71
68
|
/// Background color of selected tabs
|
|
72
69
|
/// @group tabstrip
|
|
73
|
-
$tabstrip-item-selected-bg: $kendo-component-bg !default;
|
|
70
|
+
$kendo-tabstrip-item-selected-bg: $kendo-component-bg !default;
|
|
74
71
|
/// Text color of selected tabs
|
|
75
72
|
/// @group tabstrip
|
|
76
|
-
$tabstrip-item-selected-text: $kendo-component-text !default;
|
|
73
|
+
$kendo-tabstrip-item-selected-text: $kendo-component-text !default;
|
|
77
74
|
/// Border color of selected tabs
|
|
78
75
|
/// @group tabstrip
|
|
79
|
-
$tabstrip-item-selected-border: $kendo-component-border !default;
|
|
76
|
+
$kendo-tabstrip-item-selected-border: $kendo-component-border !default;
|
|
80
77
|
/// Background gradient of selected tabs
|
|
81
78
|
/// @group tabstrip
|
|
82
|
-
$tabstrip-item-selected-gradient: null !default;
|
|
79
|
+
$kendo-tabstrip-item-selected-gradient: null !default;
|
|
83
80
|
|
|
84
|
-
$tabstrip-item-focus-shadow: $kendo-list-item-focus-shadow !default;
|
|
81
|
+
$kendo-tabstrip-item-focus-shadow: $kendo-list-item-focus-shadow !default;
|
|
85
82
|
|
|
86
|
-
$tabstrip-item-dragging-shadow: 0px 3px 4px rgba( black, .15 ) !default;
|
|
83
|
+
$kendo-tabstrip-item-dragging-shadow: 0px 3px 4px rgba( black, .15 ) !default;
|
|
87
84
|
|
|
88
|
-
$tabstrip-indicator-size: null !default;
|
|
89
|
-
$tabstrip-indicator-color: null !default;
|
|
85
|
+
$kendo-tabstrip-indicator-size: null !default;
|
|
86
|
+
$kendo-tabstrip-indicator-color: null !default;
|
|
90
87
|
|
|
91
88
|
/// Horizontal padding of tabstrip content
|
|
92
89
|
/// @group tabstrip
|
|
93
|
-
$tabstrip-content-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
90
|
+
$kendo-tabstrip-content-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
94
91
|
/// Vertical padding of tabstrip content
|
|
95
92
|
/// @group tabstrip
|
|
96
|
-
$tabstrip-content-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
|
|
93
|
+
$kendo-tabstrip-content-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
|
|
97
94
|
/// Width of border around tabstrip content
|
|
98
95
|
/// @group tabstrip
|
|
99
|
-
$tabstrip-content-border-width: $tabstrip-border-width !default;
|
|
96
|
+
$kendo-tabstrip-content-border-width: $kendo-tabstrip-border-width !default;
|
|
100
97
|
|
|
101
98
|
/// Background color of tabstrip content
|
|
102
99
|
/// @group tabstrip
|
|
103
|
-
$tabstrip-content-bg: $kendo-component-bg !default;
|
|
100
|
+
$kendo-tabstrip-content-bg: $kendo-component-bg !default;
|
|
104
101
|
/// Text color of tabstrip content
|
|
105
102
|
/// @group tabstrip
|
|
106
|
-
$tabstrip-content-text: $kendo-component-text !default;
|
|
103
|
+
$kendo-tabstrip-content-text: $kendo-component-text !default;
|
|
107
104
|
/// Border color of tabstrip content
|
|
108
105
|
/// @group tabstrip
|
|
109
|
-
$tabstrip-content-border: $kendo-component-border !default;
|
|
106
|
+
$kendo-tabstrip-content-border: $kendo-component-border !default;
|
|
110
107
|
/// Border color of tabstrip focused content
|
|
111
108
|
/// @group tabstrip
|
|
112
|
-
$tabstrip-content-focus-border: $kendo-component-text !default;
|
|
109
|
+
$kendo-tabstrip-content-focus-border: $kendo-component-text !default;
|
|
@@ -1,94 +1,94 @@
|
|
|
1
1
|
// TaskBoard
|
|
2
|
-
$taskboard-spacer: k-map-get( $kendo-spacing, 4 ) !default;
|
|
3
|
-
$taskboard-padding-y: null !default;
|
|
4
|
-
$taskboard-padding-x: null !default;
|
|
5
|
-
$taskboard-font-family: $font-family !default;
|
|
6
|
-
$taskboard-font-size: $font-size !default;
|
|
7
|
-
$taskboard-line-height: $line-height !default;
|
|
8
|
-
$taskboard-bg: null !default;
|
|
9
|
-
$taskboard-text: null !default;
|
|
10
|
-
$taskboard-border: null !default;
|
|
11
|
-
|
|
12
|
-
$taskboard-toolbar-padding-y: $taskboard-spacer !default;
|
|
13
|
-
$taskboard-toolbar-padding-x: $taskboard-toolbar-padding-y !default;
|
|
14
|
-
$taskboard-toolbar-bg: null !default;
|
|
15
|
-
$taskboard-toolbar-text: null !default;
|
|
16
|
-
$taskboard-toolbar-border: null !default;
|
|
17
|
-
$taskboard-toolbar-gradient: null !default;
|
|
18
|
-
|
|
19
|
-
$taskboard-content-padding-y: $taskboard-spacer !default;
|
|
20
|
-
$taskboard-content-padding-x: $taskboard-content-padding-y !default;
|
|
21
|
-
|
|
22
|
-
$taskboard-column-container-spacing-y: $taskboard-spacer * .75 !default;
|
|
23
|
-
$taskboard-column-container-padding-y: 0px !default;
|
|
24
|
-
$taskboard-column-container-padding-x: $taskboard-spacer * .75 !default;
|
|
25
|
-
$taskboard-columns-container-gap: $taskboard-spacer !default;
|
|
26
|
-
|
|
27
|
-
$taskboard-column-width: 320px !default;
|
|
28
|
-
$taskboard-column-border-width: 1px !default;
|
|
29
|
-
$taskboard-column-border-radius: $kendo-border-radius-sm !default;
|
|
30
|
-
$taskboard-column-bg: if( $dark-theme, $gray-900, $gray-100 ) !default;
|
|
31
|
-
$taskboard-column-text: null !default;
|
|
32
|
-
$taskboard-column-border: transparent !default;
|
|
33
|
-
|
|
34
|
-
$taskboard-column-focus-bg: null !default;
|
|
35
|
-
$taskboard-column-focus-text: null !default;
|
|
36
|
-
$taskboard-column-focus-border: k-try-shade( $base-border, 2.5 ) !default;
|
|
37
|
-
|
|
38
|
-
$taskboard-column-header-padding-y: $taskboard-spacer * .75 !default;
|
|
39
|
-
$taskboard-column-header-padding-x: $taskboard-column-header-padding-y !default;
|
|
40
|
-
$taskboard-column-header-gap: k-math-div( $taskboard-spacer, 4 ) !default;
|
|
41
|
-
$taskboard-column-header-actions-gap: k-math-div( $taskboard-spacer, 2 ) !default;
|
|
42
|
-
$taskboard-column-header-font-weight: 500 !default;
|
|
43
|
-
$taskboard-column-header-text: $kendo-component-header-text !default;
|
|
44
|
-
|
|
45
|
-
$taskboard-column-cards-padding-y: $taskboard-spacer * .25 !default;
|
|
46
|
-
$taskboard-column-cards-padding-x: 0px !default;
|
|
47
|
-
$taskboard-column-cards-gap: $taskboard-spacer * .75 !default;
|
|
48
|
-
|
|
49
|
-
$taskboard-pane-width: $taskboard-column-width !default;
|
|
50
|
-
$taskboard-pane-padding-y: null !default;
|
|
51
|
-
$taskboard-pane-padding-x: null !default;
|
|
52
|
-
$taskboard-pane-border-width: 1px !default;
|
|
53
|
-
$taskboard-pane-bg: $kendo-component-bg !default;
|
|
54
|
-
$taskboard-pane-text: $kendo-component-text !default;
|
|
55
|
-
$taskboard-pane-border: $kendo-component-border !default;
|
|
56
|
-
|
|
57
|
-
$taskboard-pane-header-padding-y: ( $taskboard-spacer * .75 ) !default;
|
|
58
|
-
$taskboard-pane-header-padding-x: $taskboard-spacer !default;
|
|
59
|
-
$taskboard-pane-header-font-weight: 500 !default;
|
|
60
|
-
$taskboard-pane-header-text: $kendo-component-header-text !default;
|
|
61
|
-
|
|
62
|
-
$taskboard-pane-content-padding-y: 0px !default;
|
|
63
|
-
$taskboard-pane-content-padding-x: $taskboard-spacer !default;
|
|
64
|
-
|
|
65
|
-
$taskboard-pane-actions-padding-y: ( $taskboard-spacer * .75 ) !default;
|
|
66
|
-
$taskboard-pane-actions-padding-x: $taskboard-spacer !default;
|
|
67
|
-
|
|
68
|
-
$taskboard-card-padding-y: $taskboard-spacer !default;
|
|
69
|
-
$taskboard-card-padding-x: $taskboard-card-padding-y !default;
|
|
70
|
-
$taskboard-card-border-width: $card-border-width !default;
|
|
71
|
-
$taskboard-card-border-radius: $card-border-radius !default;
|
|
72
|
-
$taskboard-card-bg: $card-bg !default;
|
|
73
|
-
$taskboard-card-text: $card-text !default;
|
|
74
|
-
$taskboard-card-border: $card-border !default;
|
|
75
|
-
$taskboard-card-shadow: $card-shadow !default;
|
|
76
|
-
|
|
77
|
-
$taskboard-card-category-border-width: 4px !default;
|
|
78
|
-
|
|
79
|
-
$taskboard-card-focus-border: k-try-shade( $taskboard-card-border, 18% ) !default;
|
|
80
|
-
$taskboard-card-focus-shadow: $card-focus-shadow !default;
|
|
81
|
-
|
|
82
|
-
$taskboard-card-hover-border: k-try-shade( $taskboard-card-border, 10% ) !default;
|
|
83
|
-
|
|
84
|
-
$taskboard-card-selected-border: k-color-tint( $kendo-color-primary-lighter, 8 ) !default;
|
|
85
|
-
$taskboard-card-selected-shadow: none !default;
|
|
86
|
-
|
|
87
|
-
$taskboard-card-header-text: $kendo-color-primary !default;
|
|
88
|
-
$taskboard-card-header-focus-text: $kendo-color-primary-darker !default;
|
|
89
|
-
$taskboard-card-header-hover-text: $kendo-color-primary-darker !default;
|
|
90
|
-
|
|
91
|
-
$taskboard-drag-placeholder-border-width: 1px !default;
|
|
92
|
-
$taskboard-drag-placeholder-border-radius: $taskboard-card-border-radius !default;
|
|
93
|
-
$taskboard-drag-placeholder-bg: rgba( if( $dark-theme, $kendo-color-white, $kendo-color-black ), .1 ) !default;
|
|
94
|
-
$taskboard-drag-placeholder-border: $kendo-component-border !default;
|
|
2
|
+
$kendo-taskboard-spacer: k-map-get( $kendo-spacing, 4 ) !default;
|
|
3
|
+
$kendo-taskboard-padding-y: null !default;
|
|
4
|
+
$kendo-taskboard-padding-x: null !default;
|
|
5
|
+
$kendo-taskboard-font-family: $kendo-font-family !default;
|
|
6
|
+
$kendo-taskboard-font-size: $kendo-font-size-md !default;
|
|
7
|
+
$kendo-taskboard-line-height: $kendo-line-height-md !default;
|
|
8
|
+
$kendo-taskboard-bg: null !default;
|
|
9
|
+
$kendo-taskboard-text: null !default;
|
|
10
|
+
$kendo-taskboard-border: null !default;
|
|
11
|
+
|
|
12
|
+
$kendo-taskboard-toolbar-padding-y: $kendo-taskboard-spacer !default;
|
|
13
|
+
$kendo-taskboard-toolbar-padding-x: $kendo-taskboard-toolbar-padding-y !default;
|
|
14
|
+
$kendo-taskboard-toolbar-bg: null !default;
|
|
15
|
+
$kendo-taskboard-toolbar-text: null !default;
|
|
16
|
+
$kendo-taskboard-toolbar-border: null !default;
|
|
17
|
+
$kendo-taskboard-toolbar-gradient: null !default;
|
|
18
|
+
|
|
19
|
+
$kendo-taskboard-content-padding-y: $kendo-taskboard-spacer !default;
|
|
20
|
+
$kendo-taskboard-content-padding-x: $kendo-taskboard-content-padding-y !default;
|
|
21
|
+
|
|
22
|
+
$kendo-taskboard-column-container-spacing-y: $kendo-taskboard-spacer * .75 !default;
|
|
23
|
+
$kendo-taskboard-column-container-padding-y: 0px !default;
|
|
24
|
+
$kendo-taskboard-column-container-padding-x: $kendo-taskboard-spacer * .75 !default;
|
|
25
|
+
$kendo-taskboard-columns-container-gap: $kendo-taskboard-spacer !default;
|
|
26
|
+
|
|
27
|
+
$kendo-taskboard-column-width: 320px !default;
|
|
28
|
+
$kendo-taskboard-column-border-width: 1px !default;
|
|
29
|
+
$kendo-taskboard-column-border-radius: $kendo-border-radius-sm !default;
|
|
30
|
+
$kendo-taskboard-column-bg: if( $kendo-is-dark-theme, $gray-900, $gray-100 ) !default;
|
|
31
|
+
$kendo-taskboard-column-text: null !default;
|
|
32
|
+
$kendo-taskboard-column-border: transparent !default;
|
|
33
|
+
|
|
34
|
+
$kendo-taskboard-column-focus-bg: null !default;
|
|
35
|
+
$kendo-taskboard-column-focus-text: null !default;
|
|
36
|
+
$kendo-taskboard-column-focus-border: k-try-shade( $kendo-base-border, 2.5 ) !default;
|
|
37
|
+
|
|
38
|
+
$kendo-taskboard-column-header-padding-y: $kendo-taskboard-spacer * .75 !default;
|
|
39
|
+
$kendo-taskboard-column-header-padding-x: $kendo-taskboard-column-header-padding-y !default;
|
|
40
|
+
$kendo-taskboard-column-header-gap: k-math-div( $kendo-taskboard-spacer, 4 ) !default;
|
|
41
|
+
$kendo-taskboard-column-header-actions-gap: k-math-div( $kendo-taskboard-spacer, 2 ) !default;
|
|
42
|
+
$kendo-taskboard-column-header-font-weight: 500 !default;
|
|
43
|
+
$kendo-taskboard-column-header-text: $kendo-component-header-text !default;
|
|
44
|
+
|
|
45
|
+
$kendo-taskboard-column-cards-padding-y: $kendo-taskboard-spacer * .25 !default;
|
|
46
|
+
$kendo-taskboard-column-cards-padding-x: 0px !default;
|
|
47
|
+
$kendo-taskboard-column-cards-gap: $kendo-taskboard-spacer * .75 !default;
|
|
48
|
+
|
|
49
|
+
$kendo-taskboard-pane-width: $kendo-taskboard-column-width !default;
|
|
50
|
+
$kendo-taskboard-pane-padding-y: null !default;
|
|
51
|
+
$kendo-taskboard-pane-padding-x: null !default;
|
|
52
|
+
$kendo-taskboard-pane-border-width: 1px !default;
|
|
53
|
+
$kendo-taskboard-pane-bg: $kendo-component-bg !default;
|
|
54
|
+
$kendo-taskboard-pane-text: $kendo-component-text !default;
|
|
55
|
+
$kendo-taskboard-pane-border: $kendo-component-border !default;
|
|
56
|
+
|
|
57
|
+
$kendo-taskboard-pane-header-padding-y: ( $kendo-taskboard-spacer * .75 ) !default;
|
|
58
|
+
$kendo-taskboard-pane-header-padding-x: $kendo-taskboard-spacer !default;
|
|
59
|
+
$kendo-taskboard-pane-header-font-weight: 500 !default;
|
|
60
|
+
$kendo-taskboard-pane-header-text: $kendo-component-header-text !default;
|
|
61
|
+
|
|
62
|
+
$kendo-taskboard-pane-content-padding-y: 0px !default;
|
|
63
|
+
$kendo-taskboard-pane-content-padding-x: $kendo-taskboard-spacer !default;
|
|
64
|
+
|
|
65
|
+
$kendo-taskboard-pane-actions-padding-y: ( $kendo-taskboard-spacer * .75 ) !default;
|
|
66
|
+
$kendo-taskboard-pane-actions-padding-x: $kendo-taskboard-spacer !default;
|
|
67
|
+
|
|
68
|
+
$kendo-taskboard-card-padding-y: $kendo-taskboard-spacer !default;
|
|
69
|
+
$kendo-taskboard-card-padding-x: $kendo-taskboard-card-padding-y !default;
|
|
70
|
+
$kendo-taskboard-card-border-width: $kendo-card-border-width !default;
|
|
71
|
+
$kendo-taskboard-card-border-radius: $kendo-card-border-radius !default;
|
|
72
|
+
$kendo-taskboard-card-bg: $kendo-card-bg !default;
|
|
73
|
+
$kendo-taskboard-card-text: $kendo-card-text !default;
|
|
74
|
+
$kendo-taskboard-card-border: $kendo-card-border !default;
|
|
75
|
+
$kendo-taskboard-card-shadow: $kendo-card-shadow !default;
|
|
76
|
+
|
|
77
|
+
$kendo-taskboard-card-category-border-width: 4px !default;
|
|
78
|
+
|
|
79
|
+
$kendo-taskboard-card-focus-border: k-try-shade( $kendo-taskboard-card-border, 18% ) !default;
|
|
80
|
+
$kendo-taskboard-card-focus-shadow: $kendo-card-focus-shadow !default;
|
|
81
|
+
|
|
82
|
+
$kendo-taskboard-card-hover-border: k-try-shade( $kendo-taskboard-card-border, 10% ) !default;
|
|
83
|
+
|
|
84
|
+
$kendo-taskboard-card-selected-border: k-color-tint( $kendo-color-primary-lighter, 8 ) !default;
|
|
85
|
+
$kendo-taskboard-card-selected-shadow: none !default;
|
|
86
|
+
|
|
87
|
+
$kendo-taskboard-card-header-text: $kendo-color-primary !default;
|
|
88
|
+
$kendo-taskboard-card-header-focus-text: $kendo-color-primary-darker !default;
|
|
89
|
+
$kendo-taskboard-card-header-hover-text: $kendo-color-primary-darker !default;
|
|
90
|
+
|
|
91
|
+
$kendo-taskboard-drag-placeholder-border-width: 1px !default;
|
|
92
|
+
$kendo-taskboard-drag-placeholder-border-radius: $kendo-taskboard-card-border-radius !default;
|
|
93
|
+
$kendo-taskboard-drag-placeholder-bg: rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .1 ) !default;
|
|
94
|
+
$kendo-taskboard-drag-placeholder-border: $kendo-component-border !default;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
// TileLayout
|
|
2
|
-
$
|
|
3
|
-
$
|
|
4
|
-
$
|
|
2
|
+
$kendo-tile-layout-border-width: 0px !default;
|
|
3
|
+
$kendo-tile-layout-card-border-width: $kendo-card-border-width !default;
|
|
4
|
+
$kendo-tile-layout-card-focus-shadow: $kendo-card-focus-shadow !default;
|
|
5
5
|
|
|
6
|
-
$
|
|
7
|
-
$
|
|
6
|
+
$kendo-tile-layout-hint-border-width: 1px !default;
|
|
7
|
+
$kendo-tile-layout-hint-border-radius: $kendo-card-border-radius !default;
|
|
8
8
|
|
|
9
|
-
$
|
|
9
|
+
$kendo-tile-layout-bg: $gray-100 !default;
|
|
10
10
|
|
|
11
|
-
$
|
|
12
|
-
$
|
|
11
|
+
$kendo-tile-layout-hint-bg: rgba( white, .2 ) !default;
|
|
12
|
+
$kendo-tile-layout-hint-border: $kendo-component-border !default;
|
|
@@ -1,66 +1,66 @@
|
|
|
1
1
|
// Timeline
|
|
2
|
-
$timeline-spacing-x: 40px !default;
|
|
3
|
-
$timeline-spacing-y: 40px !default;
|
|
4
|
-
$timeline-items-padding: $kendo-padding-md-x !default;
|
|
2
|
+
$kendo-timeline-spacing-x: 40px !default;
|
|
3
|
+
$kendo-timeline-spacing-y: 40px !default;
|
|
4
|
+
$kendo-timeline-items-padding: $kendo-padding-md-x !default;
|
|
5
5
|
|
|
6
|
-
$timeline-font-family: $font-family !default;
|
|
7
|
-
$timeline-font-size: $font-size !default;
|
|
8
|
-
$timeline-line-height: $line-height !default;
|
|
6
|
+
$kendo-timeline-font-family: $kendo-font-family !default;
|
|
7
|
+
$kendo-timeline-font-size: $kendo-font-size-md !default;
|
|
8
|
+
$kendo-timeline-line-height: $kendo-line-height-md !default;
|
|
9
9
|
|
|
10
|
-
$timeline-mobile-spacing-x: $kendo-padding-md-x !default;
|
|
11
|
-
$timeline-mobile-spacing-y: $kendo-padding-md-x !default;
|
|
10
|
+
$kendo-timeline-mobile-spacing-x: $kendo-padding-md-x !default;
|
|
11
|
+
$kendo-timeline-mobile-spacing-y: $kendo-padding-md-x !default;
|
|
12
12
|
|
|
13
|
-
$timeline-track-arrow-width: 38px !default;
|
|
14
|
-
$timeline-track-arrow-height: 38px !default;
|
|
13
|
+
$kendo-timeline-track-arrow-width: 38px !default;
|
|
14
|
+
$kendo-timeline-track-arrow-height: 38px !default;
|
|
15
15
|
|
|
16
|
-
$timeline-track-arrow-disabled-text: k-true-mix( $kendo-button-text, $kendo-body-bg, 65% ) !default;
|
|
17
|
-
$timeline-track-arrow-disabled-bg: k-true-mix( $kendo-button-bg, $kendo-body-bg, 65% ) !default;
|
|
18
|
-
$timeline-track-arrow-disabled-border: k-true-mix( $kendo-button-border, $kendo-body-bg, 65% ) !default;
|
|
16
|
+
$kendo-timeline-track-arrow-disabled-text: k-true-mix( $kendo-button-text, $kendo-body-bg, 65% ) !default;
|
|
17
|
+
$kendo-timeline-track-arrow-disabled-bg: k-true-mix( $kendo-button-bg, $kendo-body-bg, 65% ) !default;
|
|
18
|
+
$kendo-timeline-track-arrow-disabled-border: k-true-mix( $kendo-button-border, $kendo-body-bg, 65% ) !default;
|
|
19
19
|
|
|
20
|
-
$timeline-track-size: 6px !default;
|
|
21
|
-
$timeline-track-wrap-padding-bottom: k-math-div( $timeline-track-size, 2 ) !default;
|
|
22
|
-
$timeline-track-border-width: 1px !default;
|
|
23
|
-
$timeline-track-margin-bottom: k-map-get( $kendo-spacing, 4 ) !default;
|
|
24
|
-
$timeline-track-bottom-calc: calc(#{k-math-div( $timeline-track-arrow-height, 2 )} + #{$timeline-track-wrap-padding-bottom}) !default;
|
|
25
|
-
$timeline-track-start-calc: calc(#{$timeline-track-arrow-width} - 2 * #{$timeline-track-border-width}) !default;
|
|
26
|
-
$timeline-track-end-calc: calc(#{$timeline-track-arrow-width} - 2 * #{$timeline-track-border-width}) !default;
|
|
27
|
-
$timeline-track-bg: $kendo-button-bg !default;
|
|
28
|
-
$timeline-track-border-color: $timeline-track-bg !default;
|
|
20
|
+
$kendo-timeline-track-size: 6px !default;
|
|
21
|
+
$kendo-timeline-track-wrap-padding-bottom: k-math-div( $kendo-timeline-track-size, 2 ) !default;
|
|
22
|
+
$kendo-timeline-track-border-width: 1px !default;
|
|
23
|
+
$kendo-timeline-track-margin-bottom: k-map-get( $kendo-spacing, 4 ) !default;
|
|
24
|
+
$kendo-timeline-track-bottom-calc: calc(#{k-math-div( $kendo-timeline-track-arrow-height, 2 )} + #{$kendo-timeline-track-wrap-padding-bottom}) !default;
|
|
25
|
+
$kendo-timeline-track-start-calc: calc(#{$kendo-timeline-track-arrow-width} - 2 * #{$kendo-timeline-track-border-width}) !default;
|
|
26
|
+
$kendo-timeline-track-end-calc: calc(#{$kendo-timeline-track-arrow-width} - 2 * #{$kendo-timeline-track-border-width}) !default;
|
|
27
|
+
$kendo-timeline-track-bg: $kendo-button-bg !default;
|
|
28
|
+
$kendo-timeline-track-border-color: $kendo-timeline-track-bg !default;
|
|
29
29
|
|
|
30
|
-
$timeline-track-item-focus-shadow: 0 0 0 3px rgba( $kendo-color-primary, .5 ) !default;
|
|
30
|
+
$kendo-timeline-track-item-focus-shadow: 0 0 0 3px rgba( $kendo-color-primary, .5 ) !default;
|
|
31
31
|
|
|
32
|
-
$timeline-track-event-offset: 36px !default;
|
|
32
|
+
$kendo-timeline-track-event-offset: 36px !default;
|
|
33
33
|
|
|
34
|
-
$timeline-flag-padding-x: $kendo-button-padding-x !default;
|
|
35
|
-
$timeline-flag-padding-y: $kendo-button-padding-y !default;
|
|
36
|
-
$timeline-flag-line-height: $kendo-button-line-height !default;
|
|
37
|
-
$timeline-flag-min-width: 80px !default;
|
|
38
|
-
$timeline-flag-max-width: calc(#{$timeline-flag-min-width} + 2 * #{$timeline-spacing-x}) !default;
|
|
39
|
-
$timeline-mobile-flag-max-width: calc(#{$timeline-flag-min-width} + 2 * #{$timeline-mobile-spacing-x}) !default;
|
|
40
|
-
$timeline-horizontal-flag-min-width: 80px !default;
|
|
41
|
-
$timeline-flag-bg: $kendo-color-primary !default;
|
|
42
|
-
$timeline-flag-text: k-contrast-color( $timeline-flag-bg ) !default;
|
|
34
|
+
$kendo-timeline-flag-padding-x: $kendo-button-padding-x !default;
|
|
35
|
+
$kendo-timeline-flag-padding-y: $kendo-button-padding-y !default;
|
|
36
|
+
$kendo-timeline-flag-line-height: $kendo-button-line-height !default;
|
|
37
|
+
$kendo-timeline-flag-min-width: 80px !default;
|
|
38
|
+
$kendo-timeline-flag-max-width: calc(#{$kendo-timeline-flag-min-width} + 2 * #{$kendo-timeline-spacing-x}) !default;
|
|
39
|
+
$kendo-timeline-mobile-flag-max-width: calc(#{$kendo-timeline-flag-min-width} + 2 * #{$kendo-timeline-mobile-spacing-x}) !default;
|
|
40
|
+
$kendo-timeline-horizontal-flag-min-width: 80px !default;
|
|
41
|
+
$kendo-timeline-flag-bg: $kendo-color-primary !default;
|
|
42
|
+
$kendo-timeline-flag-text: k-contrast-color( $kendo-timeline-flag-bg ) !default;
|
|
43
43
|
|
|
44
|
-
$timeline-flag-callout-width: 10px !default;
|
|
45
|
-
$timeline-flag-callout-height: 10px !default;
|
|
44
|
+
$kendo-timeline-flag-callout-width: 10px !default;
|
|
45
|
+
$kendo-timeline-flag-callout-height: 10px !default;
|
|
46
46
|
|
|
47
|
-
$timeline-flag-offset-bottom: 4px !default;
|
|
48
|
-
$timeline-flag-margin-bottom-calc: calc(#{$timeline-track-size} + 2 * #{$timeline-track-border-width} + #{$timeline-flag-offset-bottom} + #{$timeline-flag-callout-height}) !default;
|
|
47
|
+
$kendo-timeline-flag-offset-bottom: 4px !default;
|
|
48
|
+
$kendo-timeline-flag-margin-bottom-calc: calc(#{$kendo-timeline-track-size} + 2 * #{$kendo-timeline-track-border-width} + #{$kendo-timeline-flag-offset-bottom} + #{$kendo-timeline-flag-callout-height}) !default;
|
|
49
49
|
|
|
50
|
-
$timeline-date-width: 50px !default;
|
|
51
|
-
$timeline-date-margin-bottom: 10px !default;
|
|
50
|
+
$kendo-timeline-date-width: 50px !default;
|
|
51
|
+
$kendo-timeline-date-margin-bottom: 10px !default;
|
|
52
52
|
|
|
53
|
-
$timeline-vertical-padding-calc: calc(#{$timeline-spacing-x} + (#{$timeline-flag-min-width} - #{$timeline-track-size}) / 2) !default;
|
|
54
|
-
$timeline-vertical-padding-with-dates-calc: calc(#{$timeline-vertical-padding-calc} + #{$timeline-date-width}) !default;
|
|
55
|
-
$timeline-mobile-vertical-padding-calc: calc(#{$timeline-mobile-spacing-x} + (#{$timeline-flag-min-width} - #{$timeline-track-size}) / 2) !default;
|
|
56
|
-
$timeline-mobile-vertical-padding-with-dates-calc: calc(#{$timeline-mobile-vertical-padding-calc} + #{$timeline-date-width}) !default;
|
|
53
|
+
$kendo-timeline-vertical-padding-calc: calc(#{$kendo-timeline-spacing-x} + (#{$kendo-timeline-flag-min-width} - #{$kendo-timeline-track-size}) / 2) !default;
|
|
54
|
+
$kendo-timeline-vertical-padding-with-dates-calc: calc(#{$kendo-timeline-vertical-padding-calc} + #{$kendo-timeline-date-width}) !default;
|
|
55
|
+
$kendo-timeline-mobile-vertical-padding-calc: calc(#{$kendo-timeline-mobile-spacing-x} + (#{$kendo-timeline-flag-min-width} - #{$kendo-timeline-track-size}) / 2) !default;
|
|
56
|
+
$kendo-timeline-mobile-vertical-padding-with-dates-calc: calc(#{$kendo-timeline-mobile-vertical-padding-calc} + #{$kendo-timeline-date-width}) !default;
|
|
57
57
|
|
|
58
|
-
$timeline-circle-width: 16px !default;
|
|
59
|
-
$timeline-circle-height: 16px !default;
|
|
60
|
-
$timeline-circle-bg: $kendo-color-primary !default;
|
|
58
|
+
$kendo-timeline-circle-width: 16px !default;
|
|
59
|
+
$kendo-timeline-circle-height: 16px !default;
|
|
60
|
+
$kendo-timeline-circle-bg: $kendo-color-primary !default;
|
|
61
61
|
|
|
62
|
-
$timeline-collapse-arrow-padding-x: $kendo-padding-sm-x !default;
|
|
62
|
+
$kendo-timeline-collapse-arrow-padding-x: $kendo-padding-sm-x !default;
|
|
63
63
|
|
|
64
|
-
$timeline-event-width: 400px !default;
|
|
65
|
-
$timeline-event-height: 600px !default;
|
|
66
|
-
$timeline-event-min-height-calc: calc(2 * (#{$timeline-track-event-offset} - #{$card-border-width})) !default;
|
|
64
|
+
$kendo-timeline-event-width: 400px !default;
|
|
65
|
+
$kendo-timeline-event-height: 600px !default;
|
|
66
|
+
$kendo-timeline-event-min-height-calc: calc(2 * (#{$kendo-timeline-track-event-offset} - #{$kendo-card-border-width})) !default;
|
|
@@ -1,56 +1,53 @@
|
|
|
1
|
-
@import "../typography/_variables.scss";
|
|
2
|
-
|
|
3
|
-
|
|
4
1
|
// Time selector
|
|
5
2
|
|
|
6
|
-
$time-selector-border-width: 1px !default;
|
|
7
|
-
$time-selector-font-family: $font-family !default;
|
|
8
|
-
$time-selector-font-size: $font-size !default;
|
|
9
|
-
$time-selector-line-height: $line-height !default;
|
|
3
|
+
$kendo-time-selector-border-width: 1px !default;
|
|
4
|
+
$kendo-time-selector-font-family: $kendo-font-family !default;
|
|
5
|
+
$kendo-time-selector-font-size: $kendo-font-size-md !default;
|
|
6
|
+
$kendo-time-selector-line-height: $kendo-line-height-md !default;
|
|
10
7
|
|
|
11
|
-
$time-selector-bg: $kendo-component-bg !default;
|
|
12
|
-
$time-selector-text: $kendo-component-text !default;
|
|
13
|
-
$time-selector-border: $kendo-component-border !default;
|
|
8
|
+
$kendo-time-selector-bg: $kendo-component-bg !default;
|
|
9
|
+
$kendo-time-selector-text: $kendo-component-text !default;
|
|
10
|
+
$kendo-time-selector-border: $kendo-component-border !default;
|
|
14
11
|
|
|
15
|
-
$time-selector-header-padding-x: $actions-padding-x !default;
|
|
16
|
-
$time-selector-header-padding-y: $actions-padding-y !default;
|
|
17
|
-
$time-selector-header-border-width: 0px !default;
|
|
12
|
+
$kendo-time-selector-header-padding-x: $kendo-actions-padding-x !default;
|
|
13
|
+
$kendo-time-selector-header-padding-y: $kendo-actions-padding-y !default;
|
|
14
|
+
$kendo-time-selector-header-border-width: 0px !default;
|
|
18
15
|
|
|
19
|
-
$time-list-width: 4em !default;
|
|
20
|
-
$time-list-height: 240px !default;
|
|
16
|
+
$kendo-time-list-width: 4em !default;
|
|
17
|
+
$kendo-time-list-height: 240px !default;
|
|
21
18
|
|
|
22
|
-
$time-list-title-font-size: $font-size-sm !default;
|
|
23
|
-
$time-list-title-line-height: 1.5 !default;
|
|
24
|
-
$time-list-title-height: ( $time-list-title-font-size * $time-list-title-line-height) !default;
|
|
25
|
-
$time-list-title-text: $kendo-subtle-text !default;
|
|
26
|
-
$time-list-title-focus-text: $kendo-component-text !default;
|
|
19
|
+
$kendo-time-list-title-font-size: $kendo-font-size-sm !default;
|
|
20
|
+
$kendo-time-list-title-line-height: 1.5 !default;
|
|
21
|
+
$kendo-time-list-title-height: ( $kendo-time-list-title-font-size * $kendo-time-list-title-line-height) !default;
|
|
22
|
+
$kendo-time-list-title-text: $kendo-subtle-text !default;
|
|
23
|
+
$kendo-time-list-title-focus-text: $kendo-component-text !default;
|
|
27
24
|
|
|
28
|
-
$time-list-item-padding-x: $kendo-list-item-padding-x
|
|
29
|
-
$time-list-item-padding-y: $kendo-list-item-padding-y
|
|
25
|
+
$kendo-time-list-item-padding-x: $kendo-list-md-item-padding-x !default;
|
|
26
|
+
$kendo-time-list-item-padding-y: $kendo-list-md-item-padding-y !default;
|
|
30
27
|
|
|
31
|
-
$time-list-highlight-border-width: 1px 0px !default;
|
|
32
|
-
$time-list-highlight-height: calc( #{$time-selector-font-size * $time-selector-line-height} + #{ $time-list-item-padding-y * 2} ) !default;
|
|
33
|
-
$time-list-highlight-bg: $kendo-component-bg !default;
|
|
34
|
-
$time-list-highlight-border: $kendo-component-border !default;
|
|
28
|
+
$kendo-time-list-highlight-border-width: 1px 0px !default;
|
|
29
|
+
$kendo-time-list-highlight-height: calc( #{$kendo-time-selector-font-size * $kendo-time-selector-line-height} + #{ $kendo-time-list-item-padding-y * 2} ) !default;
|
|
30
|
+
$kendo-time-list-highlight-bg: $kendo-component-bg !default;
|
|
31
|
+
$kendo-time-list-highlight-border: $kendo-component-border !default;
|
|
35
32
|
|
|
36
|
-
$time-list-focus-bg: rgba( black, .02 ) !default;
|
|
33
|
+
$kendo-time-list-focus-bg: rgba( black, .02 ) !default;
|
|
37
34
|
|
|
38
35
|
|
|
39
36
|
// Time selector sizes
|
|
40
|
-
$kendo-time-selector-sm-font-size: $kendo-list-font-size
|
|
41
|
-
$kendo-time-selector-sm-line-height: $kendo-list-line-height
|
|
42
|
-
$kendo-time-selector-sm-list-item-padding-x: $kendo-list-item-padding-x
|
|
43
|
-
$kendo-time-selector-sm-list-item-padding-y: $kendo-list-item-padding-y
|
|
37
|
+
$kendo-time-selector-sm-font-size: $kendo-list-sm-font-size !default;
|
|
38
|
+
$kendo-time-selector-sm-line-height: $kendo-list-sm-line-height !default;
|
|
39
|
+
$kendo-time-selector-sm-list-item-padding-x: $kendo-list-sm-item-padding-x !default;
|
|
40
|
+
$kendo-time-selector-sm-list-item-padding-y: $kendo-list-sm-item-padding-y !default;
|
|
44
41
|
|
|
45
|
-
$kendo-time-selector-md-font-size: $kendo-list-font-size
|
|
46
|
-
$kendo-time-selector-md-line-height: $kendo-list-line-height
|
|
47
|
-
$kendo-time-selector-md-list-item-padding-x: $kendo-list-item-padding-x
|
|
48
|
-
$kendo-time-selector-md-list-item-padding-y: $kendo-list-item-padding-y
|
|
42
|
+
$kendo-time-selector-md-font-size: $kendo-list-md-font-size !default;
|
|
43
|
+
$kendo-time-selector-md-line-height: $kendo-list-md-line-height !default;
|
|
44
|
+
$kendo-time-selector-md-list-item-padding-x: $kendo-list-md-item-padding-x !default;
|
|
45
|
+
$kendo-time-selector-md-list-item-padding-y: $kendo-list-md-item-padding-y !default;
|
|
49
46
|
|
|
50
|
-
$kendo-time-selector-lg-font-size: $kendo-list-font-size
|
|
51
|
-
$kendo-time-selector-lg-line-height: $kendo-list-line-height
|
|
52
|
-
$kendo-time-selector-lg-list-item-padding-x: $kendo-list-item-padding-x
|
|
53
|
-
$kendo-time-selector-lg-list-item-padding-y: $kendo-list-item-padding-y
|
|
47
|
+
$kendo-time-selector-lg-font-size: $kendo-list-lg-font-size !default;
|
|
48
|
+
$kendo-time-selector-lg-line-height: $kendo-list-lg-line-height !default;
|
|
49
|
+
$kendo-time-selector-lg-list-item-padding-x: $kendo-list-lg-item-padding-x !default;
|
|
50
|
+
$kendo-time-selector-lg-list-item-padding-y: $kendo-list-lg-item-padding-y !default;
|
|
54
51
|
|
|
55
52
|
$kendo-time-selector-sizes: (
|
|
56
53
|
sm: (
|