@appartmint/mint 2.6.0 → 2.6.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.
@@ -21,7 +21,7 @@
21
21
  width: 100%;
22
22
  color: css-var(header-fore);
23
23
  background-color: css-var(header-back);
24
- z-index: 10000;
24
+ z-index: 1000;
25
25
  height: css-var(header-height);
26
26
 
27
27
  &#{class(expand)} {
@@ -162,18 +162,19 @@
162
162
  }
163
163
  }
164
164
 
165
- &#{class(tray)} {
165
+ #{class(tray)} {
166
166
  #{id(wrapper)} {
167
+
167
168
  a, button {
168
169
  padding: 0.75rem;
169
170
  margin: 0.25rem 0;
170
171
  line-height: 1;
171
- font-size: 4em;
172
+ font-size: 2em;
172
173
  width: 100%;
173
174
  }
174
175
 
175
176
  button {
176
- font-size: 6em;
177
+ font-size: 3em;
177
178
  }
178
179
 
179
180
  nav {
@@ -206,38 +207,10 @@
206
207
  z-index: -1;
207
208
  }
208
209
 
209
- nav {
210
- &>ul {
211
- display: flex;
212
- flex-direction: column;
213
- }
214
- }
215
-
216
- ul {
217
- list-style: none;
218
- margin-top: 0;
219
- margin-bottom: 1rem;
220
- padding-left: 0;
221
- }
222
-
223
- a,
224
- button {
225
- margin: 0;
226
- border: 0;
227
- color: css-var($header-link-fore);
228
- background: css-var(trans);
229
- transition-property: color, background;
230
- transition-duration: css-var(delay-default);
231
-
232
- @include states(hover) {
233
- color: css-var($header-link-fore-hover);
234
- }
235
- }
236
-
237
210
  #{id(navbar)} {
238
211
  display: flex;
239
212
  align-items: center;
240
- justify-content: space-between;
213
+ justify-content: flex-end;
241
214
  height: 100%;
242
215
  }
243
216
 
@@ -348,6 +321,8 @@
348
321
  }
349
322
 
350
323
  &>ul {
324
+ display: flex;
325
+ flex-direction: column;
351
326
  height: 100%;
352
327
  overflow: visible;
353
328
 
@@ -368,7 +343,6 @@
368
343
 
369
344
  a,
370
345
  button {
371
- //display: flex;
372
346
  align-items: center;
373
347
  justify-content: center;
374
348
  font-family: $font-secondary, $font-backups !important;
@@ -377,6 +351,10 @@
377
351
  margin: 0.5rem 0;
378
352
  text-align: center;
379
353
  border-radius: $header-link-border-radius;
354
+ color: css-var($header-link-fore);
355
+ background: css-var(trans);
356
+ transition-property: color, background;
357
+ transition-duration: css-var(delay-default);
380
358
 
381
359
  @include break(xs) {
382
360
  padding: 1rem 1.5rem;
@@ -397,6 +375,11 @@
397
375
  }
398
376
 
399
377
  ul {
378
+ list-style: none;
379
+ margin-top: 0;
380
+ margin-bottom: 1rem;
381
+ padding-left: 0;
382
+
400
383
  li {
401
384
  &:last-child {
402
385
  margin-bottom: 0;
@@ -414,15 +397,6 @@
414
397
  flex-shrink: 0;
415
398
  justify-content: flex-end;
416
399
  margin-left: auto;
417
-
418
- a,
419
- button {
420
- &#{neg(controls(wrapper))} {
421
- display: flex;
422
- width: auto;
423
- padding: 0.5rem;
424
- }
425
- }
426
400
  }
427
401
 
428
402
  #{class(dropdown)} {
@@ -47,11 +47,10 @@
47
47
 
48
48
  &#{class(tray)} {
49
49
  #{class(panel-wrapper)} {
50
- gap: 1.5rem;
51
- font-size: 0.5em;
50
+ gap: 1rem;
52
51
 
53
52
  @include break(sm) {
54
- max-width: 512px;
53
+ max-width: break(xs);
55
54
  }
56
55
  }
57
56
  }
@@ -92,4 +91,14 @@
92
91
  }
93
92
  }
94
93
  }
94
+
95
+ #{class(title)} {
96
+ display: flex;
97
+ align-items: flex-start;
98
+ justify-content: space-between;
99
+
100
+ & > * {
101
+ margin: 0;
102
+ }
103
+ }
95
104
  }
@@ -86,7 +86,7 @@ main {
86
86
  width: 100%;
87
87
  min-height: calc(100vh - css-var(header-height));
88
88
  overflow: hidden;
89
- z-index: 1000;
89
+ z-index: 999;
90
90
 
91
91
  &>router-outlet {
92
92
  flex-grow: 0;