@appartmint/mint 4.0.5 → 4.0.7

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 +6 -8
  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 -8
package/dist/css/mint.css CHANGED
@@ -202,10 +202,7 @@ 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 {
206
- width: auto;
207
- }
208
- #mint-header .mint-expand .mint-buttons [aria-controls=mint-wrapper] {
205
+ #mint-header .mint-expand [aria-controls=mint-wrapper] {
209
206
  display: none;
210
207
  }
211
208
  #mint-header .mint-expand #mint-wrapper {
@@ -232,6 +229,7 @@ body.mint-fixed #mint-header {
232
229
  justify-content: flex-end;
233
230
  flex-wrap: nowrap;
234
231
  overflow: visible;
232
+ gap: 1rem;
235
233
  }
236
234
  #mint-header .mint-expand #mint-wrapper nav > ul > li {
237
235
  position: relative;
@@ -256,18 +254,18 @@ body.mint-fixed #mint-header {
256
254
  font-size: 1rem;
257
255
  position: absolute;
258
256
  top: 50%;
259
- transform: translateY(-50%);
257
+ transform: translate(-50%, -50%);
260
258
  margin-left: 1rem;
261
259
  transition: transform var(--mint-delay-default);
262
260
  }
263
261
  #mint-header .mint-expand #mint-wrapper nav > ul > li button:hover::after {
264
- transform: translateY(-50%) rotate(90deg);
262
+ transform: translate(-50%, -50%) rotate(90deg);
265
263
  }
266
264
  #mint-header .mint-expand #mint-wrapper nav > ul > li button:focus-visible::after {
267
- transform: translateY(-50%) rotate(90deg);
265
+ transform: translate(-50%, -50%) rotate(90deg);
268
266
  }
269
267
  #mint-header .mint-expand #mint-wrapper nav > ul > li button[aria-expanded=true]::after {
270
- transform: translateY(-50%) rotate(90deg);
268
+ transform: translate(-50%, -50%) rotate(90deg);
271
269
  }
272
270
  #mint-header .mint-expand #mint-wrapper nav > ul > li ul {
273
271
  position: absolute;