@appartmint/mint 2.6.6 → 2.6.8
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.
- package/dist/css/mint.css +15 -10
- package/dist/css/mint.css.map +1 -1
- package/dist/css/mint.min.css +1 -1
- package/dist/css/mint.min.css.map +1 -1
- package/package.json +1 -1
- package/src/scss/imports/components/partial/_header.scss +1 -0
- package/src/scss/imports/components/widget/_button.scss +20 -15
- package/src/scss/imports/components/widget/_card.scss +6 -2
package/package.json
CHANGED
|
@@ -146,31 +146,35 @@
|
|
|
146
146
|
&-group {
|
|
147
147
|
display: flex;
|
|
148
148
|
width: fit-content;
|
|
149
|
+
max-width: 100%;
|
|
149
150
|
margin: auto;
|
|
150
151
|
padding: 0;
|
|
152
|
+
overflow: visible;
|
|
151
153
|
transition: all css-var(delay-default);
|
|
152
154
|
|
|
153
|
-
|
|
154
|
-
width: 100%;
|
|
155
|
-
border: none;
|
|
156
|
-
color: inherit;
|
|
157
|
-
background: transparent;
|
|
158
|
-
|
|
155
|
+
& > * {
|
|
159
156
|
&:first-child {
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
157
|
+
&, & button {
|
|
158
|
+
padding: $btn-padding-v 0 $btn-padding-v $btn-padding-h;
|
|
159
|
+
border-top-left-radius: $pill-radius;
|
|
160
|
+
border-bottom-left-radius: $pill-radius;
|
|
161
|
+
}
|
|
163
162
|
}
|
|
164
163
|
|
|
165
164
|
&:last-child {
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
165
|
+
&, & button {
|
|
166
|
+
padding: $btn-padding-v $btn-padding-h $btn-padding-v 0;
|
|
167
|
+
border-top-right-radius: $pill-radius;
|
|
168
|
+
border-bottom-right-radius: $pill-radius;
|
|
169
|
+
}
|
|
169
170
|
}
|
|
171
|
+
}
|
|
170
172
|
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
173
|
+
button {
|
|
174
|
+
width: 100%;
|
|
175
|
+
border: none;
|
|
176
|
+
color: inherit;
|
|
177
|
+
background: transparent;
|
|
174
178
|
|
|
175
179
|
@include states(hover, focus, active, mint-active) {
|
|
176
180
|
background: css-var(brand-5);
|
|
@@ -210,6 +214,7 @@ p {
|
|
|
210
214
|
justify-content: center;
|
|
211
215
|
flex-wrap: wrap;
|
|
212
216
|
gap: 1rem;
|
|
217
|
+
overflow: hidden;
|
|
213
218
|
|
|
214
219
|
@include break(xs) {
|
|
215
220
|
justify-content: flex-start;
|
|
@@ -248,6 +248,7 @@
|
|
|
248
248
|
width: 100%;
|
|
249
249
|
height: 100%;
|
|
250
250
|
opacity: 0.75;
|
|
251
|
+
mask-image: none;
|
|
251
252
|
background: linear-gradient(0deg, black, rgba(0,0,0,70%) 66%, css-var(shadow-0));
|
|
252
253
|
transition: opacity delay(default) ease-in-out;
|
|
253
254
|
z-index: -1;
|
|
@@ -269,7 +270,11 @@
|
|
|
269
270
|
left: 0;
|
|
270
271
|
width: 100%;
|
|
271
272
|
height: 100%;
|
|
272
|
-
|
|
273
|
+
|
|
274
|
+
img {
|
|
275
|
+
height: 100%;
|
|
276
|
+
object-fit: cover;
|
|
277
|
+
}
|
|
273
278
|
}
|
|
274
279
|
|
|
275
280
|
#{class(content)} {
|
|
@@ -280,7 +285,6 @@
|
|
|
280
285
|
margin-top: 0 !important;
|
|
281
286
|
}
|
|
282
287
|
}
|
|
283
|
-
|
|
284
288
|
}
|
|
285
289
|
}
|
|
286
290
|
|