@progress/kendo-theme-default 13.1.1-dev.2 → 13.1.2-dev.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 +1 -1
- package/dist/default-blue.css +1 -1
- package/dist/default-dataviz-v4.css +1 -1
- package/dist/default-green.css +1 -1
- package/dist/default-main-dark.css +1 -1
- package/dist/default-main.css +1 -1
- package/dist/default-nordic.css +1 -1
- package/dist/default-ocean-blue-a11y.css +1 -1
- package/dist/default-ocean-blue.css +1 -1
- package/dist/default-orange.css +1 -1
- package/dist/default-purple.css +1 -1
- package/dist/default-turquoise.css +1 -1
- package/dist/default-urban.css +1 -1
- package/dist/meta/sassdoc-data.json +6158 -6186
- package/dist/meta/sassdoc-raw-data.json +431 -445
- package/dist/meta/variables.json +2662 -2662
- package/lib/swatches/default-blue.json +1 -1
- package/lib/swatches/default-dataviz-v4.json +1 -1
- package/lib/swatches/default-green.json +1 -1
- package/lib/swatches/default-main-dark.json +1 -1
- package/lib/swatches/default-main.json +1 -1
- package/lib/swatches/default-nordic.json +1 -1
- package/lib/swatches/default-ocean-blue-a11y.json +1 -1
- package/lib/swatches/default-ocean-blue.json +1 -1
- package/lib/swatches/default-orange.json +1 -1
- package/lib/swatches/default-purple.json +1 -1
- package/lib/swatches/default-turquoise.json +1 -1
- package/lib/swatches/default-urban.json +1 -1
- package/package.json +4 -4
- package/scss/action-sheet/_variables.scss +7 -7
- package/scss/adaptive/_variables.scss +3 -3
- package/scss/appbar/_variables.scss +3 -3
- package/scss/avatar/_variables.scss +3 -3
- package/scss/badge/_variables.scss +4 -4
- package/scss/bottom-navigation/_variables.scss +3 -3
- package/scss/breadcrumb/_variables.scss +7 -7
- package/scss/bubble/_variables.scss +1 -1
- package/scss/button/_variables.scss +8 -8
- package/scss/calendar/_variables.scss +12 -12
- package/scss/captcha/_variables.scss +4 -4
- package/scss/card/_variables.scss +9 -9
- package/scss/chat/_variables.scss +9 -9
- package/scss/chip/_variables.scss +7 -7
- package/scss/color-preview/_variables.scss +5 -2
- package/scss/coloreditor/_variables.scss +4 -4
- package/scss/colorgradient/_variables.scss +4 -4
- package/scss/colorpalette/_variables.scss +2 -2
- package/scss/column-menu/_variables.scss +9 -9
- package/scss/dataviz/_variables.scss +11 -11
- package/scss/dialog/_variables.scss +1 -1
- package/scss/dock-manager/_variables.scss +5 -5
- package/scss/draggable/_variables.scss +3 -3
- package/scss/drawer/_variables.scss +6 -6
- package/scss/dropzone/_variables.scss +4 -4
- package/scss/editor/_variables.scss +3 -3
- package/scss/expansion-panel/_variables.scss +3 -3
- package/scss/fab/_variables.scss +4 -4
- package/scss/file-box/_variables.scss +4 -4
- package/scss/filemanager/_variables.scss +3 -3
- package/scss/forms/_variables.scss +5 -5
- package/scss/gantt/_variables.scss +4 -4
- package/scss/grid/_variables.scss +10 -10
- package/scss/imageeditor/_variables.scss +3 -3
- package/scss/input/_variables.scss +7 -7
- package/scss/list/_variables.scss +19 -19
- package/scss/listbox/_variables.scss +3 -3
- package/scss/listgroup/_variables.scss +2 -2
- package/scss/listview/_variables.scss +3 -3
- package/scss/loader/_variables.scss +3 -3
- package/scss/map/_variables.scss +3 -3
- package/scss/mediaplayer/_variables.scss +3 -3
- package/scss/menu/_variables.scss +10 -10
- package/scss/messagebox/_variables.scss +2 -2
- package/scss/notification/_variables.scss +4 -4
- package/scss/orgchart/_variables.scss +6 -6
- package/scss/pager/_variables.scss +4 -4
- package/scss/panelbar/_variables.scss +3 -3
- package/scss/pdf-viewer/_variables.scss +4 -4
- package/scss/pivotgrid/_variables.scss +5 -5
- package/scss/popup/_variables.scss +2 -2
- package/scss/progressbar/_variables.scss +3 -3
- package/scss/prompt/_variables.scss +1 -1
- package/scss/rating/_variables.scss +4 -4
- package/scss/scheduler/_variables.scss +5 -5
- package/scss/scrollview/_variables.scss +3 -3
- package/scss/segmented-control/_variables.scss +7 -7
- package/scss/slider/_variables.scss +3 -3
- package/scss/splitter/_variables.scss +3 -3
- package/scss/spreadsheet/_variables.scss +4 -4
- package/scss/stepper/_variables.scss +4 -4
- package/scss/suggestion/_variables.scss +2 -2
- package/scss/table/_variables.scss +2 -2
- package/scss/tabstrip/_variables.scss +5 -5
- package/scss/taskboard/_variables.scss +3 -3
- package/scss/timeline/_variables.scss +3 -3
- package/scss/timeselector/_variables.scss +3 -3
- package/scss/toolbar/_variables.scss +3 -3
- package/scss/tooltip/_variables.scss +5 -5
- package/scss/treeview/_variables.scss +7 -7
- package/scss/typography/_variables.scss +43 -43
- package/scss/upload/_variables.scss +6 -6
- package/scss/window/_variables.scss +6 -6
- package/scss/wizard/_variables.scss +3 -3
|
@@ -28,27 +28,27 @@ $kendo-segmented-control-text: k-color(on-base) !default;
|
|
|
28
28
|
|
|
29
29
|
/// The font size of the small Segmented Control.
|
|
30
30
|
/// @group segmented-control
|
|
31
|
-
$kendo-segmented-control-sm-font-size: var(
|
|
31
|
+
$kendo-segmented-control-sm-font-size: var(--kendo-font-size) !default;
|
|
32
32
|
/// The font size of the medium Segmented Control.
|
|
33
33
|
/// @group segmented-control
|
|
34
|
-
$kendo-segmented-control-md-font-size: var(
|
|
34
|
+
$kendo-segmented-control-md-font-size: var(--kendo-font-size) !default;
|
|
35
35
|
/// The font size of the large Segmented Control.
|
|
36
36
|
/// @group segmented-control
|
|
37
|
-
$kendo-segmented-control-lg-font-size: var(
|
|
37
|
+
$kendo-segmented-control-lg-font-size: var(--kendo-font-size-lg) !default;
|
|
38
38
|
|
|
39
39
|
/// The font family of the Segmented Control.
|
|
40
40
|
/// @group segmented-control
|
|
41
|
-
$kendo-segmented-control-font-family: var(
|
|
41
|
+
$kendo-segmented-control-font-family: var(--kendo-font-family) !default;
|
|
42
42
|
|
|
43
43
|
/// The line height of the small Segmented Control.
|
|
44
44
|
/// @group segmented-control
|
|
45
|
-
$kendo-segmented-control-sm-line-height: var(
|
|
45
|
+
$kendo-segmented-control-sm-line-height: var(--kendo-line-height) !default;
|
|
46
46
|
/// The line height of the medium Segmented Control.
|
|
47
47
|
/// @group segmented-control
|
|
48
|
-
$kendo-segmented-control-md-line-height: var(
|
|
48
|
+
$kendo-segmented-control-md-line-height: var(--kendo-line-height) !default;
|
|
49
49
|
/// The line height of the large Segmented Control.
|
|
50
50
|
/// @group segmented-control
|
|
51
|
-
$kendo-segmented-control-lg-line-height: var(
|
|
51
|
+
$kendo-segmented-control-lg-line-height: var(--kendo-line-height-lg) !default;
|
|
52
52
|
|
|
53
53
|
/// The border radius of the Segmented Control thumb.
|
|
54
54
|
/// @group segmented-control
|
|
@@ -11,13 +11,13 @@ $kendo-slider-alt-size: 30px !default;
|
|
|
11
11
|
|
|
12
12
|
/// The font family of the Slider.
|
|
13
13
|
/// @group slider
|
|
14
|
-
$kendo-slider-font-family: var(
|
|
14
|
+
$kendo-slider-font-family: var(--kendo-font-family) !default;
|
|
15
15
|
/// The font size of the Slider.
|
|
16
16
|
/// @group slider
|
|
17
|
-
$kendo-slider-font-size: var(
|
|
17
|
+
$kendo-slider-font-size: var(--kendo-font-size) !default;
|
|
18
18
|
/// The line height of the Slider.
|
|
19
19
|
/// @group slider
|
|
20
|
-
$kendo-slider-line-height: var(
|
|
20
|
+
$kendo-slider-line-height: var(--kendo-line-height) !default;
|
|
21
21
|
|
|
22
22
|
/// The offset of the Slider Buttons.
|
|
23
23
|
/// @group slider
|
|
@@ -8,13 +8,13 @@
|
|
|
8
8
|
$kendo-splitter-border-width: 1px !default;
|
|
9
9
|
/// The font family of the Splitter.
|
|
10
10
|
/// @group splitter
|
|
11
|
-
$kendo-splitter-font-family: var(
|
|
11
|
+
$kendo-splitter-font-family: var(--kendo-font-family) !default;
|
|
12
12
|
/// The font size of the Splitter.
|
|
13
13
|
/// @group splitter
|
|
14
|
-
$kendo-splitter-font-size: var(
|
|
14
|
+
$kendo-splitter-font-size: var(--kendo-font-size) !default;
|
|
15
15
|
/// The line height of the Splitter.
|
|
16
16
|
/// @group splitter
|
|
17
|
-
$kendo-splitter-line-height: var(
|
|
17
|
+
$kendo-splitter-line-height: var(--kendo-line-height) !default;
|
|
18
18
|
|
|
19
19
|
/// The background color of the Splitter.
|
|
20
20
|
/// @group splitter
|
|
@@ -9,13 +9,13 @@
|
|
|
9
9
|
$kendo-spreadsheet-border-width: 1px !default;
|
|
10
10
|
/// The font family of the Spreadsheet.
|
|
11
11
|
/// @group spreadsheet
|
|
12
|
-
$kendo-spreadsheet-font-family: var(
|
|
12
|
+
$kendo-spreadsheet-font-family: var(--kendo-font-family) !default;
|
|
13
13
|
/// The font size of the Spreadsheet.
|
|
14
14
|
/// @group spreadsheet
|
|
15
|
-
$kendo-spreadsheet-font-size: var(
|
|
15
|
+
$kendo-spreadsheet-font-size: var(--kendo-font-size) !default;
|
|
16
16
|
/// The line height of the Spreadsheet.
|
|
17
17
|
/// @group spreadsheet
|
|
18
|
-
$kendo-spreadsheet-line-height: var(
|
|
18
|
+
$kendo-spreadsheet-line-height: var(--kendo-line-height) !default;
|
|
19
19
|
|
|
20
20
|
/// The background color of the Spreadsheet.
|
|
21
21
|
/// @group spreadsheet
|
|
@@ -29,7 +29,7 @@ $kendo-spreadsheet-border: k-color(border) !default;
|
|
|
29
29
|
|
|
30
30
|
/// The background color of the Spreadsheet header.
|
|
31
31
|
/// @group spreadsheet
|
|
32
|
-
$kendo-spreadsheet-header-bg: k-color(surface)!default;
|
|
32
|
+
$kendo-spreadsheet-header-bg: k-color(surface) !default;
|
|
33
33
|
/// The text color of the Spreadsheet header.
|
|
34
34
|
/// @group spreadsheet
|
|
35
35
|
$kendo-spreadsheet-header-text: k-color(on-app-surface) !default;
|
|
@@ -41,13 +41,13 @@ $kendo-stepper-inline-content-padding-y: k-spacing(2.5) !default;
|
|
|
41
41
|
|
|
42
42
|
/// The font size of the Stepper.
|
|
43
43
|
/// @group stepper
|
|
44
|
-
$kendo-stepper-font-size: var(
|
|
44
|
+
$kendo-stepper-font-size: var(--kendo-font-size) !default;
|
|
45
45
|
/// The line height of the Stepper.
|
|
46
46
|
/// @group stepper
|
|
47
|
-
$kendo-stepper-line-height: var(
|
|
47
|
+
$kendo-stepper-line-height: var(--kendo-line-height) !default;
|
|
48
48
|
/// The font family of the Stepper.
|
|
49
49
|
/// @group stepper
|
|
50
|
-
$kendo-stepper-font-family: var(
|
|
50
|
+
$kendo-stepper-font-family: var(--kendo-font-family) !default;
|
|
51
51
|
|
|
52
52
|
/// The background color of the Stepper.
|
|
53
53
|
/// @group stepper
|
|
@@ -180,7 +180,7 @@ $kendo-stepper-indicator-current-disabled-border: $kendo-stepper-indicator-done-
|
|
|
180
180
|
$kendo-stepper-label-text: null !default;
|
|
181
181
|
/// The success text color of the Stepper label.
|
|
182
182
|
/// @group stepper
|
|
183
|
-
$kendo-stepper-label-success-text: k-color(success-on-surface)!default;
|
|
183
|
+
$kendo-stepper-label-success-text: k-color(success-on-surface) !default;
|
|
184
184
|
/// The error text color of the Stepper label.
|
|
185
185
|
/// @group stepper
|
|
186
186
|
$kendo-stepper-label-error-text: k-color(error-on-surface) !default;
|
|
@@ -19,11 +19,11 @@ $kendo-suggestion-border-style: solid !default;
|
|
|
19
19
|
|
|
20
20
|
/// The font size of the Suggestion.
|
|
21
21
|
/// @group suggestion
|
|
22
|
-
$kendo-suggestion-font-size: var(
|
|
22
|
+
$kendo-suggestion-font-size: var(--kendo-font-size) !default;
|
|
23
23
|
|
|
24
24
|
/// The line height of the Suggestion.
|
|
25
25
|
/// @group suggestion
|
|
26
|
-
$kendo-suggestion-line-height: var(
|
|
26
|
+
$kendo-suggestion-line-height: var(--kendo-line-height-lg) !default;
|
|
27
27
|
/// The border radius of the Suggestion.
|
|
28
28
|
/// @group suggestion
|
|
29
29
|
$kendo-suggestion-border-radius: k-border-radius(full) !default;
|
|
@@ -62,7 +62,7 @@ $kendo-table-border: k-color(border) !default;
|
|
|
62
62
|
|
|
63
63
|
/// Background color of table headers.
|
|
64
64
|
/// @group table
|
|
65
|
-
$kendo-table-header-bg: k-color(surface)!default;
|
|
65
|
+
$kendo-table-header-bg: k-color(surface) !default;
|
|
66
66
|
/// Text color of table headers.
|
|
67
67
|
/// @group table
|
|
68
68
|
$kendo-table-header-text: k-color(on-app-surface) !default;
|
|
@@ -146,7 +146,7 @@ $kendo-table-selected-border: null !default;
|
|
|
146
146
|
$kendo-table-highlighted-bg: color-mix(in srgb, k-color(warning) 25%, transparent) !default;
|
|
147
147
|
/// The font weight of highlighted rows in table.
|
|
148
148
|
/// @group table
|
|
149
|
-
$kendo-table-highlighted-font-weight: var(
|
|
149
|
+
$kendo-table-highlighted-font-weight: var(--kendo-font-weight-bold) !default;
|
|
150
150
|
|
|
151
151
|
/// Background color of selected highlighted rows in table.
|
|
152
152
|
/// @group table
|
|
@@ -20,13 +20,13 @@ $kendo-tabstrip-wrapper-border-width: 0px !default;
|
|
|
20
20
|
|
|
21
21
|
/// The font family of the TabStrip.
|
|
22
22
|
/// @group tabstrip
|
|
23
|
-
$kendo-tabstrip-font-family: var(
|
|
23
|
+
$kendo-tabstrip-font-family: var(--kendo-font-family) !default;
|
|
24
24
|
/// The font size of the TabStrip.
|
|
25
25
|
/// @group tabstrip
|
|
26
|
-
$kendo-tabstrip-font-size: var(
|
|
26
|
+
$kendo-tabstrip-font-size: var(--kendo-font-size) !default;
|
|
27
27
|
/// The line height of the TabStrip.
|
|
28
28
|
/// @group tabstrip
|
|
29
|
-
$kendo-tabstrip-line-height: var(
|
|
29
|
+
$kendo-tabstrip-line-height: var(--kendo-line-height) !default;
|
|
30
30
|
/// The border width around the TabStrip.
|
|
31
31
|
/// @group tabstrip
|
|
32
32
|
$kendo-tabstrip-border-width: 1px !default;
|
|
@@ -45,10 +45,10 @@ $kendo-tabstrip-md-font-size: $kendo-tabstrip-font-size !default;
|
|
|
45
45
|
$kendo-tabstrip-md-line-height: $kendo-tabstrip-line-height !default;
|
|
46
46
|
/// The font size of the large TabStrip.
|
|
47
47
|
/// @group tabstrip
|
|
48
|
-
$kendo-tabstrip-lg-font-size: var(
|
|
48
|
+
$kendo-tabstrip-lg-font-size: var(--kendo-font-size-lg) !default;
|
|
49
49
|
/// The line height of the large TabStrip.
|
|
50
50
|
/// @group tabstrip
|
|
51
|
-
$kendo-tabstrip-lg-line-height: var(
|
|
51
|
+
$kendo-tabstrip-lg-line-height: var(--kendo-line-height-lg) !default;
|
|
52
52
|
|
|
53
53
|
/// The background color of the TabStrip wrapper.
|
|
54
54
|
/// @group tabstrip
|
|
@@ -14,13 +14,13 @@ $kendo-taskboard-padding-y: null !default;
|
|
|
14
14
|
$kendo-taskboard-padding-x: null !default;
|
|
15
15
|
/// The font family of the TaskBoard.
|
|
16
16
|
/// @group taskboard
|
|
17
|
-
$kendo-taskboard-font-family: var(
|
|
17
|
+
$kendo-taskboard-font-family: var(--kendo-font-family) !default;
|
|
18
18
|
/// The font size of the TaskBoard.
|
|
19
19
|
/// @group taskboard
|
|
20
|
-
$kendo-taskboard-font-size: var(
|
|
20
|
+
$kendo-taskboard-font-size: var(--kendo-font-size) !default;
|
|
21
21
|
/// The line height of the TaskBoard.
|
|
22
22
|
/// @group taskboard
|
|
23
|
-
$kendo-taskboard-line-height: var(
|
|
23
|
+
$kendo-taskboard-line-height: var(--kendo-line-height) !default;
|
|
24
24
|
/// The background color of the TaskBoard.
|
|
25
25
|
/// @group taskboard
|
|
26
26
|
$kendo-taskboard-bg: null !default;
|
|
@@ -16,13 +16,13 @@ $kendo-timeline-items-padding: k-spacing(4) !default;
|
|
|
16
16
|
|
|
17
17
|
/// The font family of the Timeline.
|
|
18
18
|
/// @group timeline
|
|
19
|
-
$kendo-timeline-font-family: var(
|
|
19
|
+
$kendo-timeline-font-family: var(--kendo-font-family) !default;
|
|
20
20
|
/// The font size of the Timeline.
|
|
21
21
|
/// @group timeline
|
|
22
|
-
$kendo-timeline-font-size: var(
|
|
22
|
+
$kendo-timeline-font-size: var(--kendo-font-size) !default;
|
|
23
23
|
/// The line height of the Timeline.
|
|
24
24
|
/// @group timeline
|
|
25
|
-
$kendo-timeline-line-height: var(
|
|
25
|
+
$kendo-timeline-line-height: var(--kendo-line-height) !default;
|
|
26
26
|
|
|
27
27
|
/// The horizontal spacing of the mobile Timeline.
|
|
28
28
|
/// @group timeline
|
|
@@ -14,7 +14,7 @@ $kendo-time-selector-default-size: "md" !default;
|
|
|
14
14
|
$kendo-time-selector-border-width: 1px !default;
|
|
15
15
|
/// The font family of the TimeSelector.
|
|
16
16
|
/// @group time-selector
|
|
17
|
-
$kendo-time-selector-font-family: var(
|
|
17
|
+
$kendo-time-selector-font-family: var(--kendo-font-family) !default;
|
|
18
18
|
/// The font size of the TimeSelector.
|
|
19
19
|
/// @group time-selector
|
|
20
20
|
$kendo-time-selector-font-size: null !default;
|
|
@@ -64,10 +64,10 @@ $kendo-time-list-height: 240px !default;
|
|
|
64
64
|
|
|
65
65
|
/// The font size of the TimeSelector list title.
|
|
66
66
|
/// @group time-selector
|
|
67
|
-
$kendo-time-list-title-font-size: var(
|
|
67
|
+
$kendo-time-list-title-font-size: var(--kendo-font-size-sm) !default;
|
|
68
68
|
/// The line height of the TimeSelector list title.
|
|
69
69
|
/// @group time-selector
|
|
70
|
-
$kendo-time-list-title-line-height: var(
|
|
70
|
+
$kendo-time-list-title-line-height: var(--kendo-line-height-lg) !default;
|
|
71
71
|
/// The height of the TimeSelector list title.
|
|
72
72
|
/// @group time-selector
|
|
73
73
|
$kendo-time-list-title-height: calc( ( #{$kendo-time-list-title-font-size} ) * ( #{$kendo-time-list-title-line-height} ) ) !default;
|
|
@@ -62,13 +62,13 @@ $kendo-toolbar-border-width: 1px !default;
|
|
|
62
62
|
|
|
63
63
|
/// The font family of the Toolbar.
|
|
64
64
|
/// @group toolbar
|
|
65
|
-
$kendo-toolbar-font-family: var(
|
|
65
|
+
$kendo-toolbar-font-family: var(--kendo-font-family) !default;
|
|
66
66
|
/// The font size of the Toolbar.
|
|
67
67
|
/// @group toolbar
|
|
68
|
-
$kendo-toolbar-font-size: var(
|
|
68
|
+
$kendo-toolbar-font-size: var(--kendo-font-size) !default;
|
|
69
69
|
/// The line height of the Toolbar.
|
|
70
70
|
/// @group toolbar
|
|
71
|
-
$kendo-toolbar-line-height: var(
|
|
71
|
+
$kendo-toolbar-line-height: var(--kendo-line-height) !default;
|
|
72
72
|
|
|
73
73
|
/// The background color of the Toolbar.
|
|
74
74
|
/// @group toolbar
|
|
@@ -20,20 +20,20 @@ $kendo-tooltip-border-radius: k-border-radius(md) !default;
|
|
|
20
20
|
|
|
21
21
|
/// The font family of the Tooltip.
|
|
22
22
|
/// @group tooltip
|
|
23
|
-
$kendo-tooltip-font-family: var(
|
|
23
|
+
$kendo-tooltip-font-family: var(--kendo-font-family) !default;
|
|
24
24
|
/// The font size of the Tooltip.
|
|
25
25
|
/// @group tooltip
|
|
26
|
-
$kendo-tooltip-font-size: var(
|
|
26
|
+
$kendo-tooltip-font-size: var(--kendo-font-size) !default;
|
|
27
27
|
/// The line height of the Tooltip.
|
|
28
28
|
/// @group tooltip
|
|
29
|
-
$kendo-tooltip-line-height: var(
|
|
29
|
+
$kendo-tooltip-line-height: var(--kendo-line-height-sm) !default;
|
|
30
30
|
|
|
31
31
|
/// The font size of the Tooltip title.
|
|
32
32
|
/// @group tooltip
|
|
33
|
-
$kendo-tooltip-title-font-size: calc( ( var(
|
|
33
|
+
$kendo-tooltip-title-font-size: calc( ( var(--kendo-font-size) * 1.25 ) ) !default;
|
|
34
34
|
/// The line height of the Tooltip title.
|
|
35
35
|
/// @group tooltip
|
|
36
|
-
$kendo-tooltip-title-line-height: var(
|
|
36
|
+
$kendo-tooltip-title-line-height: var(--kendo-line-height-xs) !default;
|
|
37
37
|
|
|
38
38
|
/// The size of the Tooltip callout.
|
|
39
39
|
/// @group tooltip
|
|
@@ -15,31 +15,31 @@ $kendo-treeview-border-radius: k-border-radius(sm) !default;
|
|
|
15
15
|
|
|
16
16
|
/// The font family of the TreeView.
|
|
17
17
|
/// @group treeview
|
|
18
|
-
$kendo-treeview-font-family: var(
|
|
18
|
+
$kendo-treeview-font-family: var(--kendo-font-family) !default;
|
|
19
19
|
/// The font size of the TreeView.
|
|
20
20
|
/// @group treeview
|
|
21
21
|
$kendo-treeview-font-size: null !default;
|
|
22
22
|
/// The font size of the small TreeView.
|
|
23
23
|
/// @group treeview
|
|
24
|
-
$kendo-treeview-sm-font-size: var(
|
|
24
|
+
$kendo-treeview-sm-font-size: var(--kendo-font-size) !default;
|
|
25
25
|
/// The font size of the medium TreeView.
|
|
26
26
|
/// @group treeview
|
|
27
|
-
$kendo-treeview-md-font-size: var(
|
|
27
|
+
$kendo-treeview-md-font-size: var(--kendo-font-size) !default;
|
|
28
28
|
/// The font size of the large TreeView.
|
|
29
29
|
/// @group treeview
|
|
30
|
-
$kendo-treeview-lg-font-size: var(
|
|
30
|
+
$kendo-treeview-lg-font-size: var(--kendo-font-size-lg) !default;
|
|
31
31
|
/// The line height of the TreeView.
|
|
32
32
|
/// @group treeview
|
|
33
33
|
$kendo-treeview-line-height: null !default;
|
|
34
34
|
/// The line height of the small TreeView.
|
|
35
35
|
/// @group treeview
|
|
36
|
-
$kendo-treeview-sm-line-height: var(
|
|
36
|
+
$kendo-treeview-sm-line-height: var(--kendo-line-height) !default;
|
|
37
37
|
/// The line height of the medium TreeView.
|
|
38
38
|
/// @group treeview
|
|
39
|
-
$kendo-treeview-md-line-height: var(
|
|
39
|
+
$kendo-treeview-md-line-height: var(--kendo-line-height) !default;
|
|
40
40
|
/// The line height of the large TreeView.
|
|
41
41
|
/// @group treeview
|
|
42
|
-
$kendo-treeview-lg-line-height: var(
|
|
42
|
+
$kendo-treeview-lg-line-height: var(--kendo-line-height-lg) !default;
|
|
43
43
|
/// The indentation of child groups in the TreeView.
|
|
44
44
|
/// @group treeview
|
|
45
45
|
$kendo-treeview-indent: 24px !default;
|
|
@@ -6,41 +6,41 @@
|
|
|
6
6
|
|
|
7
7
|
/// The font size of the highest level heading.
|
|
8
8
|
/// @group typography-component
|
|
9
|
-
$kendo-h1-font-size: calc( var(
|
|
9
|
+
$kendo-h1-font-size: calc( var(--kendo-font-size) * 4 ) !default;
|
|
10
10
|
/// The font size of the second highest level heading.
|
|
11
11
|
/// @group typography-component
|
|
12
|
-
$kendo-h2-font-size: calc( var(
|
|
12
|
+
$kendo-h2-font-size: calc( var(--kendo-font-size) * 3 ) !default;
|
|
13
13
|
/// The font size of the third highest level heading.
|
|
14
14
|
/// @group typography-component
|
|
15
|
-
$kendo-h3-font-size: calc( var(
|
|
15
|
+
$kendo-h3-font-size: calc( var(--kendo-font-size) * 2.5 ) !default;
|
|
16
16
|
/// The font size of the fourth highest level heading.
|
|
17
17
|
/// @group typography-component
|
|
18
|
-
$kendo-h4-font-size: calc( var(
|
|
18
|
+
$kendo-h4-font-size: calc( var(--kendo-font-size) * 2 ) !default;
|
|
19
19
|
/// The font size of the fifth highest level heading.
|
|
20
20
|
/// @group typography-component
|
|
21
|
-
$kendo-h5-font-size: calc( var(
|
|
21
|
+
$kendo-h5-font-size: calc( var(--kendo-font-size) * 1.5 ) !default;
|
|
22
22
|
/// The font size of the sixth highest level heading.
|
|
23
23
|
/// @group typography-component
|
|
24
|
-
$kendo-h6-font-size: var(
|
|
24
|
+
$kendo-h6-font-size: var(--kendo-font-size) !default;
|
|
25
25
|
|
|
26
26
|
/// The font family of the highest level heading.
|
|
27
27
|
/// @group typography-component
|
|
28
|
-
$kendo-h1-font-family: var(
|
|
28
|
+
$kendo-h1-font-family: var(--kendo-font-family) !default;
|
|
29
29
|
/// The font family of the second highest level heading.
|
|
30
30
|
/// @group typography-component
|
|
31
|
-
$kendo-h2-font-family: var(
|
|
31
|
+
$kendo-h2-font-family: var(--kendo-font-family) !default;
|
|
32
32
|
/// The font family of the third highest level heading.
|
|
33
33
|
/// @group typography-component
|
|
34
|
-
$kendo-h3-font-family: var(
|
|
34
|
+
$kendo-h3-font-family: var(--kendo-font-family) !default;
|
|
35
35
|
/// The font family of the fourth highest level heading.
|
|
36
36
|
/// @group typography-component
|
|
37
|
-
$kendo-h4-font-family: var(
|
|
37
|
+
$kendo-h4-font-family: var(--kendo-font-family) !default;
|
|
38
38
|
/// The font family of the fifth highest level heading.
|
|
39
39
|
/// @group typography-component
|
|
40
|
-
$kendo-h5-font-family: var(
|
|
40
|
+
$kendo-h5-font-family: var(--kendo-font-family) !default;
|
|
41
41
|
/// The font family of the sixth highest level heading.
|
|
42
42
|
/// @group typography-component
|
|
43
|
-
$kendo-h6-font-family: var(
|
|
43
|
+
$kendo-h6-font-family: var(--kendo-font-family) !default;
|
|
44
44
|
|
|
45
45
|
/// The line height of the highest level heading.
|
|
46
46
|
/// @group typography-component
|
|
@@ -63,22 +63,22 @@ $kendo-h6-line-height: 20px !default;
|
|
|
63
63
|
|
|
64
64
|
/// The font weight of the highest level heading.
|
|
65
65
|
/// @group typography-component
|
|
66
|
-
$kendo-h1-font-weight: var(
|
|
66
|
+
$kendo-h1-font-weight: var(--kendo-font-weight-normal) !default;
|
|
67
67
|
/// The font weight of the second highest level heading.
|
|
68
68
|
/// @group typography-component
|
|
69
|
-
$kendo-h2-font-weight: var(
|
|
69
|
+
$kendo-h2-font-weight: var(--kendo-font-weight-normal) !default;
|
|
70
70
|
/// The font weight of the third highest level heading.
|
|
71
71
|
/// @group typography-component
|
|
72
|
-
$kendo-h3-font-weight: var(
|
|
72
|
+
$kendo-h3-font-weight: var(--kendo-font-weight-normal) !default;
|
|
73
73
|
/// The font weight of the fourth highest level heading.
|
|
74
74
|
/// @group typography-component
|
|
75
|
-
$kendo-h4-font-weight: var(
|
|
75
|
+
$kendo-h4-font-weight: var(--kendo-font-weight-bold) !default;
|
|
76
76
|
/// The font weight of the fifth highest level heading.
|
|
77
77
|
/// @group typography-component
|
|
78
|
-
$kendo-h5-font-weight: var(
|
|
78
|
+
$kendo-h5-font-weight: var(--kendo-font-weight-bold) !default;
|
|
79
79
|
/// The font weight of the sixth highest level heading.
|
|
80
80
|
/// @group typography-component
|
|
81
|
-
$kendo-h6-font-weight: var(
|
|
81
|
+
$kendo-h6-font-weight: var(--kendo-font-weight-bold) !default;
|
|
82
82
|
|
|
83
83
|
/// The letter spacing of the highest level heading.
|
|
84
84
|
/// @group typography-component
|
|
@@ -101,22 +101,22 @@ $kendo-h6-letter-spacing: null !default;
|
|
|
101
101
|
|
|
102
102
|
/// The margin of the highest level heading.
|
|
103
103
|
/// @group typography-component
|
|
104
|
-
$kendo-h1-margin: 0 0 var(
|
|
104
|
+
$kendo-h1-margin: 0 0 var(--kendo-font-size) !default;
|
|
105
105
|
/// The margin of the second highest level heading.
|
|
106
106
|
/// @group typography-component
|
|
107
|
-
$kendo-h2-margin: 0 0 var(
|
|
107
|
+
$kendo-h2-margin: 0 0 var(--kendo-font-size) !default;
|
|
108
108
|
/// The margin of the third highest level heading.
|
|
109
109
|
/// @group typography-component
|
|
110
|
-
$kendo-h3-margin: 0 0 var(
|
|
110
|
+
$kendo-h3-margin: 0 0 var(--kendo-font-size) !default;
|
|
111
111
|
/// The margin of the fourth highest level heading.
|
|
112
112
|
/// @group typography-component
|
|
113
|
-
$kendo-h4-margin: 0 0 var(
|
|
113
|
+
$kendo-h4-margin: 0 0 var(--kendo-font-size) !default;
|
|
114
114
|
/// The margin of the fifth highest level heading.
|
|
115
115
|
/// @group typography-component
|
|
116
|
-
$kendo-h5-margin: 0 0 var(
|
|
116
|
+
$kendo-h5-margin: 0 0 var(--kendo-font-size) !default;
|
|
117
117
|
/// The margin of the sixth highest level heading.
|
|
118
118
|
/// @group typography-component
|
|
119
|
-
$kendo-h6-margin: 0 0 var(
|
|
119
|
+
$kendo-h6-margin: 0 0 var(--kendo-font-size) !default;
|
|
120
120
|
|
|
121
121
|
/// The headings Map.
|
|
122
122
|
/// @group typography-component
|
|
@@ -176,19 +176,19 @@ $kendo-headings: (
|
|
|
176
176
|
|
|
177
177
|
/// The margin of the paragraph.
|
|
178
178
|
/// @group typography-component
|
|
179
|
-
$kendo-paragraph-margin: 0 0 var(
|
|
179
|
+
$kendo-paragraph-margin: 0 0 var(--kendo-font-size) !default;
|
|
180
180
|
/// The font size of the paragraph.
|
|
181
181
|
/// @group typography-component
|
|
182
|
-
$kendo-paragraph-font-size: var(
|
|
182
|
+
$kendo-paragraph-font-size: var(--kendo-font-size) !default;
|
|
183
183
|
/// The font family of the paragraph.
|
|
184
184
|
/// @group typography-component
|
|
185
|
-
$kendo-paragraph-font-family: var(
|
|
185
|
+
$kendo-paragraph-font-family: var(--kendo-font-family) !default;
|
|
186
186
|
/// The line height of the paragraph.
|
|
187
187
|
/// @group typography-component
|
|
188
188
|
$kendo-paragraph-line-height: 20px !default;
|
|
189
189
|
/// The font weight of the paragraph.
|
|
190
190
|
/// @group typography-component
|
|
191
|
-
$kendo-paragraph-font-weight: var(
|
|
191
|
+
$kendo-paragraph-font-weight: var(--kendo-font-weight-normal) !default;
|
|
192
192
|
/// The letter spacing of the paragraph.
|
|
193
193
|
/// @group typography-component
|
|
194
194
|
$kendo-paragraph-letter-spacing: null !default;
|
|
@@ -198,16 +198,16 @@ $kendo-paragraph-letter-spacing: null !default;
|
|
|
198
198
|
|
|
199
199
|
/// The font size of the code tag.
|
|
200
200
|
/// @group typography-component
|
|
201
|
-
$kendo-code-font-size: var(
|
|
201
|
+
$kendo-code-font-size: var(--kendo-font-size) !default;
|
|
202
202
|
/// The font family of the code tag.
|
|
203
203
|
/// @group typography-component
|
|
204
|
-
$kendo-code-font-family: var(
|
|
204
|
+
$kendo-code-font-family: var(--kendo-font-family-monospace) !default;
|
|
205
205
|
/// The line height of the code tag.
|
|
206
206
|
/// @group typography-component
|
|
207
207
|
$kendo-code-line-height: 20px !default;
|
|
208
208
|
/// The font weight of the code tag.
|
|
209
209
|
/// @group typography-component
|
|
210
|
-
$kendo-code-font-weight: var(
|
|
210
|
+
$kendo-code-font-weight: var(--kendo-font-weight-normal) !default;
|
|
211
211
|
/// The letter spacing of the code tag.
|
|
212
212
|
/// @group typography-component
|
|
213
213
|
$kendo-code-letter-spacing: null !default;
|
|
@@ -242,29 +242,29 @@ $kendo-code-border: k-color(border) !default;
|
|
|
242
242
|
|
|
243
243
|
/// The font size of the largest display text.
|
|
244
244
|
/// @group typography-component
|
|
245
|
-
$kendo-display1-font-size: calc( var(
|
|
245
|
+
$kendo-display1-font-size: calc( var(--kendo-font-size) * 8) !default;
|
|
246
246
|
/// The font size of the second largest display text.
|
|
247
247
|
/// @group typography-component
|
|
248
|
-
$kendo-display2-font-size: calc( var(
|
|
248
|
+
$kendo-display2-font-size: calc( var(--kendo-font-size) * 7) !default;
|
|
249
249
|
/// The font size of the third largest display text.
|
|
250
250
|
/// @group typography-component
|
|
251
|
-
$kendo-display3-font-size: calc( var(
|
|
251
|
+
$kendo-display3-font-size: calc( var(--kendo-font-size) * 6) !default;
|
|
252
252
|
/// The font size of the fourth largest display text.
|
|
253
253
|
/// @group typography-component
|
|
254
|
-
$kendo-display4-font-size: calc( var(
|
|
254
|
+
$kendo-display4-font-size: calc( var(--kendo-font-size) * 5) !default;
|
|
255
255
|
|
|
256
256
|
/// The font family of the largest display text.
|
|
257
257
|
/// @group typography-component
|
|
258
|
-
$kendo-display1-font-family: var(
|
|
258
|
+
$kendo-display1-font-family: var(--kendo-font-family) !default;
|
|
259
259
|
/// The font family of the second largest display text.
|
|
260
260
|
/// @group typography-component
|
|
261
|
-
$kendo-display2-font-family: var(
|
|
261
|
+
$kendo-display2-font-family: var(--kendo-font-family) !default;
|
|
262
262
|
/// The font family of the third largest display text.
|
|
263
263
|
/// @group typography-component
|
|
264
|
-
$kendo-display3-font-family: var(
|
|
264
|
+
$kendo-display3-font-family: var(--kendo-font-family) !default;
|
|
265
265
|
/// The font family of the fourth largest display text.
|
|
266
266
|
/// @group typography-component
|
|
267
|
-
$kendo-display4-font-family: var(
|
|
267
|
+
$kendo-display4-font-family: var(--kendo-font-family) !default;
|
|
268
268
|
|
|
269
269
|
/// The line height of the largest display text.
|
|
270
270
|
/// @group typography-component
|
|
@@ -281,16 +281,16 @@ $kendo-display4-line-height: 1.2 !default;
|
|
|
281
281
|
|
|
282
282
|
/// The font weight of the largest display text.
|
|
283
283
|
/// @group typography-component
|
|
284
|
-
$kendo-display1-font-weight: var(
|
|
284
|
+
$kendo-display1-font-weight: var(--kendo-font-weight-light) !default;
|
|
285
285
|
/// The font weight of the second largest display text.
|
|
286
286
|
/// @group typography-component
|
|
287
|
-
$kendo-display2-font-weight: var(
|
|
287
|
+
$kendo-display2-font-weight: var(--kendo-font-weight-light) !default;
|
|
288
288
|
/// The font weight of the third largest display text.
|
|
289
289
|
/// @group typography-component
|
|
290
|
-
$kendo-display3-font-weight: var(
|
|
290
|
+
$kendo-display3-font-weight: var(--kendo-font-weight-light) !default;
|
|
291
291
|
/// The font weight of the fourth largest display text.
|
|
292
292
|
/// @group typography-component
|
|
293
|
-
$kendo-display4-font-weight: var(
|
|
293
|
+
$kendo-display4-font-weight: var(--kendo-font-weight-light) !default;
|
|
294
294
|
|
|
295
295
|
/// The letter spacing of the largest display text.
|
|
296
296
|
/// @group typography-component
|
|
@@ -8,13 +8,13 @@
|
|
|
8
8
|
$kendo-upload-border-width: 1px !default;
|
|
9
9
|
/// The font family of the Upload.
|
|
10
10
|
/// @group upload
|
|
11
|
-
$kendo-upload-font-family: var(
|
|
11
|
+
$kendo-upload-font-family: var(--kendo-font-family) !default;
|
|
12
12
|
/// The font size of the Upload.
|
|
13
13
|
/// @group upload
|
|
14
|
-
$kendo-upload-font-size: var(
|
|
14
|
+
$kendo-upload-font-size: var(--kendo-font-size) !default;
|
|
15
15
|
/// The line height of the Upload.
|
|
16
16
|
/// @group upload
|
|
17
|
-
$kendo-upload-line-height: var(
|
|
17
|
+
$kendo-upload-line-height: var(--kendo-line-height) !default;
|
|
18
18
|
/// The maximum height of the list with uploaded items.
|
|
19
19
|
/// @group upload
|
|
20
20
|
$kendo-upload-max-height: 300px !default;
|
|
@@ -40,7 +40,7 @@ $kendo-upload-dropzone-padding-y: k-spacing(2) !default;
|
|
|
40
40
|
$kendo-upload-dropzone-text: k-color(on-app-surface) !default;
|
|
41
41
|
/// The background color of the Upload dropzone.
|
|
42
42
|
/// @group upload
|
|
43
|
-
$kendo-upload-dropzone-bg: k-color(surface)!default;
|
|
43
|
+
$kendo-upload-dropzone-bg: k-color(surface) !default;
|
|
44
44
|
/// The border color of the Upload dropzone.
|
|
45
45
|
/// @group upload
|
|
46
46
|
$kendo-upload-dropzone-border: $kendo-upload-border !default;
|
|
@@ -68,10 +68,10 @@ $kendo-upload-multiple-items-spacing: k-spacing(3) !default;
|
|
|
68
68
|
|
|
69
69
|
/// The font size of the Upload validation message.
|
|
70
70
|
/// @group upload
|
|
71
|
-
$kendo-upload-validation-font-size: var(
|
|
71
|
+
$kendo-upload-validation-font-size: var(--kendo-font-size-sm) !default;
|
|
72
72
|
/// The line height of the Upload validation message.
|
|
73
73
|
/// @group upload
|
|
74
|
-
$kendo-upload-validation-line-height: var(
|
|
74
|
+
$kendo-upload-validation-line-height: var(--kendo-line-height-xs) !default;
|
|
75
75
|
/// The horizontal spacing of the Upload status icon.
|
|
76
76
|
/// @group upload
|
|
77
77
|
$kendo-upload-icon-spacing: $kendo-icon-spacing !default;
|
|
@@ -22,13 +22,13 @@ $kendo-window-border-width: 0px !default;
|
|
|
22
22
|
$kendo-window-border-radius: 0px !default;
|
|
23
23
|
/// The font family of the Window.
|
|
24
24
|
/// @group window
|
|
25
|
-
$kendo-window-font-family: var(
|
|
25
|
+
$kendo-window-font-family: var(--kendo-font-family) !default;
|
|
26
26
|
/// The font size of the Window.
|
|
27
27
|
/// @group window
|
|
28
|
-
$kendo-window-font-size: var(
|
|
28
|
+
$kendo-window-font-size: var(--kendo-font-size) !default;
|
|
29
29
|
/// The line height of the Window.
|
|
30
30
|
/// @group window
|
|
31
|
-
$kendo-window-line-height: var(
|
|
31
|
+
$kendo-window-line-height: var(--kendo-line-height-sm) !default;
|
|
32
32
|
|
|
33
33
|
/// The horizontal padding of the Window titlebar.
|
|
34
34
|
/// @group window
|
|
@@ -45,10 +45,10 @@ $kendo-window-titlebar-border-style: solid !default;
|
|
|
45
45
|
|
|
46
46
|
/// The font size of the title of the Window.
|
|
47
47
|
/// @group window
|
|
48
|
-
$kendo-window-title-font-size: var(
|
|
48
|
+
$kendo-window-title-font-size: var(--kendo-font-size-lg) !default;
|
|
49
49
|
/// The line height of the title of the Window.
|
|
50
50
|
/// @group window
|
|
51
|
-
$kendo-window-title-line-height: var(
|
|
51
|
+
$kendo-window-title-line-height: var(--kendo-line-height-sm) !default;
|
|
52
52
|
|
|
53
53
|
/// The spacing between the buttons in the Window titlebar.
|
|
54
54
|
/// @group window
|
|
@@ -95,7 +95,7 @@ $kendo-window-focus-shadow: k-elevation(9) !default;
|
|
|
95
95
|
|
|
96
96
|
/// The background color of the Window titlebar.
|
|
97
97
|
/// @group window
|
|
98
|
-
$kendo-window-titlebar-bg: k-color(surface)!default;
|
|
98
|
+
$kendo-window-titlebar-bg: k-color(surface) !default;
|
|
99
99
|
/// The text color of the Window titlebar.
|
|
100
100
|
/// @group window
|
|
101
101
|
$kendo-window-titlebar-text: k-color(on-app-surface) !default;
|