@sk-web-gui/core 0.1.87 → 0.1.88
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/cjs/components/comments.js.map +1 -1
- package/dist/cjs/components/forms.js +1 -1
- package/dist/cjs/components/forms.js.map +1 -1
- package/dist/cjs/components/side-menu.js +49 -40
- package/dist/cjs/components/side-menu.js.map +1 -1
- package/dist/cjs/components/tab-menu.js.map +1 -1
- package/dist/cjs/components/tabs.js.map +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/plugin.js.map +1 -1
- package/dist/cjs/theme.js.map +1 -1
- package/dist/esm/components/comments.js.map +1 -1
- package/dist/esm/components/forms.js +1 -1
- package/dist/esm/components/forms.js.map +1 -1
- package/dist/esm/components/side-menu.js +49 -40
- package/dist/esm/components/side-menu.js.map +1 -1
- package/dist/esm/components/tab-menu.js.map +1 -1
- package/dist/esm/components/tabs.js.map +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/plugin.js.map +1 -1
- package/dist/esm/theme.js.map +1 -1
- package/package.json +2 -2
- package/src/components/comments.js +33 -33
- package/src/components/forms.js +9 -9
- package/src/components/side-menu.js +51 -40
- package/src/components/tab-menu.js +58 -58
- package/src/components/tabs.js +64 -64
- package/src/index.js +8 -8
- package/src/plugin.js +120 -120
- package/src/theme.js +84 -84
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
module.exports = Menu = () => ({
|
|
2
|
-
'.
|
|
2
|
+
'.sk-sidemenu': {
|
|
3
3
|
'@apply w-[440px]': {},
|
|
4
4
|
|
|
5
|
-
'
|
|
5
|
+
'&-header': {
|
|
6
6
|
'@apply relative py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},
|
|
7
7
|
|
|
8
8
|
'.label-small': {
|
|
@@ -10,18 +10,18 @@ module.exports = Menu = () => ({
|
|
|
10
10
|
},
|
|
11
11
|
|
|
12
12
|
'.label-button': {
|
|
13
|
-
'@apply w-full justify-between p-0': {},
|
|
13
|
+
'@apply w-full justify-between p-0 leading-[inherit]': {},
|
|
14
14
|
|
|
15
15
|
'&-icon': {
|
|
16
16
|
'@apply !text-xl': {},
|
|
17
17
|
},
|
|
18
18
|
},
|
|
19
19
|
|
|
20
|
-
'
|
|
20
|
+
'&-label': {
|
|
21
21
|
'@apply flex items-center': {},
|
|
22
22
|
|
|
23
23
|
'label, .label': {
|
|
24
|
-
'@apply text-xl font-bold': {},
|
|
24
|
+
'@apply text-xl font-bold flex items-center w-full': {},
|
|
25
25
|
},
|
|
26
26
|
|
|
27
27
|
span: {
|
|
@@ -30,10 +30,14 @@ module.exports = Menu = () => ({
|
|
|
30
30
|
},
|
|
31
31
|
},
|
|
32
32
|
|
|
33
|
-
'
|
|
33
|
+
'&-item': {
|
|
34
34
|
'@apply bg-white h-full': {},
|
|
35
35
|
|
|
36
|
-
'.items': {
|
|
36
|
+
'> ul.items': {
|
|
37
|
+
'@apply hidden': {},
|
|
38
|
+
},
|
|
39
|
+
|
|
40
|
+
'&.open > ul.items': {
|
|
37
41
|
'@apply block': {},
|
|
38
42
|
},
|
|
39
43
|
|
|
@@ -42,9 +46,9 @@ module.exports = Menu = () => ({
|
|
|
42
46
|
},
|
|
43
47
|
|
|
44
48
|
'&.active': {
|
|
45
|
-
'> .wrapper': {
|
|
49
|
+
'> .sk-sidemenu-wrapper': {
|
|
46
50
|
boxShadow: 'inset 6px 0 0 0 #005595',
|
|
47
|
-
'.
|
|
51
|
+
'.sk-sidemenu-item-label': {
|
|
48
52
|
'@apply underline': {},
|
|
49
53
|
},
|
|
50
54
|
},
|
|
@@ -54,11 +58,12 @@ module.exports = Menu = () => ({
|
|
|
54
58
|
'@apply fill-primary': {},
|
|
55
59
|
},
|
|
56
60
|
|
|
57
|
-
'& .wrapper': {
|
|
61
|
+
'& .sk-sidemenu-wrapper': {
|
|
58
62
|
'@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},
|
|
59
63
|
|
|
60
|
-
'.
|
|
61
|
-
'@apply flex-grow relative flex items-center text-base text-left justify-start
|
|
64
|
+
'.sk-sidemenu-item-link': {
|
|
65
|
+
'@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},
|
|
66
|
+
'@apply focus-visible:z-base': {},
|
|
62
67
|
},
|
|
63
68
|
|
|
64
69
|
'.expand': {
|
|
@@ -71,21 +76,21 @@ module.exports = Menu = () => ({
|
|
|
71
76
|
},
|
|
72
77
|
|
|
73
78
|
'&.open': {
|
|
74
|
-
'& + .menu-item > .wrapper': {
|
|
79
|
+
'& + .menu-item > .sk-sidemenu-wrapper': {
|
|
75
80
|
'@apply border-t': {},
|
|
76
81
|
},
|
|
77
82
|
},
|
|
78
83
|
|
|
79
84
|
'&.draggable': {
|
|
80
85
|
'&.dragenter': {
|
|
81
|
-
'> .wrapper': {
|
|
86
|
+
'> .sk-sidemenu-wrapper': {
|
|
82
87
|
'@apply h-full max-h-full': {},
|
|
83
88
|
},
|
|
84
|
-
"> .wrapper > *:not([draggable='true'])": {
|
|
89
|
+
"> .sk-sidemenu-wrapper > *:not([draggable='true'])": {
|
|
85
90
|
'@apply pointer-events-none': {},
|
|
86
91
|
},
|
|
87
92
|
|
|
88
|
-
'& > .wrapper::after': {
|
|
93
|
+
'& > .sk-sidemenu-wrapper::after': {
|
|
89
94
|
'@apply bg-info-light block relative w-full h-[44px]': {},
|
|
90
95
|
content: "''",
|
|
91
96
|
},
|
|
@@ -95,7 +100,7 @@ module.exports = Menu = () => ({
|
|
|
95
100
|
'@apply hidden': {},
|
|
96
101
|
},
|
|
97
102
|
|
|
98
|
-
'& .
|
|
103
|
+
'& .sk-sidemenu-menuitem-movebutton': {
|
|
99
104
|
'@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {},
|
|
100
105
|
|
|
101
106
|
svg: {
|
|
@@ -115,7 +120,7 @@ module.exports = Menu = () => ({
|
|
|
115
120
|
'&.separator': {
|
|
116
121
|
'@apply bg-transparent relative': {},
|
|
117
122
|
|
|
118
|
-
'> div.wrapper, > .
|
|
123
|
+
'> div.sk-sidemenu-wrapper, > .sk-sidemenu-item-link': {
|
|
119
124
|
'@apply h-[44px]': {},
|
|
120
125
|
},
|
|
121
126
|
},
|
|
@@ -132,23 +137,23 @@ module.exports = Menu = () => ({
|
|
|
132
137
|
},
|
|
133
138
|
|
|
134
139
|
'&.lvl-0': {
|
|
135
|
-
'&:first-child > .wrapper': {
|
|
140
|
+
'&:first-child > .sk-sidemenu-wrapper': {
|
|
136
141
|
'@apply border-t-0': {},
|
|
137
142
|
},
|
|
138
|
-
'> .wrapper': {
|
|
143
|
+
'> .sk-sidemenu-wrapper': {
|
|
139
144
|
'@apply h-[64px] max-h-[64px] border border-svartvik-200': {},
|
|
140
145
|
|
|
141
|
-
'> .
|
|
146
|
+
'> .sk-sidemenu-item-link': {
|
|
142
147
|
'@apply py-md': {},
|
|
143
148
|
paddingLeft: '3.2rem',
|
|
144
149
|
},
|
|
145
150
|
},
|
|
146
151
|
|
|
147
|
-
'.
|
|
152
|
+
'.sk-sidemenu-item-link': {
|
|
148
153
|
'@apply h-[64px] max-h-[64px]': {},
|
|
149
154
|
},
|
|
150
155
|
|
|
151
|
-
'& + .
|
|
156
|
+
'& + .sk-sidemenu-item > .sk-sidemenu-wrapper': {
|
|
152
157
|
'@apply border-t-0': {},
|
|
153
158
|
},
|
|
154
159
|
|
|
@@ -160,88 +165,94 @@ module.exports = Menu = () => ({
|
|
|
160
165
|
'@apply border-b border-svartvik-200': {},
|
|
161
166
|
},
|
|
162
167
|
|
|
163
|
-
'&.separator
|
|
164
|
-
'
|
|
168
|
+
'&.separator': {
|
|
169
|
+
'& + .lvl-0': {
|
|
170
|
+
'@apply border-t border-svartvik-200': {},
|
|
171
|
+
},
|
|
172
|
+
},
|
|
173
|
+
|
|
174
|
+
'&.separator > .sk-sidemenu-wrapper': {
|
|
175
|
+
'@apply border-0': {},
|
|
165
176
|
},
|
|
166
177
|
},
|
|
167
178
|
|
|
168
179
|
'&.lvl-1': {
|
|
169
180
|
'@apply bg-gray-lighter': {},
|
|
170
181
|
|
|
171
|
-
'> .wrapper, .
|
|
182
|
+
'> .sk-sidemenu-wrapper, .sk-sidemenu-item-link': {
|
|
172
183
|
'@apply h-[56px] max-h-[56px]': {},
|
|
173
184
|
},
|
|
174
185
|
|
|
175
|
-
'&.open > .wrapper': {
|
|
186
|
+
'&.open > .sk-sidemenu-wrapper': {
|
|
176
187
|
'@apply border-b border-svartvik-200': {},
|
|
177
188
|
},
|
|
178
189
|
|
|
179
|
-
'> .wrapper > .
|
|
190
|
+
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
180
191
|
paddingLeft: '4.8rem',
|
|
181
192
|
},
|
|
182
193
|
},
|
|
183
194
|
|
|
184
195
|
'&.lvl-2': {
|
|
185
|
-
'.wrapper': {
|
|
196
|
+
'.sk-sidemenu-wrapper': {
|
|
186
197
|
'@apply bg-gray-middle h-[48px] max-h-[48px]': {},
|
|
187
198
|
|
|
188
|
-
'> .
|
|
199
|
+
'> .sk-sidemenu-item-link': {
|
|
189
200
|
'@apply h-[48px] max-h-[48px]': {},
|
|
190
201
|
},
|
|
191
202
|
},
|
|
192
203
|
|
|
193
|
-
'> .wrapper > .
|
|
204
|
+
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
194
205
|
paddingLeft: '6.4rem',
|
|
195
206
|
},
|
|
196
207
|
},
|
|
197
208
|
|
|
198
209
|
'&.lvl-3': {
|
|
199
|
-
'> .wrapper > .
|
|
210
|
+
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
200
211
|
paddingLeft: '8rem',
|
|
201
212
|
},
|
|
202
213
|
},
|
|
203
214
|
|
|
204
215
|
'&.lvl-4': {
|
|
205
|
-
'.wrapper': {
|
|
216
|
+
'.sk-sidemenu-wrapper': {
|
|
206
217
|
'@apply bg-[#d4d4d4]': {},
|
|
207
218
|
},
|
|
208
|
-
'> .wrapper > .
|
|
219
|
+
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
209
220
|
paddingLeft: '9.6rem',
|
|
210
221
|
},
|
|
211
222
|
},
|
|
212
223
|
|
|
213
224
|
'&.lvl-5': {
|
|
214
|
-
'> .wrapper > .
|
|
225
|
+
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
215
226
|
paddingLeft: '11.2rem',
|
|
216
227
|
},
|
|
217
228
|
},
|
|
218
229
|
|
|
219
230
|
'&.lvl-6': {
|
|
220
|
-
'> .wrapper > .
|
|
231
|
+
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
221
232
|
paddingLeft: '12.8rem',
|
|
222
233
|
},
|
|
223
234
|
},
|
|
224
235
|
|
|
225
236
|
'&.lvl-7': {
|
|
226
|
-
'> .wrapper > .
|
|
237
|
+
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
227
238
|
paddingLeft: '14.4rem',
|
|
228
239
|
},
|
|
229
240
|
},
|
|
230
241
|
|
|
231
242
|
'&.lvl-8': {
|
|
232
|
-
'> .wrapper > .
|
|
243
|
+
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
233
244
|
paddingLeft: '16rem',
|
|
234
245
|
},
|
|
235
246
|
},
|
|
236
247
|
|
|
237
248
|
'&.lvl-9': {
|
|
238
|
-
'> .wrapper > .
|
|
249
|
+
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
239
250
|
paddingLeft: '17.6rem',
|
|
240
251
|
},
|
|
241
252
|
},
|
|
242
253
|
|
|
243
254
|
'&.lvl-10': {
|
|
244
|
-
'> .wrapper > .
|
|
255
|
+
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
245
256
|
paddingLeft: '19.2rem',
|
|
246
257
|
},
|
|
247
258
|
},
|
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
module.exports = TabMenu = () => ({
|
|
2
|
-
'.sk-tab-menu': {
|
|
3
|
-
'&-wrapper': {
|
|
4
|
-
display: 'flex',
|
|
5
|
-
flexDirection: 'row',
|
|
6
|
-
margin: 'auto',
|
|
7
|
-
},
|
|
8
|
-
'&-right': {
|
|
9
|
-
'@apply justify-end': {},
|
|
10
|
-
},
|
|
11
|
-
'&-center': {
|
|
12
|
-
'@apply justify-center': {},
|
|
13
|
-
},
|
|
14
|
-
'&-list': {
|
|
15
|
-
all: 'unset',
|
|
16
|
-
display: 'flex',
|
|
17
|
-
'&-stretch': {
|
|
18
|
-
'@apply w-full justify-between': {},
|
|
19
|
-
},
|
|
20
|
-
},
|
|
21
|
-
|
|
22
|
-
'&-underline': {
|
|
23
|
-
width: '100%',
|
|
24
|
-
height: 6,
|
|
25
|
-
'@apply bg-gray-light': {},
|
|
26
|
-
},
|
|
27
|
-
'&-item': {
|
|
28
|
-
all: 'unset',
|
|
29
|
-
height: 65,
|
|
30
|
-
display: 'flex',
|
|
31
|
-
padding: '0 1rem',
|
|
32
|
-
marginRight: '5rem',
|
|
33
|
-
alignItems: 'center',
|
|
34
|
-
position: 'relative',
|
|
35
|
-
cursor: 'pointer',
|
|
36
|
-
'&-stretch': {
|
|
37
|
-
'@apply mr-0': {},
|
|
38
|
-
},
|
|
39
|
-
'&-right': {
|
|
40
|
-
'@apply mr-0 ml-[5rem]': {},
|
|
41
|
-
},
|
|
42
|
-
'&-center:last-of-type': {
|
|
43
|
-
'@apply mr-0': {},
|
|
44
|
-
},
|
|
45
|
-
|
|
46
|
-
'&.active::after': {
|
|
47
|
-
content: '""',
|
|
48
|
-
display: 'block',
|
|
49
|
-
position: 'absolute',
|
|
50
|
-
width: '100%',
|
|
51
|
-
height: 6,
|
|
52
|
-
top: '100%',
|
|
53
|
-
left: 0,
|
|
54
|
-
'@apply bg-primary': {},
|
|
55
|
-
},
|
|
56
|
-
},
|
|
57
|
-
},
|
|
58
|
-
});
|
|
1
|
+
module.exports = TabMenu = () => ({
|
|
2
|
+
'.sk-tab-menu': {
|
|
3
|
+
'&-wrapper': {
|
|
4
|
+
display: 'flex',
|
|
5
|
+
flexDirection: 'row',
|
|
6
|
+
margin: 'auto',
|
|
7
|
+
},
|
|
8
|
+
'&-right': {
|
|
9
|
+
'@apply justify-end': {},
|
|
10
|
+
},
|
|
11
|
+
'&-center': {
|
|
12
|
+
'@apply justify-center': {},
|
|
13
|
+
},
|
|
14
|
+
'&-list': {
|
|
15
|
+
all: 'unset',
|
|
16
|
+
display: 'flex',
|
|
17
|
+
'&-stretch': {
|
|
18
|
+
'@apply w-full justify-between': {},
|
|
19
|
+
},
|
|
20
|
+
},
|
|
21
|
+
|
|
22
|
+
'&-underline': {
|
|
23
|
+
width: '100%',
|
|
24
|
+
height: 6,
|
|
25
|
+
'@apply bg-gray-light': {},
|
|
26
|
+
},
|
|
27
|
+
'&-item': {
|
|
28
|
+
all: 'unset',
|
|
29
|
+
height: 65,
|
|
30
|
+
display: 'flex',
|
|
31
|
+
padding: '0 1rem',
|
|
32
|
+
marginRight: '5rem',
|
|
33
|
+
alignItems: 'center',
|
|
34
|
+
position: 'relative',
|
|
35
|
+
cursor: 'pointer',
|
|
36
|
+
'&-stretch': {
|
|
37
|
+
'@apply mr-0': {},
|
|
38
|
+
},
|
|
39
|
+
'&-right': {
|
|
40
|
+
'@apply mr-0 ml-[5rem]': {},
|
|
41
|
+
},
|
|
42
|
+
'&-center:last-of-type': {
|
|
43
|
+
'@apply mr-0': {},
|
|
44
|
+
},
|
|
45
|
+
|
|
46
|
+
'&.active::after': {
|
|
47
|
+
content: '""',
|
|
48
|
+
display: 'block',
|
|
49
|
+
position: 'absolute',
|
|
50
|
+
width: '100%',
|
|
51
|
+
height: 6,
|
|
52
|
+
top: '100%',
|
|
53
|
+
left: 0,
|
|
54
|
+
'@apply bg-primary': {},
|
|
55
|
+
},
|
|
56
|
+
},
|
|
57
|
+
},
|
|
58
|
+
});
|
package/src/components/tabs.js
CHANGED
|
@@ -1,64 +1,64 @@
|
|
|
1
|
-
module.exports = Tabs = () => ({
|
|
2
|
-
'.sk-tabs': {
|
|
3
|
-
'&-stretch': {
|
|
4
|
-
'@apply w-full': {},
|
|
5
|
-
},
|
|
6
|
-
'&-list': {
|
|
7
|
-
'@apply block relative w-full h-[3rem]': {},
|
|
8
|
-
'&-stretch': {
|
|
9
|
-
'@apply flex justify-between': {},
|
|
10
|
-
},
|
|
11
|
-
'&-right': {
|
|
12
|
-
'@apply text-right': {},
|
|
13
|
-
},
|
|
14
|
-
'&-center': {
|
|
15
|
-
'@apply text-center': {},
|
|
16
|
-
},
|
|
17
|
-
|
|
18
|
-
'&-line::after': {
|
|
19
|
-
content: '""',
|
|
20
|
-
'@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},
|
|
21
|
-
},
|
|
22
|
-
},
|
|
23
|
-
'&-tab': {
|
|
24
|
-
'@apply relative mr-[3.2rem] text-base font-bold p-0 relative h-[2.8rem] inline-block': {},
|
|
25
|
-
'@apply text-gray': {},
|
|
26
|
-
'@apply cursor-pointer': {},
|
|
27
|
-
'&.disabled': {
|
|
28
|
-
'@apply cursor-not-allowed': {},
|
|
29
|
-
'@apply text-gray-stroke': {},
|
|
30
|
-
},
|
|
31
|
-
'&.active': {
|
|
32
|
-
'@apply text-body': {},
|
|
33
|
-
'&::after': {
|
|
34
|
-
content: '""',
|
|
35
|
-
'@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},
|
|
36
|
-
},
|
|
37
|
-
},
|
|
38
|
-
'&-stretch': {
|
|
39
|
-
'@apply mr-0': {},
|
|
40
|
-
},
|
|
41
|
-
'&-header': {
|
|
42
|
-
'@apply text-lg font-normal': {},
|
|
43
|
-
},
|
|
44
|
-
'&-right': {
|
|
45
|
-
'@apply mr-0 ml-lg': {},
|
|
46
|
-
},
|
|
47
|
-
'&:last-of-type': {
|
|
48
|
-
'@apply mr-0': {},
|
|
49
|
-
},
|
|
50
|
-
'&-icon': {
|
|
51
|
-
'&-with-label': {
|
|
52
|
-
'@apply mr-sm': {},
|
|
53
|
-
},
|
|
54
|
-
},
|
|
55
|
-
},
|
|
56
|
-
'&-panel': {
|
|
57
|
-
'@apply mt-lg': {},
|
|
58
|
-
'&:not(.active)': {
|
|
59
|
-
display: 'none',
|
|
60
|
-
hidden: true,
|
|
61
|
-
},
|
|
62
|
-
},
|
|
63
|
-
},
|
|
64
|
-
});
|
|
1
|
+
module.exports = Tabs = () => ({
|
|
2
|
+
'.sk-tabs': {
|
|
3
|
+
'&-stretch': {
|
|
4
|
+
'@apply w-full': {},
|
|
5
|
+
},
|
|
6
|
+
'&-list': {
|
|
7
|
+
'@apply block relative w-full h-[3rem]': {},
|
|
8
|
+
'&-stretch': {
|
|
9
|
+
'@apply flex justify-between': {},
|
|
10
|
+
},
|
|
11
|
+
'&-right': {
|
|
12
|
+
'@apply text-right': {},
|
|
13
|
+
},
|
|
14
|
+
'&-center': {
|
|
15
|
+
'@apply text-center': {},
|
|
16
|
+
},
|
|
17
|
+
|
|
18
|
+
'&-line::after': {
|
|
19
|
+
content: '""',
|
|
20
|
+
'@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
'&-tab': {
|
|
24
|
+
'@apply relative mr-[3.2rem] text-base font-bold p-0 relative h-[2.8rem] inline-block': {},
|
|
25
|
+
'@apply text-gray': {},
|
|
26
|
+
'@apply cursor-pointer': {},
|
|
27
|
+
'&.disabled': {
|
|
28
|
+
'@apply cursor-not-allowed': {},
|
|
29
|
+
'@apply text-gray-stroke': {},
|
|
30
|
+
},
|
|
31
|
+
'&.active': {
|
|
32
|
+
'@apply text-body': {},
|
|
33
|
+
'&::after': {
|
|
34
|
+
content: '""',
|
|
35
|
+
'@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
'&-stretch': {
|
|
39
|
+
'@apply mr-0': {},
|
|
40
|
+
},
|
|
41
|
+
'&-header': {
|
|
42
|
+
'@apply text-lg font-normal': {},
|
|
43
|
+
},
|
|
44
|
+
'&-right': {
|
|
45
|
+
'@apply mr-0 ml-lg': {},
|
|
46
|
+
},
|
|
47
|
+
'&:last-of-type': {
|
|
48
|
+
'@apply mr-0': {},
|
|
49
|
+
},
|
|
50
|
+
'&-icon': {
|
|
51
|
+
'&-with-label': {
|
|
52
|
+
'@apply mr-sm': {},
|
|
53
|
+
},
|
|
54
|
+
},
|
|
55
|
+
},
|
|
56
|
+
'&-panel': {
|
|
57
|
+
'@apply mt-lg': {},
|
|
58
|
+
'&:not(.active)': {
|
|
59
|
+
display: 'none',
|
|
60
|
+
hidden: true,
|
|
61
|
+
},
|
|
62
|
+
},
|
|
63
|
+
},
|
|
64
|
+
});
|
package/src/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
const preset = require('./preset');
|
|
2
|
-
const plugin = require('./plugin');
|
|
3
|
-
|
|
4
|
-
module.exports = {
|
|
5
|
-
default: plugin,
|
|
6
|
-
plugin: plugin,
|
|
7
|
-
preset: preset,
|
|
8
|
-
};
|
|
1
|
+
const preset = require('./preset');
|
|
2
|
+
const plugin = require('./plugin');
|
|
3
|
+
|
|
4
|
+
module.exports = {
|
|
5
|
+
default: plugin,
|
|
6
|
+
plugin: plugin,
|
|
7
|
+
preset: preset,
|
|
8
|
+
};
|