@progress/kendo-theme-fluent 8.1.0-dev.0 → 8.1.0-dev.2
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/fluent-main-dark.css +1 -0
- package/dist/fluent-main-dark.scss +156 -0
- package/dist/fluent-main.css +1 -1
- package/dist/meta/sassdoc-data.json +1676 -381
- package/dist/meta/sassdoc-raw-data.json +790 -237
- package/dist/meta/variables.json +105 -18
- package/lib/swatches/all.json +1 -1
- package/lib/swatches/fluent-main-dark.json +768 -0
- package/lib/swatches/fluent-main.json +1 -1
- package/package.json +4 -4
- package/scss/bottom-navigation/_variables.scss +1 -1
- package/scss/button/_theme.scss +6 -0
- package/scss/chat/_layout.scss +4 -4
- package/scss/chat/_variables.scss +16 -2
- package/scss/core/_index.scss +3 -5
- package/scss/core/color-system/_swatch-legacy.scss +10 -2
- package/scss/core/color-system/_swatch.scss +9 -3
- package/scss/core/module-system/_components.scss +2 -1
- package/scss/daterangepicker/_theme.scss +1 -1
- package/scss/fab/_theme.scss +1 -1
- package/scss/forms/_theme.scss +6 -0
- package/scss/gantt/index.scss +2 -1
- package/scss/grid/_theme.scss +2 -2
- package/scss/index.scss +6 -0
- package/scss/loader/_layout.scss +130 -0
- package/scss/loader/_variables.scss +14 -0
- package/scss/loader/index.scss +1 -0
- package/scss/panel/_layout.scss +29 -0
- package/scss/panel/_theme.scss +22 -0
- package/scss/panel/_variables.scss +36 -0
- package/scss/panel/index.scss +23 -0
- package/scss/popup/_layout.scss +25 -8
- package/scss/rating/_theme.scss +1 -1
- package/scss/scheduler/index.scss +2 -1
- package/scss/time-marker/_layout.scss +19 -0
- package/scss/time-marker/_theme.scss +21 -0
- package/scss/time-marker/_variables.scss +6 -0
- package/scss/time-marker/index.scss +22 -0
- package/scss/typography/_layout.scss +4 -0
- package/scss/core/helpers/_animations.scss +0 -706
- package/scss/core/helpers/_asp-fallback.scss +0 -4
- package/scss/core/helpers/_extra.scss +0 -22
- package/scss/core/helpers/_index.scss +0 -9
- package/scss/core/helpers/_indicators.scss +0 -33
- package/scss/core/helpers/_normalize.scss +0 -11
- package/scss/core/helpers/_reset.scss +0 -19
- package/scss/core/helpers/_resizing.scss +0 -120
- package/scss/core/helpers/_scrollbar.scss +0 -25
- package/scss/core/helpers/_spacer.scss +0 -13
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
$kendo-current-time-color: #ff0000 !default;
|
|
2
|
-
|
|
3
|
-
// Layout
|
|
4
|
-
.k-current-time {
|
|
5
|
-
position: absolute;
|
|
6
|
-
|
|
7
|
-
&.k-current-time-arrow-left,
|
|
8
|
-
&.k-current-time-arrow-right,
|
|
9
|
-
&.k-current-time-arrow-down {
|
|
10
|
-
width: 0;
|
|
11
|
-
height: 0;
|
|
12
|
-
background: transparent;
|
|
13
|
-
border: 4px solid transparent;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
// Theme
|
|
19
|
-
.k-current-time {
|
|
20
|
-
background: var( --kendo-current-time-color, #{$kendo-current-time-color} );
|
|
21
|
-
|
|
22
|
-
&.k-current-time-arrow-left {
|
|
23
|
-
border-right-color: var( --kendo-current-time-color, #{$kendo-current-time-color} );
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
&.k-current-time-arrow-right {
|
|
27
|
-
border-left-color: var( --kendo-current-time-color, #{$kendo-current-time-color} );
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
&.k-current-time-arrow-down {
|
|
31
|
-
border-top-color: var( --kendo-current-time-color, #{$kendo-current-time-color} );
|
|
32
|
-
}
|
|
33
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
// Hidden attribute
|
|
2
|
-
[hidden] {
|
|
3
|
-
display: none !important; // stylelint-disable-line declaration-no-important
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
// Hide script tags
|
|
8
|
-
// see https://github.com/telerik/kendo-themes/issues/2360
|
|
9
|
-
script {
|
|
10
|
-
display: none !important; // stylelint-disable-line declaration-no-important
|
|
11
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
// Layout
|
|
2
|
-
.k-reset {
|
|
3
|
-
margin: 0;
|
|
4
|
-
padding: 0;
|
|
5
|
-
border-width: 0;
|
|
6
|
-
outline: 0;
|
|
7
|
-
text-decoration: none;
|
|
8
|
-
font: inherit;
|
|
9
|
-
list-style: none;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
// Links
|
|
13
|
-
.k-link,
|
|
14
|
-
.k-link:hover {
|
|
15
|
-
color: inherit;
|
|
16
|
-
text-decoration: none;
|
|
17
|
-
outline: 0;
|
|
18
|
-
cursor: pointer;
|
|
19
|
-
}
|
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
// Resize handle
|
|
2
|
-
.k-resize-handle,
|
|
3
|
-
.k-resize-hint {
|
|
4
|
-
position: absolute;
|
|
5
|
-
border-color: inherit;
|
|
6
|
-
z-index: 200;
|
|
7
|
-
}
|
|
8
|
-
.k-resize-handle {
|
|
9
|
-
display: flex;
|
|
10
|
-
align-items: center;
|
|
11
|
-
justify-content: center;
|
|
12
|
-
}
|
|
13
|
-
.k-resize-handle::before {
|
|
14
|
-
content: "";
|
|
15
|
-
border: 0 solid;
|
|
16
|
-
border-color: inherit;
|
|
17
|
-
}
|
|
18
|
-
.k-resize-n {
|
|
19
|
-
width: 100%;
|
|
20
|
-
height: 6px;
|
|
21
|
-
flex-direction: row;
|
|
22
|
-
left: 0;
|
|
23
|
-
top: -3px;
|
|
24
|
-
cursor: n-resize;
|
|
25
|
-
}
|
|
26
|
-
.k-resize-s {
|
|
27
|
-
width: 100%;
|
|
28
|
-
height: 6px;
|
|
29
|
-
flex-direction: row;
|
|
30
|
-
left: 0;
|
|
31
|
-
bottom: -3px;
|
|
32
|
-
cursor: s-resize;
|
|
33
|
-
}
|
|
34
|
-
.k-resize-w {
|
|
35
|
-
width: 6px;
|
|
36
|
-
height: 100%;
|
|
37
|
-
flex-direction: column;
|
|
38
|
-
top: 0;
|
|
39
|
-
left: -3px;
|
|
40
|
-
cursor: w-resize;
|
|
41
|
-
}
|
|
42
|
-
.k-resize-e {
|
|
43
|
-
width: 6px;
|
|
44
|
-
height: 100%;
|
|
45
|
-
flex-direction: column;
|
|
46
|
-
top: 0;
|
|
47
|
-
right: -3px;
|
|
48
|
-
cursor: e-resize;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.k-resize-sw,
|
|
52
|
-
.k-resize-se,
|
|
53
|
-
.k-resize-nw,
|
|
54
|
-
.k-resize-ne {
|
|
55
|
-
width: 5px;
|
|
56
|
-
height: 5px;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.k-resize-sw {
|
|
60
|
-
cursor: sw-resize;
|
|
61
|
-
bottom: 0;
|
|
62
|
-
left: 0;
|
|
63
|
-
}
|
|
64
|
-
.k-resize-se {
|
|
65
|
-
cursor: se-resize;
|
|
66
|
-
bottom: 0;
|
|
67
|
-
right: 0;
|
|
68
|
-
}
|
|
69
|
-
.k-resize-nw {
|
|
70
|
-
cursor: nw-resize;
|
|
71
|
-
top: 0;
|
|
72
|
-
left: 0;
|
|
73
|
-
}
|
|
74
|
-
.k-resize-ne {
|
|
75
|
-
cursor: ne-resize;
|
|
76
|
-
top: 0;
|
|
77
|
-
right: 0;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.k-vertical-resize {
|
|
81
|
-
cursor: row-resize;
|
|
82
|
-
}
|
|
83
|
-
.k-horizontal-resize {
|
|
84
|
-
cursor: col-resize;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
.k-resize-hint {
|
|
89
|
-
display: flex;
|
|
90
|
-
flex-direction: column;
|
|
91
|
-
align-items: center;
|
|
92
|
-
|
|
93
|
-
.k-resize-hint-handle {
|
|
94
|
-
width: auto;
|
|
95
|
-
height: 20px;
|
|
96
|
-
align-self: stretch;
|
|
97
|
-
}
|
|
98
|
-
.k-resize-hint-marker {
|
|
99
|
-
width: 2px;
|
|
100
|
-
height: auto;
|
|
101
|
-
flex: 1 1 auto;
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
.k-resize-hint-vertical {
|
|
105
|
-
display: flex;
|
|
106
|
-
flex-direction: row;
|
|
107
|
-
align-items: center;
|
|
108
|
-
|
|
109
|
-
.k-resize-hint-handle {
|
|
110
|
-
width: 20px;
|
|
111
|
-
height: auto;
|
|
112
|
-
align-self: stretch;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
.k-resize-hint-marker {
|
|
116
|
-
width: auto;
|
|
117
|
-
height: 2px;
|
|
118
|
-
flex: 1 1 auto;
|
|
119
|
-
}
|
|
120
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
// virtual scrollbar
|
|
2
|
-
.k-scrollbar {
|
|
3
|
-
position: absolute;
|
|
4
|
-
overflow: scroll;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.k-scrollbar-vertical {
|
|
8
|
-
top: 0;
|
|
9
|
-
right: 0;
|
|
10
|
-
width: 17px; // scrollbar width
|
|
11
|
-
height: 100%;
|
|
12
|
-
overflow-x: hidden;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.k-touch-scrollbar {
|
|
16
|
-
display: none;
|
|
17
|
-
position: absolute;
|
|
18
|
-
z-index: 200000;
|
|
19
|
-
height: 8px;
|
|
20
|
-
width: 8px;
|
|
21
|
-
border: 1px solid #8a8a8a;
|
|
22
|
-
background-color: #858585;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/// This is equivalent to `flex: 1 0 auto;`. If every other element has a fixed size in a flex container, the spacer will take up the remaining space.
|
|
2
|
-
/// @name .k-spacer
|
|
3
|
-
/// @group spacer
|
|
4
|
-
.k-spacer {
|
|
5
|
-
flex: 1 0 auto;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
/// This is equivalent to `flex-grow: 0;`. The spacer will not take any of the remaining space in a flex container.
|
|
9
|
-
/// @name .k-spacer-sized
|
|
10
|
-
/// @group spacer
|
|
11
|
-
.k-spacer-sized {
|
|
12
|
-
flex-grow: 0;
|
|
13
|
-
}
|