@progress/kendo-theme-classic 5.0.0-beta.2 → 5.0.0-beta.3
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/README.md +5 -8
- package/dist/all.css +1060 -935
- package/dist/all.scss +1785 -1512
- package/package.json +3 -3
- package/scss/card/_variables.scss +4 -4
- package/scss/chat/_variables.scss +0 -2
- package/scss/checkbox/_index.scss +1 -1
- package/scss/checkbox/_variables.scss +2 -8
- package/scss/coloreditor/_variables.scss +3 -3
- package/scss/combobox/_variables.scss +1 -31
- package/scss/fab/_variables.scss +129 -72
- package/scss/fab/index.md +0 -0
- package/scss/grid/_variables.scss +7 -7
- package/scss/imageeditor/_variables.scss +1 -0
- package/scss/index.scss +1 -0
- package/scss/input/_variables.scss +3 -3
- package/scss/list/_index.scss +1 -0
- package/scss/listbox/_variables.scss +1 -1
- package/scss/menu/_variables.scss +13 -1
- package/scss/orgchart/_variables.scss +2 -2
- package/scss/pager/_variables.scss +1 -1
- package/scss/pdf-viewer/_variables.scss +2 -5
- package/scss/radio/_index.scss +1 -1
- package/scss/radio/_variables.scss +2 -8
- package/scss/table/_variables.scss +9 -9
- package/scss/toolbar/_variables.scss +2 -0
- package/scss/treeview/_variables.scss +34 -50
- package/scss/typography/_variables.scss +3 -3
- package/scss/virtual-scroller/_index.scss +10 -0
- package/scss/virtual-scroller/_layout.scss +1 -0
- package/scss/virtual-scroller/_theme.scss +1 -0
- package/scss/virtual-scroller/_variables.scss +1 -0
|
@@ -1,34 +1,5 @@
|
|
|
1
1
|
// Treeview
|
|
2
2
|
|
|
3
|
-
/// The sizes of the treeview.
|
|
4
|
-
/// @group treeview
|
|
5
|
-
$kendo-treeview-sizes: (
|
|
6
|
-
sm: (
|
|
7
|
-
font-size: map-get( $spacing, 3),
|
|
8
|
-
line-height: $line-height,
|
|
9
|
-
item-padding-x: map-get( $spacing, thin ),
|
|
10
|
-
item-padding-y: map-get( $spacing, 1 )
|
|
11
|
-
),
|
|
12
|
-
md: (
|
|
13
|
-
font-size: $font-size,
|
|
14
|
-
line-height: $line-height,
|
|
15
|
-
item-padding-x: map-get( $spacing, 1 ),
|
|
16
|
-
item-padding-y: map-get( $spacing, 2 )
|
|
17
|
-
),
|
|
18
|
-
lg: (
|
|
19
|
-
font-size: map-get( $spacing, 4),
|
|
20
|
-
line-height: $line-height,
|
|
21
|
-
item-padding-x: map-get( $spacing, 2 ),
|
|
22
|
-
item-padding-y: map-get( $spacing, 3 )
|
|
23
|
-
)
|
|
24
|
-
) !default;
|
|
25
|
-
|
|
26
|
-
/// The horizontal padding of the treeview.
|
|
27
|
-
/// @group treeview
|
|
28
|
-
$kendo-treeview-padding-x: 0px !default;
|
|
29
|
-
/// The vertical padding of the treeview.
|
|
30
|
-
/// @group treeview
|
|
31
|
-
$kendo-treeview-padding-y: 0px !default;
|
|
32
3
|
/// The font family of the treeview.
|
|
33
4
|
/// @group treeview
|
|
34
5
|
$kendo-treeview-font-family: $font-family !default;
|
|
@@ -56,6 +27,31 @@ $kendo-treeview-item-border-width: 0px !default;
|
|
|
56
27
|
/// @group treeview
|
|
57
28
|
$kendo-treeview-item-border-radius: $border-radius !default;
|
|
58
29
|
|
|
30
|
+
|
|
31
|
+
/// The sizes of the treeview.
|
|
32
|
+
/// @group treeview
|
|
33
|
+
$kendo-treeview-sizes: (
|
|
34
|
+
sm: (
|
|
35
|
+
font-size: map-get( $spacing, 3),
|
|
36
|
+
line-height: $line-height,
|
|
37
|
+
item-padding-x: map-get( $spacing, thin ),
|
|
38
|
+
item-padding-y: map-get( $spacing, 1 )
|
|
39
|
+
),
|
|
40
|
+
md: (
|
|
41
|
+
font-size: $font-size,
|
|
42
|
+
line-height: $line-height,
|
|
43
|
+
item-padding-x: map-get( $spacing, 1 ),
|
|
44
|
+
item-padding-y: map-get( $spacing, 2 )
|
|
45
|
+
),
|
|
46
|
+
lg: (
|
|
47
|
+
font-size: map-get( $spacing, 4),
|
|
48
|
+
line-height: $line-height,
|
|
49
|
+
item-padding-x: map-get( $spacing, 2 ),
|
|
50
|
+
item-padding-y: map-get( $spacing, 3 )
|
|
51
|
+
)
|
|
52
|
+
) !default;
|
|
53
|
+
|
|
54
|
+
|
|
59
55
|
/// The background of the treeview.
|
|
60
56
|
/// @group treeview
|
|
61
57
|
$kendo-treeview-bg: null !default;
|
|
@@ -68,16 +64,16 @@ $kendo-treeview-border: null !default;
|
|
|
68
64
|
|
|
69
65
|
/// The background of a hovered treeview item.
|
|
70
66
|
/// @group treeview
|
|
71
|
-
$kendo-treeview-item-
|
|
67
|
+
$kendo-treeview-item-hover-bg: $hovered-bg !default;
|
|
72
68
|
/// The text color of a hovered treeview item.
|
|
73
69
|
/// @group treeview
|
|
74
|
-
$kendo-treeview-item-
|
|
70
|
+
$kendo-treeview-item-hover-text: $hovered-text !default;
|
|
75
71
|
/// The border of a hovered treeview item.
|
|
76
72
|
/// @group treeview
|
|
77
|
-
$kendo-treeview-item-
|
|
73
|
+
$kendo-treeview-item-hover-border: $hovered-border !default;
|
|
78
74
|
/// The gradient of a hovered treeview item.
|
|
79
75
|
/// @group treeview
|
|
80
|
-
$kendo-treeview-item-
|
|
76
|
+
$kendo-treeview-item-hover-gradient: $hovered-gradient !default;
|
|
81
77
|
|
|
82
78
|
/// The background of a selected treeview item.
|
|
83
79
|
/// @group treeview
|
|
@@ -94,27 +90,15 @@ $kendo-treeview-item-selected-gradient: $selected-gradient !default;
|
|
|
94
90
|
|
|
95
91
|
/// The shadow of a focused treeview item.
|
|
96
92
|
/// @group treeview
|
|
97
|
-
$kendo-treeview-item-
|
|
93
|
+
$kendo-treeview-item-focus-shadow: $focused-shadow !default;
|
|
98
94
|
/// The shadow of a selected and focused treeview item.
|
|
99
|
-
/// @group treeview
|
|
100
|
-
$kendo-treeview-item-selected-focused-shadow: null !default;
|
|
101
|
-
|
|
102
|
-
/// The horizontal padding of the load more checkboxes.
|
|
103
|
-
/// @group treeview
|
|
104
|
-
$kendo-treeview-loadmore-checkboxes-padding-x: calc( #{$icon-spacing} + #{map-get( $kendo-checkbox-sizes, "md" )} + #{$kendo-treeview-indent} ) !default;
|
|
105
|
-
/// The icon indent of the load more checkboxes.
|
|
106
|
-
/// @group treeview
|
|
107
|
-
$kendo-treeview-loadmore-checkboxes-icon-indent: calc( -1 * (#{$icon-spacing} + #{$kendo-treeview-indent}) ) !default;
|
|
108
|
-
/// The horizontal margin of the load more checkboxes.
|
|
109
|
-
/// @group treeview
|
|
110
|
-
$kendo-treeview-loadmore-checkboxes-icon-margin-x: $icon-spacing !default;
|
|
111
95
|
|
|
112
96
|
/// The background of load more.
|
|
113
97
|
/// @group treeview
|
|
114
98
|
$kendo-treeview-loadmore-bg: transparent !default;
|
|
115
99
|
/// The text color of load more.
|
|
116
100
|
/// @group treeview
|
|
117
|
-
$kendo-treeview-loadmore-text: $
|
|
101
|
+
$kendo-treeview-loadmore-text: $link-text !default;
|
|
118
102
|
/// The border of load more.
|
|
119
103
|
/// @group treeview
|
|
120
104
|
$kendo-treeview-loadmore-border: null !default;
|
|
@@ -124,7 +108,7 @@ $kendo-treeview-loadmore-border: null !default;
|
|
|
124
108
|
$kendo-treeview-loadmore-hover-bg: transparent !default;
|
|
125
109
|
/// The text color of a hovered load more.
|
|
126
110
|
/// @group treeview
|
|
127
|
-
$kendo-treeview-loadmore-hover-text: $
|
|
111
|
+
$kendo-treeview-loadmore-hover-text: $link-hover-text !default;
|
|
128
112
|
/// The border of a hovered load more.
|
|
129
113
|
/// @group treeview
|
|
130
114
|
$kendo-treeview-loadmore-hover-border: null !default;
|
|
@@ -134,10 +118,10 @@ $kendo-treeview-loadmore-hover-border: null !default;
|
|
|
134
118
|
$kendo-treeview-loadmore-focus-bg: transparent !default;
|
|
135
119
|
/// The text color of a focused load more.
|
|
136
120
|
/// @group treeview
|
|
137
|
-
$kendo-treeview-loadmore-focus-text: $
|
|
121
|
+
$kendo-treeview-loadmore-focus-text: $link-hover-text !default;
|
|
138
122
|
/// The border of a focused load more.
|
|
139
123
|
/// @group treeview
|
|
140
124
|
$kendo-treeview-loadmore-focus-border: null !default;
|
|
141
125
|
/// The shadow of a focused load more.
|
|
142
126
|
/// @group treeview
|
|
143
|
-
$kendo-treeview-loadmore-focus-shadow:
|
|
127
|
+
$kendo-treeview-loadmore-focus-shadow: $kendo-treeview-item-focus-shadow !default;
|
|
@@ -9,8 +9,8 @@ $enable-typography: false !default;
|
|
|
9
9
|
$font-size: 14px !default;
|
|
10
10
|
$font-size-xs: 10px !default;
|
|
11
11
|
$font-size-sm: 12px !default;
|
|
12
|
-
$font-size-md:
|
|
13
|
-
$font-size-lg:
|
|
12
|
+
$font-size-md: $font-size !default;
|
|
13
|
+
$font-size-lg: 16px !default;
|
|
14
14
|
$font-size-xl: 20px !default;
|
|
15
15
|
|
|
16
16
|
/// Font family across all components.
|
|
@@ -25,7 +25,7 @@ $font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Roboto Mono",
|
|
|
25
25
|
/// @group typography
|
|
26
26
|
$line-height: (20 / 14) !default;
|
|
27
27
|
$line-height-xs: 1 !default;
|
|
28
|
-
$line-height-sm: 1.
|
|
28
|
+
$line-height-sm: 1.25 !default;
|
|
29
29
|
$line-height-md: $line-height !default;
|
|
30
30
|
$line-height-lg: 1.5 !default;
|
|
31
31
|
$line-height-em: $line-height * 1em !default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "~@progress/kendo-theme-default/scss/virtual-scroller/_layout.scss";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "~@progress/kendo-theme-default/scss/virtual-scroller/_theme.scss";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
// Virtual-scroller
|