@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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@appartmint/mint",
3
3
  "author": "App Art Mint LLC",
4
- "version": "4.0.4",
4
+ "version": "4.0.6",
5
5
  "license": "MIT",
6
6
  "description": "The front-end TS/SCSS framework of App Art Mint",
7
7
  "keywords": [
package/src/scss/imports/components/partial/_header.scss CHANGED
@@ -34,7 +34,7 @@ body {
34
34
  z-index: 1000;
35
35
  height: css-var(header-height);
36
36
 
37
- &#{class(expand)} {
37
+ #{class(expand)} {
38
38
  @include break($header-break) {
39
39
  #{class(buttons)} {
40
40
  width: auto;
@@ -71,6 +71,7 @@ body {
71
71
  justify-content: flex-end;
72
72
  flex-wrap: nowrap;
73
73
  overflow: visible;
74
+ gap: 1rem;
74
75
 
75
76
  &>li {
76
77
  position: relative;
@@ -99,14 +100,14 @@ body {
99
100
  font-size: $arrow-size;
100
101
  position: absolute;
101
102
  top: 50%;
102
- transform: translateY(-50%);
103
+ transform: translate(-50%, -50%);
103
104
  margin-left: $arrow-margin;
104
105
  transition: transform css-var(delay-default);
105
106
  }
106
107
 
107
108
  @include states(hover, focus, expanded) {
108
109
  &::after {
109
- transform: translateY(-50%) rotate(90deg);
110
+ transform: translate(-50%, -50%) rotate(90deg);
110
111
  }
111
112
  }
112
113
  }
@@ -133,7 +134,7 @@ body {
133
134
  }
134
135
  }
135
136
 
136
- &#{class(spread)} {
137
+ #{class(spread)} {
137
138
  @include break-max($header-break) {
138
139
  #{id(wrapper)} {
139
140
  #{$has-controls} {