@appartmint/mint 0.12.3 → 0.12.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 +29 -29
  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/util/_vars.scss +7 -5
package/dist/css/mint.css CHANGED
@@ -28,8 +28,8 @@
28
28
  display: inline-block;
29
29
  border-radius: 1rem;
30
30
  color: var(--mint-fore);
31
- background: var(--mint-brand-2);
32
- border: 0.125rem solid var(--mint-brand-3);
31
+ background: var(--mint-brand-1);
32
+ border: 0.125rem solid var(--mint-brand-5);
33
33
  text-align: center;
34
34
  }
35
35
  @media (min-width: 480px) {
@@ -43,7 +43,7 @@
43
43
  .mint-btn-group:hover,
44
44
  .mint-pill:hover {
45
45
  color: var(--mint-back);
46
- background: var(--mint-brand-3);
46
+ background: var(--mint-brand-5);
47
47
  }
48
48
  .mint-btn:hover i,
49
49
  .mint-btn-group:hover i,
@@ -54,7 +54,7 @@
54
54
  .mint-btn-group:focus,
55
55
  .mint-pill:focus {
56
56
  color: var(--mint-back);
57
- background: var(--mint-brand-3);
57
+ background: var(--mint-brand-5);
58
58
  }
59
59
  .mint-btn:focus i,
60
60
  .mint-btn-group:focus i,
@@ -67,7 +67,7 @@
67
67
  .mint-pill:active,
68
68
  .mint-pill.mint-active {
69
69
  color: var(--mint-back);
70
- background: var(--mint-brand-3);
70
+ background: var(--mint-brand-5);
71
71
  }
72
72
  .mint-btn:active i, .mint-btn.mint-active i,
73
73
  .mint-btn-group:active i,
@@ -80,19 +80,19 @@
80
80
  .mint-btn-group.mint-reverse,
81
81
  .mint-pill.mint-reverse {
82
82
  color: var(--mint-back);
83
- background: var(--mint-brand-3);
83
+ background: var(--mint-brand-5);
84
84
  }
85
85
  .mint-btn.mint-reverse:hover,
86
86
  .mint-btn-group.mint-reverse:hover,
87
87
  .mint-pill.mint-reverse:hover {
88
88
  color: var(--mint-fore);
89
- background: var(--mint-brand-2);
89
+ background: var(--mint-brand-1);
90
90
  }
91
91
  .mint-btn.mint-reverse:focus,
92
92
  .mint-btn-group.mint-reverse:focus,
93
93
  .mint-pill.mint-reverse:focus {
94
94
  color: var(--mint-fore);
95
- background: var(--mint-brand-2);
95
+ background: var(--mint-brand-1);
96
96
  }
97
97
  .mint-btn.mint-reverse:active, .mint-btn.mint-reverse.mint-active,
98
98
  .mint-btn-group.mint-reverse:active,
@@ -100,27 +100,27 @@
100
100
  .mint-pill.mint-reverse:active,
101
101
  .mint-pill.mint-reverse.mint-active {
102
102
  color: var(--mint-fore);
103
- background: var(--mint-brand-2);
103
+ background: var(--mint-brand-1);
104
104
  }
105
105
  .mint-btn.mint-alt,
106
106
  .mint-btn-group.mint-alt,
107
107
  .mint-pill.mint-alt {
108
- color: var(--mint-brand-3);
108
+ color: var(--mint-brand-5);
109
109
  background: var(--mint-trans);
110
110
  }
111
111
  .mint-btn.mint-alt:hover,
112
112
  .mint-btn-group.mint-alt:hover,
113
113
  .mint-pill.mint-alt:hover {
114
114
  color: var(--mint-back);
115
- background: var(--mint-accent-2);
116
- border-color: var(--mint-accent-2);
115
+ background: var(--mint-accent-3);
116
+ border-color: var(--mint-accent-3);
117
117
  }
118
118
  .mint-btn.mint-alt:focus,
119
119
  .mint-btn-group.mint-alt:focus,
120
120
  .mint-pill.mint-alt:focus {
121
121
  color: var(--mint-back);
122
- background: var(--mint-accent-2);
123
- border-color: var(--mint-accent-2);
122
+ background: var(--mint-accent-3);
123
+ border-color: var(--mint-accent-3);
124
124
  }
125
125
  .mint-btn.mint-alt:active, .mint-btn.mint-alt.mint-active,
126
126
  .mint-btn-group.mint-alt:active,
@@ -128,27 +128,27 @@
128
128
  .mint-pill.mint-alt:active,
129
129
  .mint-pill.mint-alt.mint-active {
130
130
  color: var(--mint-back);
131
- background: var(--mint-accent-2);
132
- border-color: var(--mint-accent-2);
131
+ background: var(--mint-accent-3);
132
+ border-color: var(--mint-accent-3);
133
133
  }
134
134
  .mint-btn.mint-alt.mint-reverse,
135
135
  .mint-btn-group.mint-alt.mint-reverse,
136
136
  .mint-pill.mint-alt.mint-reverse {
137
137
  color: var(--mint-back);
138
- background: var(--mint-accent-2);
139
- border-color: var(--mint-accent-2);
138
+ background: var(--mint-accent-3);
139
+ border-color: var(--mint-accent-3);
140
140
  }
141
141
  .mint-btn.mint-alt.mint-reverse:hover,
142
142
  .mint-btn-group.mint-alt.mint-reverse:hover,
143
143
  .mint-pill.mint-alt.mint-reverse:hover {
144
- color: var(--mint-brand-3);
144
+ color: var(--mint-brand-5);
145
145
  background: var(--mint-trans);
146
146
  border-color: var(--mint-trans);
147
147
  }
148
148
  .mint-btn.mint-alt.mint-reverse:focus,
149
149
  .mint-btn-group.mint-alt.mint-reverse:focus,
150
150
  .mint-pill.mint-alt.mint-reverse:focus {
151
- color: var(--mint-brand-3);
151
+ color: var(--mint-brand-5);
152
152
  background: var(--mint-trans);
153
153
  border-color: var(--mint-trans);
154
154
  }
@@ -157,7 +157,7 @@
157
157
  .mint-btn-group.mint-alt.mint-reverse.mint-active,
158
158
  .mint-pill.mint-alt.mint-reverse:active,
159
159
  .mint-pill.mint-alt.mint-reverse.mint-active {
160
- color: var(--mint-brand-3);
160
+ color: var(--mint-brand-5);
161
161
  background: var(--mint-trans);
162
162
  border-color: var(--mint-trans);
163
163
  }
@@ -170,13 +170,13 @@
170
170
  text-align: center;
171
171
  }
