@appartmint/mint 2.6.6 → 2.6.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.
package/package.json
CHANGED
|
@@ -150,27 +150,29 @@
|
|
|
150
150
|
padding: 0;
|
|
151
151
|
transition: all css-var(delay-default);
|
|
152
152
|
|
|
153
|
-
|
|
154
|
-
width: 100%;
|
|
155
|
-
border: none;
|
|
156
|
-
color: inherit;
|
|
157
|
-
background: transparent;
|
|
158
|
-
|
|
153
|
+
& > * {
|
|
159
154
|
&:first-child {
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
155
|
+
&, & button {
|
|
156
|
+
padding: $btn-padding-v 0 $btn-padding-v $btn-padding-h;
|
|
157
|
+
border-top-left-radius: $pill-radius;
|
|
158
|
+
border-bottom-left-radius: $pill-radius;
|
|
159
|
+
}
|
|
163
160
|
}
|
|
164
161
|
|
|
165
162
|
&:last-child {
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
163
|
+
&, & button {
|
|
164
|
+
padding: $btn-padding-v $btn-padding-h $btn-padding-v 0;
|
|
165
|
+
border-top-right-radius: $pill-radius;
|
|
166
|
+
border-bottom-right-radius: $pill-radius;
|
|
167
|
+
}
|
|
169
168
|
}
|
|
169
|
+
}
|
|
170
170
|
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
171
|
+
button {
|
|
172
|
+
width: 100%;
|
|
173
|
+
border: none;
|
|
174
|
+
color: inherit;
|
|
175
|
+
background: transparent;
|
|
174
176
|
|
|
175
177
|
@include states(hover, focus, active, mint-active) {
|
|
176
178
|
background: css-var(brand-5);
|
|
@@ -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
|
|