@appartmint/mint 4.0.4 → 4.0.5

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 +24 -24
  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 +2 -2
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,40 +216,40 @@ 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
235
  }
236
- #mint-header.mint-expand #mint-wrapper nav > ul > li {
236
+ #mint-header .mint-expand #mint-wrapper nav > ul > li {
237
237
  position: relative;
238
238
  display: flex;
239
239
  width: 100%;
240
240
  max-width: 200px;
241
241
  text-align: center;
242
242
  }
243
- #mint-header.mint-expand #mint-wrapper nav > ul > li button,
244
- #mint-header.mint-expand #mint-wrapper nav > ul > li ul {
243
+ #mint-header .mint-expand #mint-wrapper nav > ul > li button,
244
+ #mint-header .mint-expand #mint-wrapper nav > ul > li ul {
245
245
  width: 100%;
246
246
  max-width: 200px;
247
247
  }
248
- #mint-header.mint-expand #mint-wrapper nav > ul > li button {
248
+ #mint-header .mint-expand #mint-wrapper nav > ul > li button {
249
249
  font-size: 1.5rem;
250
250
  padding-right: 2rem;
251
251
  }
252
- #mint-header.mint-expand #mint-wrapper nav > ul > li button::after {
252
+ #mint-header .mint-expand #mint-wrapper nav > ul > li button::after {
253
253
  content: "\f054";
254
254
  font-family: "Font Awesome 6 Pro";
255
255
  font-weight: 900;
@@ -260,52 +260,52 @@ body.mint-fixed #mint-header {
260
260
  margin-left: 1rem;
261
261
  transition: transform var(--mint-delay-default);
262
262
  }
263
- #mint-header.mint-expand #mint-wrapper nav > ul > li button:hover::after {
263
+ #mint-header .mint-expand #mint-wrapper nav > ul > li button:hover::after {
264
264
  transform: translateY(-50%) rotate(90deg);
265
265
  }
266
- #mint-header.mint-expand #mint-wrapper nav > ul > li button:focus-visible::after {
266
+ #mint-header .mint-expand #mint-wrapper nav > ul > li button:focus-visible::after {
267
267
  transform: translateY(-50%) rotate(90deg);
268
268
  }
269
- #mint-header.mint-expand #mint-wrapper nav > ul > li button[aria-expanded=true]::after {
269
+ #mint-header .mint-expand #mint-wrapper nav > ul > li button[aria-expanded=true]::after {
270
270
  transform: translateY(-50%) rotate(90deg);
271
271
  }
272
- #mint-header.mint-expand #mint-wrapper nav > ul > li ul {
272
+ #mint-header .mint-expand #mint-wrapper nav > ul > li ul {
273
273
  position: absolute;
274
274
  top: 100%;
275
275
  left: 50%;
276
276
  transform: translateX(-50%);
277
277
  background-color: var(--mint-brand-2);
278
278
  }
279
- #mint-header.mint-expand #mint-wrapper a {
279
+ #mint-header .mint-expand #mint-wrapper a {
280
280
  font-size: 1.25rem;
281
281
  }
282
- #mint-header.mint-expand #mint-wrapper a, #mint-header.mint-expand #mint-wrapper button {
282
+ #mint-header .mint-expand #mint-wrapper a, #mint-header .mint-expand #mint-wrapper button {
283
283
  margin: 0.25rem 0;
284
284
  }
285
285
  }
286
286
  @media (max-width: 767px) {
287
- #mint-header.mint-spread #mint-wrapper [aria-controls] {
287
+ #mint-header .mint-spread #mint-wrapper [aria-controls] {
288
288
  display: none;
289
289
  }
290
- #mint-header.mint-spread #mint-wrapper [aria-controls] + ul {
290
+ #mint-header .mint-spread #mint-wrapper [aria-controls] + ul {
291
291
  display: flex !important;
292
292
  height: auto !important;
293
293
  margin-bottom: 3rem;
294
294
  }
295
- #mint-header.mint-spread #mint-wrapper [aria-controls] + ul > li:first-child {
295
+ #mint-header .mint-spread #mint-wrapper [aria-controls] + ul > li:first-child {
296
296
  font-size: 1.5em;
297
297
  }
298
298
  }
299
- #mint-header.mint-spread:not(.mint-expand) #mint-wrapper [aria-controls] {
299
+ #mint-header .mint-spread:not(.mint-expand) #mint-wrapper [aria-controls] {
300
300
  display: none;
301
301
  }
302
- #mint-header.mint-spread:not(.mint-expand) #mint-wrapper [aria-controls] + ul {
302
+ #mint-header .mint-spread:not(.mint-expand) #mint-wrapper [aria-controls] + ul {
303
303
  display: flex !important;
304
304
  height: auto !important;
305
305
  margin-bottom: 3rem;
306
306
  overflow: visible;
307
307
  }
308
- #mint-header.mint-spread:not(.mint-expand) #mint-wrapper [aria-controls] + ul > li:first-child {
308
+ #mint-header .mint-spread:not(.mint-expand) #mint-wrapper [aria-controls] + ul > li:first-child {
309
309
  font-size: 1.5em;
310
310
  }
311
311
  #mint-header .mint-tray #mint-wrapper a, #mint-header .mint-tray #mint-wrapper button {