172
172
  .mint-btn-icon:hover i {
173
- color: var(--mint-accent-2);
173
+ color: var(--mint-accent-3);
174
174
  }
175
175
  .mint-btn-icon:focus i {
176
- color: var(--mint-accent-2);
176
+ color: var(--mint-accent-3);
177
177
  }
178
178
  .mint-btn-icon:active i, .mint-btn-icon.mint-active i {
179
- color: var(--mint-accent-2);
179
+ color: var(--mint-accent-3);
180
180
  }
181
181
  @media (min-width: 480px) {
182
182
  .mint-btn-icon {
@@ -185,7 +185,7 @@
185
185
  }
186
186
  .mint-btn-icon i {
187
187
  margin: 0 !important;
188
- color: var(--mint-brand-3);
188
+ color: var(--mint-brand-5);
189
189
  font-size: 4rem;
190
190
  }
191
191
  .mint-btn-icon i::before {
@@ -2260,7 +2260,7 @@ p, .mint-p {
2260
2260
  }
2261
2261
 
2262
2262
  a {
2263
- color: var(--mint-brand);
2263
+ color: var(--mint-brand-4);
2264
2264
  transition: color var(--mint-delay-default);
2265
2265
  }
2266
2266
  a .fa-instagram {
@@ -2286,7 +2286,7 @@ a .fa-instagram::after {
2286
2286
  }
2287
2287
  }
2288
2288
  a:hover {
2289
- color: var(--mint-accent-0);
2289
+ color: var(--mint-accent-2);
2290
2290
  }
2291
2291
  a:hover .fa-facebook, a:hover .fa-square-facebook {
2292
2292
  color: var(--mint-facebook);
@@ -2325,7 +2325,7 @@ a:hover .fa-vimeo {
2325
2325
  color: var(--mint-venmo);
2326
2326
  }
2327
2327
  a:focus {
2328
- color: var(--mint-accent-0);
2328
+ color: var(--mint-accent-2);
2329
2329
  }
2330
2330
  a:focus .fa-facebook, a:focus .fa-square-facebook {
2331
2331
  color: var(--mint-facebook);
@@ -2364,7 +2364,7 @@ a:focus .fa-vimeo {
2364
2364
  color: var(--mint-venmo);
2365
2365
  }
2366
2366
  a:active, a.mint-active {
2367
- color: var(--mint-accent-0);
2367
+ color: var(--mint-accent-2);
2368
2368
  }
2369
2369
  a:active .fa-facebook, a:active .fa-square-facebook, a.mint-active .fa-facebook, a.mint-active .fa-square-facebook {
2370
2370
  color: var(--mint-facebook);