@progress/kendo-theme-fluent 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 +534 -353
- package/dist/all.scss +4 -1
- package/dist/fluent-main.scss +4 -0
- package/lib/swatches/all.json +17 -0
- package/lib/swatches/fluent-main.json +17 -0
- package/package.json +4 -4
- package/scss/adaptive/_layout.scss +2 -2
- package/scss/badge/_variables.scss +30 -30
- package/scss/breadcrumb/_variables.scss +4 -0
- package/scss/button/_layout.scss +39 -0
- package/scss/button/_variables.scss +33 -33
- package/scss/card/_layout.scss +2 -2
- package/scss/chat/_variables.scss +3 -3
- package/scss/checkbox/_variables.scss +1 -1
- package/scss/chip/_variables.scss +27 -27
- package/scss/coloreditor/_layout.scss +24 -24
- package/scss/coloreditor/_theme.scss +8 -8
- package/scss/coloreditor/_variables.scss +27 -27
- package/scss/coloreditor/index.scss +2 -2
- package/scss/colorgradient/_layout.scss +43 -42
- package/scss/colorgradient/_theme.scss +19 -19
- package/scss/colorgradient/_variables.scss +46 -46
- package/scss/colorgradient/index.scss +2 -2
- package/scss/colorpalette/_layout.scss +8 -8
- package/scss/colorpalette/_theme.scss +9 -9
- package/scss/colorpalette/_variables.scss +15 -15
- package/scss/colorpalette/index.scss +2 -2
- package/scss/core/_variables.scss +2 -2
- package/scss/core/mixins/_hide-scrollbar.scss +1 -1
- package/scss/core/mixins/_typography.scss +6 -16
- package/scss/dataviz/_layout.scss +3 -3
- package/scss/dataviz/_variables.scss +33 -33
- package/scss/dialog/_variables.scss +3 -3
- package/scss/editor/_layout.scss +2 -2
- package/scss/fab/_variables.scss +12 -12
- package/scss/filemanager/_layout.scss +31 -31
- package/scss/filemanager/_theme.scss +34 -34
- package/scss/filemanager/_variables.scss +58 -58
- package/scss/filemanager/index.scss +2 -2
- package/scss/floating-label/_variables.scss +2 -2
- package/scss/forms/_layout.scss +3 -3
- package/scss/forms/_variables.scss +8 -8
- package/scss/gantt/_layout.scss +2 -2
- package/scss/grid/_layout.scss +43 -16
- package/scss/grid/_theme.scss +46 -1
- package/scss/grid/_variables.scss +74 -74
- package/scss/icon/_layout.scss +5 -0
- package/scss/imageeditor/_layout.scss +24 -24
- package/scss/imageeditor/_theme.scss +14 -14
- package/scss/imageeditor/_variables.scss +33 -33
- package/scss/imageeditor/index.scss +2 -2
- package/scss/input/_layout.scss +4 -4
- package/scss/input/_variables.scss +42 -42
- package/scss/list/_variables.scss +102 -102
- package/scss/loader/_layout.scss +45 -45
- package/scss/loader/_variables.scss +33 -33
- package/scss/map/_variables.scss +2 -2
- package/scss/mediaplayer/_layout.scss +7 -7
- package/scss/mediaplayer/_theme.scss +8 -8
- package/scss/mediaplayer/_variables.scss +13 -13
- package/scss/mediaplayer/index.scss +2 -2
- package/scss/menu/_layout.scss +3 -3
- package/scss/menu/_variables.scss +43 -43
- package/scss/pager/_variables.scss +18 -18
- package/scss/pivotgrid/_layout.scss +2 -2
- package/scss/radio/_variables.scss +1 -1
- package/scss/rating/_variables.scss +1 -1
- package/scss/scheduler/_layout.scss +1 -1
- package/scss/scrollview/_variables.scss +1 -1
- package/scss/signature/_variables.scss +18 -18
- package/scss/split-button/_layout.scss +2 -2
- package/scss/split-button/_variables.scss +9 -9
- package/scss/spreadsheet/_layout.scss +9 -9
- package/scss/spreadsheet/_variables.scss +1 -1
- package/scss/table/_layout.scss +2 -2
- package/scss/table/_variables.scss +27 -27
- package/scss/tilelayout/_layout.scss +4 -4
- package/scss/tilelayout/_theme.scss +4 -4
- package/scss/tilelayout/_variables.scss +6 -6
- package/scss/tilelayout/index.scss +2 -2
- package/scss/timeselector/_layout.scss +1 -1
- package/scss/timeselector/_variables.scss +13 -13
- package/scss/toolbar/_layout.scss +10 -10
- package/scss/toolbar/_variables.scss +18 -18
- package/scss/treeview/_variables.scss +24 -24
- package/scss/typography/_layout.scss +7 -7
- package/scss/upload/_variables.scss +1 -1
- package/scss/window/_variables.scss +2 -2
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
@use "../icon/_variables.scss"as *;
|
|
2
2
|
@use "./_variables.scss" as *;
|
|
3
3
|
|
|
4
|
-
@mixin kendo-
|
|
4
|
+
@mixin kendo-file-manager--layout() {
|
|
5
5
|
|
|
6
6
|
// File Manager
|
|
7
7
|
.k-filemanager {
|
|
8
|
-
border-width: var( --kendo-
|
|
8
|
+
border-width: var( --kendo-file-manager-border-width, #{$kendo-file-manager-border-width} );
|
|
9
9
|
border-style: solid;
|
|
10
10
|
box-sizing: border-box;
|
|
11
|
-
font-family: var( --kendo-
|
|
12
|
-
font-size: var( --kendo-
|
|
13
|
-
line-height: var( --kendo-
|
|
11
|
+
font-family: var( --kendo-file-manager-font-family, #{$kendo-file-manager-font-family} );
|
|
12
|
+
font-size: var( --kendo-file-manager-font-size, #{$kendo-file-manager-font-size} );
|
|
13
|
+
line-height: var( --kendo-file-manager-line-height, #{$kendo-file-manager-line-height} );
|
|
14
14
|
display: flex;
|
|
15
15
|
flex-flow: column nowrap;
|
|
16
16
|
}
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
}
|
|
23
23
|
.k-filemanager-toolbar {
|
|
24
24
|
border-width: 0;
|
|
25
|
-
border-bottom-width: var( --kendo-
|
|
25
|
+
border-bottom-width: var( --kendo-file-manager-toolbar-border-width, #{$kendo-file-manager-toolbar-border-width} );
|
|
26
26
|
border-color: inherit;
|
|
27
27
|
flex-shrink: 0;
|
|
28
28
|
}
|
|
@@ -42,11 +42,11 @@
|
|
|
42
42
|
|
|
43
43
|
// Navigation
|
|
44
44
|
.k-filemanager-navigation {
|
|
45
|
-
padding-inline: var( --kendo-
|
|
46
|
-
padding-block: var( --kendo-
|
|
47
|
-
width: var( --kendo-
|
|
45
|
+
padding-inline: var( --kendo-file-manager-navigation-padding-x, #{$kendo-file-manager-navigation-padding-x} );
|
|
46
|
+
padding-block: var( --kendo-file-manager-navigation-padding-y, #{$kendo-file-manager-navigation-padding-y} );
|
|
47
|
+
width: var( --kendo-file-manager-navigation-width, #{$kendo-file-manager-navigation-width} );
|
|
48
48
|
border-width: 0;
|
|
49
|
-
border-right-width: var( --kendo-
|
|
49
|
+
border-right-width: var( --kendo-file-manager-navigation-border-width, #{$kendo-file-manager-navigation-border-width} );
|
|
50
50
|
border-style: solid;
|
|
51
51
|
border-color: inherit;
|
|
52
52
|
box-sizing: border-box;
|
|
@@ -75,10 +75,10 @@
|
|
|
75
75
|
|
|
76
76
|
// Breadcrumb
|
|
77
77
|
.k-filemanager-breadcrumb {
|
|
78
|
-
padding-inline: var( --kendo-
|
|
79
|
-
padding-block: var( --kendo-
|
|
78
|
+
padding-inline: var( --kendo-file-manager-breadcrumb-padding-x, #{$kendo-file-manager-breadcrumb-padding-x} );
|
|
79
|
+
padding-block: var( --kendo-file-manager-breadcrumb-padding-y, #{$kendo-file-manager-breadcrumb-padding-y} );
|
|
80
80
|
border-width: 0;
|
|
81
|
-
border-bottom-width: var( --kendo-
|
|
81
|
+
border-bottom-width: var( --kendo-file-manager-breadcrumb-border-width, #{$kendo-file-manager-breadcrumb-border-width} );
|
|
82
82
|
flex-shrink: 0;
|
|
83
83
|
}
|
|
84
84
|
|
|
@@ -90,10 +90,10 @@
|
|
|
90
90
|
|
|
91
91
|
// Listview item
|
|
92
92
|
.k-listview-item {
|
|
93
|
-
padding-inline: var( --kendo-
|
|
94
|
-
padding-block: var( --kendo-
|
|
95
|
-
width: var( --kendo-
|
|
96
|
-
height: var( --kendo-
|
|
93
|
+
padding-inline: var( --kendo-file-manager-listview-item-padding-x, #{$kendo-file-manager-listview-item-padding-x} );
|
|
94
|
+
padding-block: var( --kendo-file-manager-listview-item-padding-y, #{$kendo-file-manager-listview-item-padding-y} );
|
|
95
|
+
width: var( --kendo-file-manager-listview-item-width, #{$kendo-file-manager-listview-item-width} );
|
|
96
|
+
height: var( --kendo-file-manager-listview-item-height, #{$kendo-file-manager-listview-item-height} );
|
|
97
97
|
text-align: center;
|
|
98
98
|
}
|
|
99
99
|
|
|
@@ -106,12 +106,12 @@
|
|
|
106
106
|
|
|
107
107
|
// File icon
|
|
108
108
|
.k-file-icon {
|
|
109
|
-
font-size: var( --kendo-
|
|
109
|
+
font-size: var( --kendo-file-manager-listview-item-icon-size, #{$kendo-file-manager-listview-item-icon-size} );
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
// File name
|
|
113
113
|
.k-file-name {
|
|
114
|
-
margin-block-start: calc( var( --kendo-
|
|
114
|
+
margin-block-start: calc( var( --kendo-file-manager-spacer, #{$kendo-file-manager-spacer} ) / 2 );
|
|
115
115
|
display: block;
|
|
116
116
|
text-align: center;
|
|
117
117
|
overflow: hidden;
|
|
@@ -150,14 +150,14 @@
|
|
|
150
150
|
|
|
151
151
|
// Filemanager preview
|
|
152
152
|
.k-filemanager-preview {
|
|
153
|
-
padding-inline-start: var( --kendo-
|
|
154
|
-
padding-inline-end: var( --kendo-
|
|
155
|
-
padding-block-start: calc( var( --kendo-
|
|
156
|
-
padding-block-end: var( --kendo-
|
|
157
|
-
width: var( --kendo-
|
|
158
|
-
min-height: calc( ( var( --kendo-
|
|
153
|
+
padding-inline-start: var( --kendo-file-manager-preview-padding-x, #{$kendo-file-manager-preview-padding-x} );
|
|
154
|
+
padding-inline-end: var( --kendo-file-manager-preview-padding-x, #{$kendo-file-manager-preview-padding-x} );
|
|
155
|
+
padding-block-start: calc( var( --kendo-file-manager-preview-padding-y, #{$kendo-file-manager-preview-padding-y} ) * 3 );
|
|
156
|
+
padding-block-end: var( --kendo-file-manager-preview-padding-y, #{$kendo-file-manager-preview-padding-y} );
|
|
157
|
+
width: var( --kendo-file-manager-preview-width, #{$kendo-file-manager-preview-width} );
|
|
158
|
+
min-height: calc( ( var( --kendo-file-manager-preview-padding-y, #{$kendo-file-manager-preview-padding-y} ) * 4 ) + ( var( --kendo-file-manager-preview-icon-size, #{$kendo-file-manager-preview-icon-size} ) * 2 ) + ( var( --kendo-file-manager-preview-spacing, #{$kendo-file-manager-preview-spacing} ) * 3 ) );
|
|
159
159
|
border-width: 0;
|
|
160
|
-
border-left-width: var( --kendo-
|
|
160
|
+
border-left-width: var( --kendo-file-manager-preview-border-width, #{$kendo-file-manager-preview-border-width} );
|
|
161
161
|
border-style: solid;
|
|
162
162
|
border-color: inherit;
|
|
163
163
|
box-sizing: border-box;
|
|
@@ -174,12 +174,12 @@
|
|
|
174
174
|
|
|
175
175
|
// File icon
|
|
176
176
|
.k-file-icon {
|
|
177
|
-
font-size: var( --kendo-
|
|
177
|
+
font-size: var( --kendo-file-manager-preview-icon-size, #{$kendo-file-manager-preview-icon-size} );
|
|
178
178
|
}
|
|
179
179
|
|
|
180
180
|
// File name
|
|
181
181
|
.k-file-name {
|
|
182
|
-
margin-block-start: var( --kendo-
|
|
182
|
+
margin-block-start: var( --kendo-file-manager-preview-spacing, #{$kendo-file-manager-preview-spacing} );
|
|
183
183
|
display: block;
|
|
184
184
|
}
|
|
185
185
|
.k-single-file-selected { font-weight: var( --kendo-font-weight-bold, bold ); }
|
|
@@ -188,13 +188,13 @@
|
|
|
188
188
|
// File Meta
|
|
189
189
|
.k-file-meta {
|
|
190
190
|
margin-inline: 0;
|
|
191
|
-
margin-block-start: var( --kendo-
|
|
191
|
+
margin-block-start: var( --kendo-file-manager-preview-spacing, #{$kendo-file-manager-preview-spacing} );
|
|
192
192
|
margin-block-end: 0;
|
|
193
193
|
box-sizing: border-box;
|
|
194
194
|
text-align: start;
|
|
195
195
|
display: flex;
|
|
196
196
|
flex-flow: row wrap;
|
|
197
|
-
grid-column-gap: $kendo-
|
|
197
|
+
grid-column-gap: $kendo-file-manager-preview-column-gap;
|
|
198
198
|
}
|
|
199
199
|
.k-file-meta-label {
|
|
200
200
|
display: inline-block;
|
|
@@ -207,7 +207,7 @@
|
|
|
207
207
|
}
|
|
208
208
|
.k-line-break {
|
|
209
209
|
margin-inline: 0;
|
|
210
|
-
margin-block-start: var( --kendo-
|
|
210
|
+
margin-block-start: var( --kendo-file-manager-preview-spacing, #{$kendo-file-manager-preview-spacing} );
|
|
211
211
|
margin-block-end: 0;
|
|
212
212
|
width: 100%;
|
|
213
213
|
flex: 1 1 100%;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
@use "../core/" as *;
|
|
2
2
|
@use "./_variables.scss" as *;
|
|
3
3
|
|
|
4
|
-
@mixin kendo-
|
|
4
|
+
@mixin kendo-file-manager--theme() {
|
|
5
5
|
|
|
6
6
|
// Filemanager
|
|
7
7
|
.k-filemanager {
|
|
8
8
|
@include fill(
|
|
9
|
-
var( --kendo-
|
|
10
|
-
var( --kendo-
|
|
11
|
-
var( --kendo-
|
|
9
|
+
var( --kendo-file-manager-text, #{$kendo-file-manager-text} ),
|
|
10
|
+
var( --kendo-file-manager-bg, #{$kendo-file-manager-bg} ),
|
|
11
|
+
var( --kendo-file-manager-border, #{$kendo-file-manager-border} )
|
|
12
12
|
);
|
|
13
13
|
}
|
|
14
14
|
|
|
@@ -16,9 +16,9 @@
|
|
|
16
16
|
// Filemanager toolbar
|
|
17
17
|
.k-filemanager-toolbar {
|
|
18
18
|
@include fill(
|
|
19
|
-
var( --kendo-
|
|
20
|
-
var( --kendo-
|
|
21
|
-
var( --kendo-
|
|
19
|
+
var( --kendo-file-manager-toolbar-text, #{$kendo-file-manager-toolbar-text} ),
|
|
20
|
+
var( --kendo-file-manager-toolbar-bg, #{$kendo-file-manager-toolbar-bg} ),
|
|
21
|
+
var( --kendo-file-manager-toolbar-border, #{$kendo-file-manager-toolbar-border} )
|
|
22
22
|
);
|
|
23
23
|
}
|
|
24
24
|
|
|
@@ -26,9 +26,9 @@
|
|
|
26
26
|
// Filemanager navigation
|
|
27
27
|
.k-filemanager-navigation {
|
|
28
28
|
@include fill(
|
|
29
|
-
var( --kendo-
|
|
30
|
-
var( --kendo-
|
|
31
|
-
var( --kendo-
|
|
29
|
+
var( --kendo-file-manager-navigation-text, #{$kendo-file-manager-navigation-text} ),
|
|
30
|
+
var( --kendo-file-manager-navigation-bg, #{$kendo-file-manager-navigation-bg} ),
|
|
31
|
+
var( --kendo-file-manager-navigation-border, #{$kendo-file-manager-navigation-border} )
|
|
32
32
|
);
|
|
33
33
|
}
|
|
34
34
|
|
|
@@ -36,9 +36,9 @@
|
|
|
36
36
|
// Filemanager breadcrumb
|
|
37
37
|
.k-filemanager-breadcrumb {
|
|
38
38
|
@include fill(
|
|
39
|
-
var( --kendo-
|
|
40
|
-
var( --kendo-
|
|
41
|
-
var( --kendo-
|
|
39
|
+
var( --kendo-file-manager-breadcrumb-text, #{$kendo-file-manager-breadcrumb-text} ),
|
|
40
|
+
var( --kendo-file-manager-breadcrumb-bg, #{$kendo-file-manager-breadcrumb-bg} ),
|
|
41
|
+
var( --kendo-file-manager-breadcrumb-border, #{$kendo-file-manager-breadcrumb-border} )
|
|
42
42
|
);
|
|
43
43
|
}
|
|
44
44
|
|
|
@@ -46,33 +46,33 @@
|
|
|
46
46
|
// Filemanager listview
|
|
47
47
|
.k-filemanager-listview {
|
|
48
48
|
@include fill(
|
|
49
|
-
var( --kendo-
|
|
50
|
-
var( --kendo-
|
|
51
|
-
var( --kendo-
|
|
49
|
+
var( --kendo-file-manager-listview-text, #{$kendo-file-manager-listview-text} ),
|
|
50
|
+
var( --kendo-file-manager-listview-bg, #{$kendo-file-manager-listview-bg} ),
|
|
51
|
+
var( --kendo-file-manager-listview-border, #{$kendo-file-manager-listview-border} )
|
|
52
52
|
);
|
|
53
53
|
|
|
54
54
|
.k-listview-item {
|
|
55
55
|
.k-file-icon {
|
|
56
56
|
@include fill(
|
|
57
|
-
var( --kendo-
|
|
58
|
-
var( --kendo-
|
|
59
|
-
var( --kendo-
|
|
57
|
+
var( --kendo-file-manager-listview-item-icon-text, #{$kendo-file-manager-listview-item-icon-text} ),
|
|
58
|
+
var( --kendo-file-manager-listview-item-icon-bg, #{$kendo-file-manager-listview-item-icon-bg} ),
|
|
59
|
+
var( --kendo-file-manager-listview-item-icon-border, #{$kendo-file-manager-listview-item-icon-border} )
|
|
60
60
|
);
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
&.k-focus .k-file-icon {
|
|
64
64
|
@include fill(
|
|
65
|
-
var( --kendo-
|
|
66
|
-
var( --kendo-
|
|
67
|
-
var( --kendo-
|
|
65
|
+
var( --kendo-file-manager-listview-item-icon-focus-text, #{$kendo-file-manager-listview-item-icon-focus-text} ),
|
|
66
|
+
var( --kendo-file-manager-listview-item-icon-focus-bg, #{$kendo-file-manager-listview-item-icon-focus-bg} ),
|
|
67
|
+
var( --kendo-file-manager-listview-item-icon-focus-border, #{$kendo-file-manager-listview-item-icon-focus-border} )
|
|
68
68
|
);
|
|
69
69
|
}
|
|
70
70
|
|
|
71
71
|
&.k-selected .k-file-icon {
|
|
72
72
|
@include fill(
|
|
73
|
-
var( --kendo-
|
|
74
|
-
var( --kendo-
|
|
75
|
-
var( --kendo-
|
|
73
|
+
var( --kendo-file-manager-listview-item-icon-selected-text, #{$kendo-file-manager-listview-item-icon-selected-text} ),
|
|
74
|
+
var( --kendo-file-manager-listview-item-icon-selected-bg, #{$kendo-file-manager-listview-item-icon-selected-bg} ),
|
|
75
|
+
var( --kendo-file-manager-listview-item-icon-selected-border, #{$kendo-file-manager-listview-item-icon-selected-border} )
|
|
76
76
|
);
|
|
77
77
|
}
|
|
78
78
|
}
|
|
@@ -83,9 +83,9 @@
|
|
|
83
83
|
// Filemanager grid
|
|
84
84
|
.k-filemanager-grid {
|
|
85
85
|
@include fill(
|
|
86
|
-
var( --kendo-
|
|
87
|
-
var( --kendo-
|
|
88
|
-
var( --kendo-
|
|
86
|
+
var( --kendo-file-manager-grid-text, #{$kendo-file-manager-grid-text} ),
|
|
87
|
+
var( --kendo-file-manager-grid-bg, #{$kendo-file-manager-grid-bg} ),
|
|
88
|
+
var( --kendo-file-manager-grid-border, #{$kendo-file-manager-grid-border} )
|
|
89
89
|
);
|
|
90
90
|
}
|
|
91
91
|
|
|
@@ -93,16 +93,16 @@
|
|
|
93
93
|
// Filemanager preview
|
|
94
94
|
.k-filemanager-preview {
|
|
95
95
|
@include fill(
|
|
96
|
-
var( --kendo-
|
|
97
|
-
var( --kendo-
|
|
98
|
-
var( --kendo-
|
|
96
|
+
var( --kendo-file-manager-preview-text, #{$kendo-file-manager-preview-text} ),
|
|
97
|
+
var( --kendo-file-manager-preview-bg, #{$kendo-file-manager-preview-bg} ),
|
|
98
|
+
var( --kendo-file-manager-preview-border, #{$kendo-file-manager-preview-border} )
|
|
99
99
|
);
|
|
100
100
|
|
|
101
101
|
.k-file-icon {
|
|
102
102
|
@include fill(
|
|
103
|
-
var( --kendo-
|
|
104
|
-
var( --kendo-
|
|
105
|
-
var( --kendo-
|
|
103
|
+
var( --kendo-file-manager-preview-icon-text, #{$kendo-file-manager-preview-icon-text} ),
|
|
104
|
+
var( --kendo-file-manager-preview-icon-bg, #{$kendo-file-manager-preview-icon-bg} ),
|
|
105
|
+
var( --kendo-file-manager-preview-icon-border, #{$kendo-file-manager-preview-icon-border} )
|
|
106
106
|
);
|
|
107
107
|
}
|
|
108
108
|
}
|
|
@@ -5,184 +5,184 @@
|
|
|
5
5
|
|
|
6
6
|
/// The space between the filemanger items.
|
|
7
7
|
/// @group filemanger
|
|
8
|
-
$kendo-
|
|
8
|
+
$kendo-file-manager-spacer: map.get( $kendo-spacing, 4 ) !default;
|
|
9
9
|
/// Border width of the filemanger.
|
|
10
10
|
/// @group filemanger
|
|
11
|
-
$kendo-
|
|
11
|
+
$kendo-file-manager-border-width: 1px !default;
|
|
12
12
|
/// Font family of the filemanger.
|
|
13
13
|
/// @group filemanger
|
|
14
|
-
$kendo-
|
|
14
|
+
$kendo-file-manager-font-family: var( --kendo-font-family, normal ) !default;
|
|
15
15
|
/// Font size of the filemanger.
|
|
16
16
|
/// @group filemanger
|
|
17
|
-
$kendo-
|
|
17
|
+
$kendo-file-manager-font-size: var( --kendo-font-size, inherit ) !default;
|
|
18
18
|
/// Line height of the filemanger.
|
|
19
19
|
/// @group filemanger
|
|
20
|
-
$kendo-
|
|
20
|
+
$kendo-file-manager-line-height: var( --kendo-line-height, normal ) !default;
|
|
21
21
|
/// Background color of the filemanager component.
|
|
22
22
|
/// @group filemanager
|
|
23
|
-
$kendo-
|
|
23
|
+
$kendo-file-manager-bg: var( --kendo-component-bg, transparent ) !default;
|
|
24
24
|
/// Text color of the filemanager component.
|
|
25
25
|
/// @group filemanager
|
|
26
|
-
$kendo-
|
|
26
|
+
$kendo-file-manager-text: var( --kendo-component-text, inherit ) !default;
|
|
27
27
|
/// Border color of the filemanager component.
|
|
28
28
|
/// @group filemanager
|
|
29
|
-
$kendo-
|
|
29
|
+
$kendo-file-manager-border: var( --kendo-component-border, inherit ) !default;
|
|
30
30
|
|
|
31
31
|
/// Border width of the toolbar.
|
|
32
32
|
/// @group filemanger
|
|
33
|
-
$kendo-
|
|
33
|
+
$kendo-file-manager-toolbar-border-width: $kendo-file-manager-border-width !default;
|
|
34
34
|
/// Background color of the toolbar.
|
|
35
35
|
/// @group filemanager
|
|
36
|
-
$kendo-
|
|
36
|
+
$kendo-file-manager-toolbar-bg: $kendo-toolbar-bg !default;
|
|
37
37
|
/// Text color of the toolbar.
|
|
38
38
|
/// @group filemanager
|
|
39
|
-
$kendo-
|
|
39
|
+
$kendo-file-manager-toolbar-text: $kendo-toolbar-text !default;
|
|
40
40
|
/// Border color of the toolbar.
|
|
41
41
|
/// @group filemanager
|
|
42
|
-
$kendo-
|
|
42
|
+
$kendo-file-manager-toolbar-border: $kendo-toolbar-border !default;
|
|
43
43
|
|
|
44
44
|
/// Horizontal padding of the navigation.
|
|
45
45
|
/// @group filemanager
|
|
46
|
-
$kendo-
|
|
46
|
+
$kendo-file-manager-navigation-padding-x: $kendo-file-manager-spacer !default;
|
|
47
47
|
/// Vertical padding of the navigation.
|
|
48
48
|
/// @group filemanager
|
|
49
|
-
$kendo-
|
|
49
|
+
$kendo-file-manager-navigation-padding-y: $kendo-file-manager-spacer !default;
|
|
50
50
|
/// Width of the navigation.
|
|
51
51
|
/// @group filemanager
|
|
52
|
-
$kendo-
|
|
52
|
+
$kendo-file-manager-navigation-width: 20% !default;
|
|
53
53
|
/// Border width of the navigation.
|
|
54
54
|
/// @group filemanager
|
|
55
|
-
$kendo-
|
|
55
|
+
$kendo-file-manager-navigation-border-width: $kendo-file-manager-border-width !default;
|
|
56
56
|
/// Background color of the navigation.
|
|
57
57
|
/// @group filemanager
|
|
58
|
-
$kendo-
|
|
58
|
+
$kendo-file-manager-navigation-bg: transparent !default;
|
|
59
59
|
/// Text color of the navigation.
|
|
60
60
|
/// @group filemanager
|
|
61
|
-
$kendo-
|
|
61
|
+
$kendo-file-manager-navigation-text: inherit !default;
|
|
62
62
|
/// Border color of the navigation.
|
|
63
63
|
/// @group filemanager
|
|
64
|
-
$kendo-
|
|
64
|
+
$kendo-file-manager-navigation-border: inherit !default;
|
|
65
65
|
|
|
66
66
|
/// Horizontal padding of the breadcrumb.
|
|
67
67
|
/// @group filemanager
|
|
68
|
-
$kendo-
|
|
68
|
+
$kendo-file-manager-breadcrumb-padding-x: map.get( $kendo-spacing, 2 ) !default;
|
|
69
69
|
/// Vertical padding of the breadcrumb.
|
|
70
70
|
/// @group filemanager
|
|
71
|
-
$kendo-
|
|
71
|
+
$kendo-file-manager-breadcrumb-padding-y: map.get( $kendo-spacing, 2 ) !default;
|
|
72
72
|
/// Border width of the breadcrumb.
|
|
73
73
|
/// @group filemanager
|
|
74
|
-
$kendo-
|
|
74
|
+
$kendo-file-manager-breadcrumb-border-width: $kendo-file-manager-border-width !default;
|
|
75
75
|
/// Background color of the breadcrumb.
|
|
76
76
|
/// @group filemanager
|
|
77
|
-
$kendo-
|
|
77
|
+
$kendo-file-manager-breadcrumb-bg: $kendo-toolbar-bg !default;
|
|
78
78
|
/// Text color of the breadcrumb.
|
|
79
79
|
/// @group filemanager
|
|
80
|
-
$kendo-
|
|
80
|
+
$kendo-file-manager-breadcrumb-text: inherit !default;
|
|
81
81
|
/// Border color of the breadcrumb.
|
|
82
82
|
/// @group filemanager
|
|
83
|
-
$kendo-
|
|
83
|
+
$kendo-file-manager-breadcrumb-border: inherit !default;
|
|
84
84
|
|
|
85
85
|
/// Background color of the listview.
|
|
86
86
|
/// @group filemanager
|
|
87
|
-
$kendo-
|
|
87
|
+
$kendo-file-manager-listview-bg: transparent !default;
|
|
88
88
|
/// Text color of the listview.
|
|
89
89
|
/// @group filemanager
|
|
90
|
-
$kendo-
|
|
90
|
+
$kendo-file-manager-listview-text: inherit !default;
|
|
91
91
|
/// Border color of the listview.
|
|
92
92
|
/// @group filemanager
|
|
93
|
-
$kendo-
|
|
93
|
+
$kendo-file-manager-listview-border: inherit !default;
|
|
94
94
|
|
|
95
95
|
/// Horizontal padding of the listview item.
|
|
96
96
|
/// @group filemanager
|
|
97
|
-
$kendo-
|
|
97
|
+
$kendo-file-manager-listview-item-padding-x: map.get( $kendo-spacing, 4 ) !default;
|
|
98
98
|
/// Vertical padding of the listview item.
|
|
99
99
|
/// @group filemanager
|
|
100
|
-
$kendo-
|
|
100
|
+
$kendo-file-manager-listview-item-padding-y: map.get( $kendo-spacing, 4 ) !default;
|
|
101
101
|
/// Width of the listview item.
|
|
102
102
|
/// @group filemanager
|
|
103
|
-
$kendo-
|
|
103
|
+
$kendo-file-manager-listview-item-width: 120px !default;
|
|
104
104
|
/// Height of the listview item.
|
|
105
105
|
/// @group filemanager
|
|
106
|
-
$kendo-
|
|
106
|
+
$kendo-file-manager-listview-item-height: 120px !default;
|
|
107
107
|
|
|
108
108
|
/// Size of the listview item icon.
|
|
109
109
|
/// @group filemanager
|
|
110
|
-
$kendo-
|
|
110
|
+
$kendo-file-manager-listview-item-icon-size: calc( var( --kendo-icon-size, 1rem ) * 3 ) !default;
|
|
111
111
|
/// Background color of the listview item icon.
|
|
112
112
|
/// @group filemanager
|
|
113
|
-
$kendo-
|
|
113
|
+
$kendo-file-manager-listview-item-icon-bg: transparent !default;
|
|
114
114
|
/// Text color of the listview item icon.
|
|
115
115
|
/// @group filemanager
|
|
116
|
-
$kendo-
|
|
116
|
+
$kendo-file-manager-listview-item-icon-text: var( --kendo-subtle-text, inherit ) !default;
|
|
117
117
|
/// Border color of the listview item icon.
|
|
118
118
|
/// @group filemanager
|
|
119
|
-
$kendo-
|
|
119
|
+
$kendo-file-manager-listview-item-icon-border: inherit !default;
|
|
120
120
|
/// Background color of the focused listview item icon.
|
|
121
121
|
/// @group filemanager
|
|
122
|
-
$kendo-
|
|
122
|
+
$kendo-file-manager-listview-item-icon-focus-bg: transparent !default;
|
|
123
123
|
/// Text color of the focused listview item icon.
|
|
124
124
|
/// @group filemanager
|
|
125
|
-
$kendo-
|
|
125
|
+
$kendo-file-manager-listview-item-icon-focus-text: inherit !default;
|
|
126
126
|
/// Border color of the focused listview item icon.
|
|
127
127
|
/// @group filemanager
|
|
128
|
-
$kendo-
|
|
128
|
+
$kendo-file-manager-listview-item-icon-focus-border: inherit !default;
|
|
129
129
|
/// Background color of the selected listview item icon.
|
|
130
130
|
/// @group filemanager
|
|
131
|
-
$kendo-
|
|
131
|
+
$kendo-file-manager-listview-item-icon-selected-bg: transparent !default;
|
|
132
132
|
/// Text color of the selected listview item icon.
|
|
133
133
|
/// @group filemanager
|
|
134
|
-
$kendo-
|
|
134
|
+
$kendo-file-manager-listview-item-icon-selected-text: inherit !default;
|
|
135
135
|
/// Border color of the selected listview item icon.
|
|
136
136
|
/// @group filemanager
|
|
137
|
-
$kendo-
|
|
137
|
+
$kendo-file-manager-listview-item-icon-selected-border: inherit !default;
|
|
138
138
|
|
|
139
139
|
/// Background color of the grid.
|
|
140
140
|
/// @group filemanager
|
|
141
|
-
$kendo-
|
|
141
|
+
$kendo-file-manager-grid-bg: transparent !default;
|
|
142
142
|
/// Text color of the grid.
|
|
143
143
|
/// @group filemanager
|
|
144
|
-
$kendo-
|
|
144
|
+
$kendo-file-manager-grid-text: inherit !default;
|
|
145
145
|
/// Border color of the grid.
|
|
146
146
|
/// @group filemanager
|
|
147
|
-
$kendo-
|
|
147
|
+
$kendo-file-manager-grid-border: inherit !default;
|
|
148
148
|
|
|
149
149
|
/// Horizontal padding of the preview.
|
|
150
150
|
/// @group filemanager
|
|
151
|
-
$kendo-
|
|
151
|
+
$kendo-file-manager-preview-padding-x: $kendo-file-manager-spacer !default;
|
|
152
152
|
/// Vertical padding of the preview.
|
|
153
153
|
/// @group filemanager
|
|
154
|
-
$kendo-
|
|
154
|
+
$kendo-file-manager-preview-padding-y: $kendo-file-manager-spacer !default;
|
|
155
155
|
/// Width of the preview.
|
|
156
156
|
/// @group filemanager
|
|
157
|
-
$kendo-
|
|
157
|
+
$kendo-file-manager-preview-width: 20% !default;
|
|
158
158
|
/// Border width of the preview.
|
|
159
159
|
/// @group filemanager
|
|
160
|
-
$kendo-
|
|
160
|
+
$kendo-file-manager-preview-border-width: $kendo-file-manager-border-width !default;
|
|
161
161
|
/// Spacing of the preview.
|
|
162
162
|
/// @group filemanager
|
|
163
|
-
$kendo-
|
|
163
|
+
$kendo-file-manager-preview-spacing: $kendo-file-manager-spacer !default;
|
|
164
164
|
/// Spacing of the preview.
|
|
165
165
|
/// @group filemanager
|
|
166
|
-
$kendo-
|
|
166
|
+
$kendo-file-manager-preview-column-gap: map.get( $kendo-spacing, 1 ) !default;
|
|
167
167
|
/// Background color of the preview.
|
|
168
168
|
/// @group filemanager
|
|
169
|
-
$kendo-
|
|
169
|
+
$kendo-file-manager-preview-bg: transparent !default;
|
|
170
170
|
/// Text color of the preview.
|
|
171
171
|
/// @group filemanager
|
|
172
|
-
$kendo-
|
|
172
|
+
$kendo-file-manager-preview-text: inherit !default;
|
|
173
173
|
/// Border color of the preview.
|
|
174
174
|
/// @group filemanager
|
|
175
|
-
$kendo-
|
|
175
|
+
$kendo-file-manager-preview-border: inherit !default;
|
|
176
176
|
|
|
177
177
|
/// Size of the preview icon.
|
|
178
178
|
/// @group filemanager
|
|
179
|
-
$kendo-
|
|
179
|
+
$kendo-file-manager-preview-icon-size: calc( var( --kendo-icon-size, 1rem ) * 6 ) !default;
|
|
180
180
|
/// Background color of the preview icon.
|
|
181
181
|
/// @group filemanager
|
|
182
|
-
$kendo-
|
|
182
|
+
$kendo-file-manager-preview-icon-bg: transparent !default;
|
|
183
183
|
/// Text color of the preview icon.
|
|
184
184
|
/// @group filemanager
|
|
185
|
-
$kendo-
|
|
185
|
+
$kendo-file-manager-preview-icon-text: var( --kendo-subtle-text, inherit ) !default;
|
|
186
186
|
/// Border color of the preview icon.
|
|
187
187
|
/// @group filemanager
|
|
188
|
-
$kendo-
|
|
188
|
+
$kendo-file-manager-preview-icon-border: inherit !default;
|
|
@@ -29,7 +29,7 @@ $_kendo-module-meta: (
|
|
|
29
29
|
// Expose
|
|
30
30
|
@mixin filemanager-styles() {
|
|
31
31
|
@include module.render( "filemanager" ) {
|
|
32
|
-
@include kendo-
|
|
33
|
-
@include kendo-
|
|
32
|
+
@include kendo-file-manager--layout();
|
|
33
|
+
@include kendo-file-manager--theme();
|
|
34
34
|
}
|
|
35
35
|
}
|
|
@@ -23,11 +23,11 @@ $kendo-floating-label-height: calc( #{$kendo-floating-label-line-height} * #{$ke
|
|
|
23
23
|
|
|
24
24
|
/// The horizontal offset of the floating label
|
|
25
25
|
/// @group floating-label
|
|
26
|
-
$kendo-floating-label-offset-x: calc( #{$kendo-input-padding-x
|
|
26
|
+
$kendo-floating-label-offset-x: calc( #{$kendo-input-md-padding-x} + #{$kendo-input-border-width} ) !default;
|
|
27
27
|
|
|
28
28
|
/// The vertical offset of the floating label
|
|
29
29
|
/// @group floating-label
|
|
30
|
-
$kendo-floating-label-offset-y: calc( #{$kendo-floating-label-height} + #{$kendo-input-border-width} + #{$kendo-input-padding-y
|
|
30
|
+
$kendo-floating-label-offset-y: calc( #{$kendo-floating-label-height} + #{$kendo-input-border-width} + #{$kendo-input-md-padding-y} ) !default;
|
|
31
31
|
|
|
32
32
|
/// The focus resize scale of the floating label
|
|
33
33
|
/// @group floating-label
|
package/scss/forms/_layout.scss
CHANGED
|
@@ -241,7 +241,7 @@
|
|
|
241
241
|
> span:not(.k-widget) {
|
|
242
242
|
width: var( --kendo-inline-form-element-width, #{$kendo-inline-form-element-width} );
|
|
243
243
|
text-align: right;
|
|
244
|
-
line-height: var( --kendo-line-height, #{$kendo-line-height} );
|
|
244
|
+
line-height: var( --kendo-line-height, #{$kendo-line-height-md} );
|
|
245
245
|
padding-block: calc( #{$kendo-padding-md-y} + #{$kendo-input-border-width} );
|
|
246
246
|
padding-inline-end: var( --kendo-padding-x-lg, #{$kendo-padding-lg-x} );
|
|
247
247
|
align-self: center;
|
|
@@ -291,7 +291,7 @@
|
|
|
291
291
|
|
|
292
292
|
.k-edit-label {
|
|
293
293
|
margin-block-end: map.get( $kendo-spacing, 4 );
|
|
294
|
-
padding-block: calc( #{$kendo-input-padding-y
|
|
294
|
+
padding-block: calc( #{$kendo-input-md-padding-y} + #{$kendo-input-border-width} );
|
|
295
295
|
width: 30%;
|
|
296
296
|
line-height: var( --kendo-form-line-height, #{$kendo-form-line-height} );
|
|
297
297
|
text-align: right;
|
|
@@ -306,7 +306,7 @@
|
|
|
306
306
|
position: relative;
|
|
307
307
|
|
|
308
308
|
&.k-no-editor {
|
|
309
|
-
padding-block: calc( #{$kendo-input-padding-y
|
|
309
|
+
padding-block: calc( #{$kendo-input-md-padding-y} + #{$kendo-input-border-width} );
|
|
310
310
|
}
|
|
311
311
|
}
|
|
312
312
|
|
|
@@ -13,8 +13,8 @@ $kendo-form-font-size: var( --kendo-font-size, inherit ) !default;
|
|
|
13
13
|
/// @group form
|
|
14
14
|
$kendo-form-line-height: var( --kendo-line-height, normal ) !default;
|
|
15
15
|
$kendo-form-line-height-em: $kendo-line-height-em !default;
|
|
16
|
-
$kendo-form-line-height
|
|
17
|
-
$kendo-form-line-height
|
|
16
|
+
$kendo-form-sm-line-height: var( --kendo-line-height-sm, normal ) !default;
|
|
17
|
+
$kendo-form-lg-line-height: var( --kendo-line-height-lg, normal ) !default;
|
|
18
18
|
|
|
19
19
|
/// The margin of the form fieldset
|
|
20
20
|
/// @group form
|
|
@@ -87,13 +87,13 @@ $kendo-form-hint-text: get-theme-color-var( neutral-130 ) !default;
|
|
|
87
87
|
|
|
88
88
|
/// Form row small size spacing
|
|
89
89
|
/// @group form
|
|
90
|
-
$kendo-form-rows-spacing
|
|
90
|
+
$kendo-form-sm-rows-spacing: map.get( $kendo-spacing, 3 ) !default;
|
|
91
91
|
/// Form row medium size spacing
|
|
92
92
|
/// @group form
|
|
93
|
-
$kendo-form-rows-spacing
|
|
93
|
+
$kendo-form-md-rows-spacing: $kendo-form-sm-rows-spacing !default;
|
|
94
94
|
/// Form row large size spacing
|
|
95
95
|
/// @group form
|
|
96
|
-
$kendo-form-rows-spacing
|
|
96
|
+
$kendo-form-lg-rows-spacing: $kendo-form-sm-rows-spacing !default;
|
|
97
97
|
|
|
98
98
|
/// The margin of the form separator
|
|
99
99
|
/// @group form
|
|
@@ -152,12 +152,12 @@ $kendo-fieldset-legend-border: initial !default;
|
|
|
152
152
|
// Sizes
|
|
153
153
|
$kendo-form-sizes: (
|
|
154
154
|
sm: (
|
|
155
|
-
form-rows-spacing: $kendo-form-rows-spacing
|
|
155
|
+
form-rows-spacing: $kendo-form-sm-rows-spacing
|
|
156
156
|
),
|
|
157
157
|
md: (
|
|
158
|
-
form-rows-spacing: $kendo-form-rows-spacing
|
|
158
|
+
form-rows-spacing: $kendo-form-md-rows-spacing
|
|
159
159
|
),
|
|
160
160
|
lg: (
|
|
161
|
-
form-rows-spacing: $kendo-form-rows-spacing
|
|
161
|
+
form-rows-spacing: $kendo-form-lg-rows-spacing
|
|
162
162
|
)
|
|
163
163
|
) !default;
|