@appartmint/mint 4.0.4 → 4.0.6

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.
Files changed (6) hide show
  1. package/dist/css/mint.css +29 -28
  2. package/dist/css/mint.css.map +1 -1
  3. package/dist/css/mint.min.css +1 -1
  4. package/dist/css/mint.min.css.map +1 -1
  5. package/package.json +1 -1
  6. package/src/scss/imports/components/partial/_header.scss +5 -4
package/dist/css/mint.css CHANGED
@@ -202,13 +202,13 @@ body.mint-fixed #mint-header {
202
202
  height: var(--mint-header-height);
203
203
  }
204
204
  @media (min-width: 768px) {
205
- #mint-header.mint-expand .mint-buttons {
205
+ #mint-header .mint-expand .mint-buttons {
206
206
  width: auto;
207
207
  }
208
- #mint-header.mint-expand .mint-buttons [aria-controls=mint-wrapper] {
208
+ #mint-header .mint-expand .mint-buttons [aria-controls=mint-wrapper] {
209
209
  display: none;
210
210
  }
211
- #mint-header.mint-expand #mint-wrapper {
211
+ #mint-header .mint-expand #mint-wrapper {
212
212
  position: static;
213
213
  display: flex !important;
214
214
  height: 100%;
@@ -216,96 +216,97 @@ body.mint-fixed #mint-header {
216
216
  padding: 0;
217
217
  z-index: 0;
218
218
  }
219
- #mint-header.mint-expand #mint-wrapper, #mint-header.mint-expand #mint-wrapper nav {
219
+ #mint-header .mint-expand #mint-wrapper, #mint-header .mint-expand #mint-wrapper nav {
220
220
  height: 4rem;
221
221
  background: var(--mint-glow-0) !important;
222
222
  overflow: visible;
223
223
  }
224
- #mint-header.mint-expand #mint-wrapper nav {
224
+ #mint-header .mint-expand #mint-wrapper nav {
225
225
  border: none;
226
226
  }
227
- #mint-header.mint-expand #mint-wrapper nav::before {
227
+ #mint-header .mint-expand #mint-wrapper nav::before {
228
228
  display: none;
229
229
  }
230
- #mint-header.mint-expand #mint-wrapper nav > ul {
230
+ #mint-header .mint-expand #mint-wrapper nav > ul {
231
231
  flex-direction: row !important;
232
232
  justify-content: flex-end;
233
233
  flex-wrap: nowrap;
234
234
  overflow: visible;
235
+ gap: 1rem;
235
236
  }
236
- #mint-header.mint-expand #mint-wrapper nav > ul > li {
237
+ #mint-header .mint-expand #mint-wrapper nav > ul > li {
237
238
  position: relative;
238
239
  display: flex;
239
240
  width: 100%;
240
241
  max-width: 200px;
241
242
  text-align: center;
242
243
  }
243
- #mint-header.mint-expand #mint-wrapper nav > ul > li button,
244
- #mint-header.mint-expand #mint-wrapper nav > ul > li ul {
244
+ #mint-header .mint-expand #mint-wrapper nav > ul > li button,
245
+ #mint-header .mint-expand #mint-wrapper nav > ul > li ul {
245
246
  width: 100%;
246
247
  max-width: 200px;
247
248
  }
248
- #mint-header.mint-expand #mint-wrapper nav > ul > li button {
249
+ #mint-header .mint-expand #mint-wrapper nav > ul > li button {
249
250
  font-size: 1.5rem;
250
251
  padding-right: 2rem;
251
252
  }
252
- #mint-header.mint-expand #mint-wrapper nav > ul > li button::after {
253
+ #mint-header .mint-expand #mint-wrapper nav > ul > li button::after {
253
254
  content: "\f054";
254
255
  font-family: "Font Awesome 6 Pro";
255
256
  font-weight: 900;
256
257
  font-size: 1rem;
257
258
  position: absolute;
258
259
  top: 50%;
