@appartmint/mint 2.8.2 → 2.9.0
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
CHANGED
|
@@ -1019,6 +1019,7 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1019
1019
|
.mint-card, :root:root [data-amplify-authenticator] [data-amplify-container] {
|
|
1020
1020
|
display: flex;
|
|
1021
1021
|
flex-direction: column;
|
|
1022
|
+
position: relative;
|
|
1022
1023
|
height: 100%;
|
|
1023
1024
|
max-width: 100%;
|
|
1024
1025
|
margin: 0;
|
|
@@ -1034,10 +1035,10 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1034
1035
|
flex-direction: row-reverse;
|
|
1035
1036
|
}
|
|
1036
1037
|
}
|
|
1037
|
-
.mint-card:has(mint-
|
|
1038
|
+
.mint-card:has(.mint-carousel), :root:root [data-amplify-authenticator] [data-amplify-container]:has(.mint-carousel) {
|
|
1038
1039
|
box-shadow: none;
|
|
1039
1040
|
}
|
|
1040
|
-
.mint-card:has(mint-
|
|
1041
|
+
.mint-card:has(.mint-carousel) .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container]:has(.mint-carousel) .mint-content, :root:root .mint-card:has(.mint-carousel) [data-amplify-authenticator] [data-amplify-container] [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card:has(.mint-carousel) [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container]:has(.mint-carousel) [data-amplify-router] {
|
|
1041
1042
|
box-shadow: 0 0 2rem -0.5rem var(--mint-glow-2);
|
|
1042
1043
|
}
|
|
1043
1044
|
.mint-card.mint-center .mint-title, :root:root [data-amplify-authenticator] .mint-center[data-amplify-container] .mint-title {
|
|
@@ -1077,13 +1078,13 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1077
1078
|
box-shadow: none;
|
|
1078
1079
|
overflow: visible;
|
|
1079
1080
|
}
|
|
1080
|
-
.mint-card.mint-stagger > .mint-image, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-image
|
|
1081
|
+
.mint-card.mint-stagger > .mint-image, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-image {
|
|
1081
1082
|
width: calc(50% + 1.5rem);
|
|
1082
1083
|
height: fit-content;
|
|
1083
1084
|
margin-right: -3rem;
|
|
1084
1085
|
border-radius: 1rem;
|
|
1085
1086
|
}
|
|
1086
|
-
.mint-card.mint-stagger > .mint-image img, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-image img
|
|
1087
|
+
.mint-card.mint-stagger > .mint-image img, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-image img {
|
|
1087
1088
|
height: 100%;
|
|
1088
1089
|
object-fit: cover;
|
|
1089
1090
|
}
|
|
@@ -1099,24 +1100,24 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1099
1100
|
.mint-card.mint-stagger.mint-reverse, :root:root [data-amplify-authenticator] .mint-stagger.mint-reverse[data-amplify-container] {
|
|
1100
1101
|
flex-direction: row-reverse;
|
|
1101
1102
|
}
|
|
1102
|
-
.mint-card.mint-stagger.mint-reverse > .mint-image, :root:root [data-amplify-authenticator] .mint-stagger.mint-reverse[data-amplify-container] > .mint-image
|
|
1103
|
+
.mint-card.mint-stagger.mint-reverse > .mint-image, :root:root [data-amplify-authenticator] .mint-stagger.mint-reverse[data-amplify-container] > .mint-image {
|
|
1103
1104
|
margin-right: 0;
|
|
1104
1105
|
margin-left: -3rem;
|
|
1105
1106
|
}
|
|
1106
1107
|
}
|
|
1107
|
-
.mint-card > .mint-image
|
|
1108
|
-
width: 100%;
|
|
1109
|
-
}
|
|
1110
|
-
.mint-card > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image, .mint-card > mint-widget-image .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image {
|
|
1108
|
+
.mint-card > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image {
|
|
1111
1109
|
overflow: hidden;
|
|
1112
1110
|
}
|
|
1113
1111
|
@media (min-width: 768px) {
|
|
1114
|
-
.mint-card > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image
|
|
1112
|
+
.mint-card > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image {
|
|
1115
1113
|
width: 50%;
|
|
1116
1114
|
}
|
|
1117
1115
|
}
|
|
1116
|
+
.mint-card > .mint-image:only-child, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image:only-child {
|
|
1117
|
+
width: 100%;
|
|
1118
|
+
}
|
|
1118
1119
|
@media (min-width: 768px) {
|
|
1119
|
-
.mint-card > .mint-image + .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image + .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card > .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image + [data-amplify-router]
|
|
1120
|
+
.mint-card > .mint-image + .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image + .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card > .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image + [data-amplify-router] {
|
|
1120
1121
|
width: 50%;
|
|
1121
1122
|
}
|
|
1122
1123
|
}
|
|
@@ -1151,17 +1152,17 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1151
1152
|
.mint-card .mint-title:only-child, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title:only-child {
|
|
1152
1153
|
height: 100%;
|
|
1153
1154
|
}
|
|
1154
|
-
.mint-card .mint-title > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image
|
|
1155
|
+
.mint-card .mint-title > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image {
|
|
1155
1156
|
width: 100%;
|
|
1156
1157
|
height: 100%;
|
|
1157
1158
|
max-width: 4rem;
|
|
1158
1159
|
max-height: 4rem;
|
|
1159
1160
|
}
|
|
1160
|
-
.mint-card .mint-title > .mint-image.mint-large, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image.mint-large
|
|
1161
|
+
.mint-card .mint-title > .mint-image.mint-large, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image.mint-large {
|
|
1161
1162
|
max-width: 8rem;
|
|
1162
1163
|
max-height: 8rem;
|
|
1163
1164
|
}
|
|
1164
|
-
.mint-card .mint-title > .mint-image img, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image img
|
|
1165
|
+
.mint-card .mint-title > .mint-image img, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image img {
|
|
1165
1166
|
display: block;
|
|
1166
1167
|
width: 100%;
|
|
1167
1168
|
height: 100%;
|
|
@@ -1245,42 +1246,29 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1245
1246
|
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] {
|
|
1246
1247
|
flex-direction: column !important;
|
|
1247
1248
|
}
|
|
1248
|
-
.mint-grid.mint-3 .mint-card > .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image,
|
|
1249
|
+
.mint-grid.mint-3 .mint-card > .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image,
|
|
1249
1250
|
.mint-grid.mint-4 .mint-card > .mint-image,
|
|
1250
1251
|
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > .mint-image,
|
|
1251
|
-
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image
|
|
1252
|
-
.mint-grid.mint-4 .mint-card > mint-widget-image .mint-image,
|
|
1253
|
-
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image,
|
|
1254
|
-
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-widget-image .mint-image {
|
|
1252
|
+
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image {
|
|
1255
1253
|
overflow: hidden;
|
|
1256
1254
|
}
|
|
1257
1255
|
@media (min-width: 768px) {
|
|
1258
|
-
.mint-grid.mint-3 .mint-card > .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image,
|
|
1256
|
+
.mint-grid.mint-3 .mint-card > .mint-image, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image,
|
|
1259
1257
|
.mint-grid.mint-4 .mint-card > .mint-image,
|
|
1260
1258
|
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > .mint-image,
|
|
1261
|
-
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image
|
|
1262
|
-
.mint-grid.mint-4 .mint-card > mint-widget-image .mint-image,
|
|
1263
|
-
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image,
|
|
1264
|
-
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-widget-image .mint-image {
|
|
1259
|
+
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image {
|
|
1265
1260
|
width: 100%;
|
|
1266
1261
|
}
|
|
1267
1262
|
}
|
|
1268
1263
|
@media (min-width: 768px) {
|
|
1269
|
-
.mint-grid.mint-3 .mint-card > .mint-image + .mint-content, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image + .mint-content, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image + .mint-content, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] .mint-card > .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-3 .mint-card > .mint-image + [data-amplify-router], :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image + [data-amplify-router],
|
|
1264
|
+
.mint-grid.mint-3 .mint-card > .mint-image + .mint-content, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image + .mint-content, :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image + .mint-content, :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] .mint-card > .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-3 .mint-card > .mint-image + [data-amplify-router], :root:root .mint-grid.mint-3 [data-amplify-authenticator] [data-amplify-container] > .mint-image + [data-amplify-router], :root:root [data-amplify-authenticator] .mint-grid.mint-3 [data-amplify-container] > .mint-image + [data-amplify-router],
|
|
1270
1265
|
.mint-grid.mint-4 .mint-card > .mint-image + .mint-content,
|
|
1271
1266
|
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > .mint-image + .mint-content,
|
|
1272
1267
|
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image + .mint-content,
|
|
1273
1268
|
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] .mint-card > .mint-image + [data-amplify-router],
|
|
1274
1269
|
:root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-4 .mint-card > .mint-image + [data-amplify-router],
|
|
1275
1270
|
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > .mint-image + [data-amplify-router],
|
|
1276
|
-
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image + [data-amplify-router]
|
|
1277
|
-
.mint-grid.mint-4 .mint-card > mint-widget-image .mint-image + .mint-content,
|
|
1278
|
-
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image + .mint-content,
|
|
1279
|
-
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-widget-image .mint-image + .mint-content,
|
|
1280
|
-
:root:root .mint-grid.mint-4 .mint-card > mint-widget-image [data-amplify-authenticator] [data-amplify-container] .mint-image + [data-amplify-router],
|
|
1281
|
-
:root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-4 .mint-card > mint-widget-image .mint-image + [data-amplify-router],
|
|
1282
|
-
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > mint-widget-image .mint-image + [data-amplify-router],
|
|
1283
|
-
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > mint-widget-image .mint-image + [data-amplify-router] {
|
|
1271
|
+
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image + [data-amplify-router] {
|
|
1284
1272
|
width: 100%;
|
|
1285
1273
|
}
|
|
1286
1274
|
}
|