259
- transform: translateY(-50%);
260
+ transform: translate(-50%, -50%);
260
261
  margin-left: 1rem;
261
262
  transition: transform var(--mint-delay-default);
262
263
  }
263
- #mint-header.mint-expand #mint-wrapper nav > ul > li button:hover::after {
264
- transform: translateY(-50%) rotate(90deg);
264
+ #mint-header .mint-expand #mint-wrapper nav > ul > li button:hover::after {
265
+ transform: translate(-50%, -50%) rotate(90deg);
265
266
  }
266
- #mint-header.mint-expand #mint-wrapper nav > ul > li button:focus-visible::after {
267
- transform: translateY(-50%) rotate(90deg);
267
+ #mint-header .mint-expand #mint-wrapper nav > ul > li button:focus-visible::after {
268
+ transform: translate(-50%, -50%) rotate(90deg);
268
269
  }
269
- #mint-header.mint-expand #mint-wrapper nav > ul > li button[aria-expanded=true]::after {
270
- transform: translateY(-50%) rotate(90deg);
270
+ #mint-header .mint-expand #mint-wrapper nav > ul > li button[aria-expanded=true]::after {
271
+ transform: translate(-50%, -50%) rotate(90deg);
271
272
  }
272
- #mint-header.mint-expand #mint-wrapper nav > ul > li ul {
273
+ #mint-header .mint-expand #mint-wrapper nav > ul > li ul {
273
274
  position: absolute;
274
275
  top: 100%;
275
276
  left: 50%;
276
277
  transform: translateX(-50%);
277
278
  background-color: var(--mint-brand-2);
278
279
  }
279
- #mint-header.mint-expand #mint-wrapper a {
280
+ #mint-header .mint-expand #mint-wrapper a {
280
281
  font-size: 1.25rem;
281
282
  }
282
- #mint-header.mint-expand #mint-wrapper a, #mint-header.mint-expand #mint-wrapper button {
283
+ #mint-header .mint-expand #mint-wrapper a, #mint-header .mint-expand #mint-wrapper button {
283
284
  margin: 0.25rem 0;
284
285
  }
285
286
  }
286
287
  @media (max-width: 767px) {
287
- #mint-header.mint-spread #mint-wrapper [aria-controls] {
288
+ #mint-header .mint-spread #mint-wrapper [aria-controls] {
288
289
  display: none;
289
290
  }
290
- #mint-header.mint-spread #mint-wrapper [aria-controls] + ul {
291
+ #mint-header .mint-spread #mint-wrapper [aria-controls] + ul {
291
292
  display: flex !important;
292
293
  height: auto !important;
293
294
  margin-bottom: 3rem;
294
295
  }
295
- #mint-header.mint-spread #mint-wrapper [aria-controls] + ul > li:first-child {
296
+ #mint-header .mint-spread #mint-wrapper [aria-controls] + ul > li:first-child {
296
297
  font-size: 1.5em;
297
298
  }
298
299
  }
299
- #mint-header.mint-spread:not(.mint-expand) #mint-wrapper [aria-controls] {
300
+ #mint-header .mint-spread:not(.mint-expand) #mint-wrapper [aria-controls] {
300
301
  display: none;
301
302
  }
302
- #mint-header.mint-spread:not(.mint-expand) #mint-wrapper [aria-controls] + ul {
303
+ #mint-header .mint-spread:not(.mint-expand) #mint-wrapper [aria-controls] + ul {
303
304
  display: flex !important;
304
305
  height: auto !important;
305
306
  margin-bottom: 3rem;
306
307
  overflow: visible;
307
308
  }
308
- #mint-header.mint-spread:not(.mint-expand) #mint-wrapper [aria-controls] + ul > li:first-child {
309
+ #mint-header .mint-spread:not(.mint-expand) #mint-wrapper [aria-controls] + ul > li:first-child {
309
310
  font-size: 1.5em;
310
311
  }
311
312
  #mint-header .mint-tray #mint-wrapper a, #mint-header .mint-tray #mint-wrapper button {