@appartmint/mint 2.8.2 → 2.9.1
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 +73 -60
- 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/widget/_button.scss +32 -0
- package/src/scss/imports/components/widget/_card.scss +12 -17
- package/src/scss/imports/global/_global.scss +0 -29
- package/src/scss/imports/util/_util.scss +0 -11
package/dist/css/mint.css
CHANGED
|
@@ -691,6 +691,58 @@ body.mint-fixed #mint-header {
|
|
|
691
691
|
}
|
|
692
692
|
}
|
|
693
693
|
|
|
694
|
+
button,
|
|
695
|
+
a[routerLink] {
|
|
696
|
+
cursor: pointer;
|
|
697
|
+
}
|
|
698
|
+
|
|
699
|
+
a,
|
|
700
|
+
button,
|
|
701
|
+
.mint-btn,
|
|
702
|
+
:root:root [amplify-button],
|
|
703
|
+
.mint-select,
|
|
704
|
+
.mint-btn-icon,
|
|
705
|
+
.mint-pill {
|
|
706
|
+
font-size: inherit;
|
|
707
|
+
}
|
|
708
|
+
a[disabled],
|
|
709
|
+
button[disabled],
|
|
710
|
+
.mint-btn[disabled],
|
|
711
|
+
:root:root [disabled][amplify-button],
|
|
712
|
+
[disabled].mint-select,
|
|
713
|
+
.mint-btn-icon[disabled],
|
|
714
|
+
.mint-pill[disabled] {
|
|
715
|
+
filter: grayscale(1) brightness(0.75) !important;
|
|
716
|
+
pointer-events: none !important;
|
|
717
|
+
}
|
|
718
|
+
a[disabled].mint-fall-in:not(.mint-show),
|
|
719
|
+
button[disabled].mint-fall-in:not(.mint-show),
|
|
720
|
+
.mint-btn[disabled].mint-fall-in:not(.mint-show),
|
|
721
|
+
:root:root [disabled].mint-fall-in[amplify-button]:not(.mint-show),
|
|
722
|
+
[disabled].mint-fall-in.mint-select:not(.mint-show),
|
|
723
|
+
.mint-btn-icon[disabled].mint-fall-in:not(.mint-show),
|
|
724
|
+
.mint-pill[disabled].mint-fall-in:not(.mint-show) {
|
|
725
|
+
filter: grayscale(1) brightness(0.75) opacity(0%) !important;
|
|
726
|
+
}
|
|
727
|
+
a i:first-child,
|
|
728
|
+
button i:first-child,
|
|
729
|
+
.mint-btn i:first-child,
|
|
730
|
+
:root:root [amplify-button] i:first-child,
|
|
731
|
+
.mint-select i:first-child,
|
|
732
|
+
.mint-btn-icon i:first-child,
|
|
733
|
+
.mint-pill i:first-child {
|
|
734
|
+
margin-right: 0.5em;
|
|
735
|
+
}
|
|
736
|
+
a i:last-child,
|
|
737
|
+
button i:last-child,
|
|
738
|
+
.mint-btn i:last-child,
|
|
739
|
+
:root:root [amplify-button] i:last-child,
|
|
740
|
+
.mint-select i:last-child,
|
|
741
|
+
.mint-btn-icon i:last-child,
|
|
742
|
+
.mint-pill i:last-child {
|
|
743
|
+
margin-left: 0.5em;
|
|
744
|
+
}
|
|
745
|
+
|
|
694
746
|
.mint-btn, :root:root [amplify-button], .mint-select,
|
|
695
747
|
.mint-btn-group,
|
|
696
748
|
.mint-btn-icon,
|
|
@@ -1019,6 +1071,7 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1019
1071
|
.mint-card, :root:root [data-amplify-authenticator] [data-amplify-container] {
|
|
1020
1072
|
display: flex;
|
|
1021
1073
|
flex-direction: column;
|
|
1074
|
+
position: relative;
|
|
1022
1075
|
height: 100%;
|
|
1023
1076
|
max-width: 100%;
|
|
1024
1077
|
margin: 0;
|
|
@@ -1034,10 +1087,10 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1034
1087
|
flex-direction: row-reverse;
|
|
1035
1088
|
}
|
|
1036
1089
|
}
|
|
1037
|
-
.mint-card:has(mint-
|
|
1090
|
+
.mint-card:has(.mint-carousel), :root:root [data-amplify-authenticator] [data-amplify-container]:has(.mint-carousel) {
|
|
1038
1091
|
box-shadow: none;
|
|
1039
1092
|
}
|
|
1040
|
-
.mint-card:has(mint-
|
|
1093
|
+
.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
1094
|
box-shadow: 0 0 2rem -0.5rem var(--mint-glow-2);
|
|
1042
1095
|
}
|
|
1043
1096
|
.mint-card.mint-center .mint-title, :root:root [data-amplify-authenticator] .mint-center[data-amplify-container] .mint-title {
|
|
@@ -1077,13 +1130,13 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1077
1130
|
box-shadow: none;
|
|
1078
1131
|
overflow: visible;
|
|
1079
1132
|
}
|
|
1080
|
-
.mint-card.mint-stagger > .mint-image, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-image
|
|
1133
|
+
.mint-card.mint-stagger > .mint-image, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-image {
|
|
1081
1134
|
width: calc(50% + 1.5rem);
|
|
1082
1135
|
height: fit-content;
|
|
1083
1136
|
margin-right: -3rem;
|
|
1084
1137
|
border-radius: 1rem;
|
|
1085
1138
|
}
|
|
1086
|
-
.mint-card.mint-stagger > .mint-image img, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-image img
|
|
1139
|
+
.mint-card.mint-stagger > .mint-image img, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-image img {
|
|
1087
1140
|
height: 100%;
|
|
1088
1141
|
object-fit: cover;
|
|
1089
1142
|
}
|
|
@@ -1099,24 +1152,24 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1099
1152
|
.mint-card.mint-stagger.mint-reverse, :root:root [data-amplify-authenticator] .mint-stagger.mint-reverse[data-amplify-container] {
|
|
1100
1153
|
flex-direction: row-reverse;
|
|
1101
1154
|
}
|
|
1102
|
-
.mint-card.mint-stagger.mint-reverse > .mint-image, :root:root [data-amplify-authenticator] .mint-stagger.mint-reverse[data-amplify-container] > .mint-image
|
|
1155
|
+
.mint-card.mint-stagger.mint-reverse > .mint-image, :root:root [data-amplify-authenticator] .mint-stagger.mint-reverse[data-amplify-container] > .mint-image {
|
|
1103
1156
|
margin-right: 0;
|
|
1104
1157
|
margin-left: -3rem;
|
|
1105
1158
|
}
|
|
1106
1159
|
}
|
|
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 {
|
|
1160
|
+
.mint-card > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image {
|
|
1111
1161
|
overflow: hidden;
|
|
1112
1162
|
}
|
|
1113
1163
|
@media (min-width: 768px) {
|
|
1114
|
-
.mint-card > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image
|
|
1164
|
+
.mint-card > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image {
|
|
1115
1165
|
width: 50%;
|
|
1116
1166
|
}
|
|
1117
1167
|
}
|
|
1168
|
+
.mint-card > .mint-image:only-child, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image:only-child {
|
|
1169
|
+
width: 100%;
|
|
1170
|
+
}
|
|
1118
1171
|
@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]
|
|
1172
|
+
.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
1173
|
width: 50%;
|
|
1121
1174
|
}
|
|
1122
1175
|
}
|
|
@@ -1151,17 +1204,17 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1151
1204
|
.mint-card .mint-title:only-child, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title:only-child {
|
|
1152
1205
|
height: 100%;
|
|
1153
1206
|
}
|
|
1154
|
-
.mint-card .mint-title > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image
|
|
1207
|
+
.mint-card .mint-title > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image {
|
|
1155
1208
|
width: 100%;
|
|
1156
1209
|
height: 100%;
|
|
1157
1210
|
max-width: 4rem;
|
|
1158
1211
|
max-height: 4rem;
|
|
1159
1212
|
}
|
|
1160
|
-
.mint-card .mint-title > .mint-image.mint-large, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image.mint-large
|
|
1213
|
+
.mint-card .mint-title > .mint-image.mint-large, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image.mint-large {
|
|
1161
1214
|
max-width: 8rem;
|
|
1162
1215
|
max-height: 8rem;
|
|
1163
1216
|
}
|
|
1164
|
-
.mint-card .mint-title > .mint-image img, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image img
|
|
1217
|
+
.mint-card .mint-title > .mint-image img, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image img {
|
|
1165
1218
|
display: block;
|
|
1166
1219
|
width: 100%;
|
|
1167
1220
|
height: 100%;
|
|
@@ -1245,42 +1298,29 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1245
1298
|
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] {
|
|
1246
1299
|
flex-direction: column !important;
|
|
1247
1300
|
}
|
|
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,
|
|
1301
|
+
.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
1302
|
.mint-grid.mint-4 .mint-card > .mint-image,
|
|
1250
1303
|
: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 {
|
|
1304
|
+
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image {
|
|
1255
1305
|
overflow: hidden;
|
|
1256
1306
|
}
|
|
1257
1307
|
@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,
|
|
1308
|
+
.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
1309
|
.mint-grid.mint-4 .mint-card > .mint-image,
|
|
1260
1310
|
: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 {
|
|
1311
|
+
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image {
|
|
1265
1312
|
width: 100%;
|
|
1266
1313
|
}
|
|
1267
1314
|
}
|
|
1268
1315
|
@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],
|
|
1316
|
+
.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
1317
|
.mint-grid.mint-4 .mint-card > .mint-image + .mint-content,
|
|
1271
1318
|
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] > .mint-image + .mint-content,
|
|
1272
1319
|
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image + .mint-content,
|
|
1273
1320
|
:root:root .mint-grid.mint-4 [data-amplify-authenticator] [data-amplify-container] .mint-card > .mint-image + [data-amplify-router],
|
|
1274
1321
|
:root:root [data-amplify-authenticator] [data-amplify-container] .mint-grid.mint-4 .mint-card > .mint-image + [data-amplify-router],
|
|
1275
1322
|
: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] {
|
|
1323
|
+
:root:root [data-amplify-authenticator] .mint-grid.mint-4 [data-amplify-container] > .mint-image + [data-amplify-router] {
|
|
1284
1324
|
width: 100%;
|
|
1285
1325
|
}
|
|
1286
1326
|
}
|
|
@@ -1698,33 +1738,6 @@ nav ul > li > ul {
|
|
|
1698
1738
|
}
|
|
1699
1739
|
}
|
|
1700
1740
|
|
|
1701
|
-
button,
|
|
1702
|
-
a[routerLink] {
|
|
1703
|
-
cursor: pointer;
|
|
1704
|
-
}
|
|
1705
|
-
|
|
1706
|
-
a,
|
|
1707
|
-
button {
|
|
1708
|
-
font-size: inherit;
|
|
1709
|
-
}
|
|
1710
|
-
a[disabled],
|
|
1711
|
-
button[disabled] {
|
|
1712
|
-
filter: grayscale(1) brightness(0.75) !important;
|
|
1713
|
-
pointer-events: none !important;
|
|
1714
|
-
}
|
|
1715
|
-
a[disabled].mint-fall-in:not(.mint-show),
|
|
1716
|
-
button[disabled].mint-fall-in:not(.mint-show) {
|
|
1717
|
-
filter: grayscale(1) brightness(0.75) opacity(0%) !important;
|
|
1718
|
-
}
|
|
1719
|
-
a i:first-child,
|
|
1720
|
-
button i:first-child {
|
|
1721
|
-
margin-right: 0.5em;
|
|
1722
|
-
}
|
|
1723
|
-
a i:last-child,
|
|
1724
|
-
button i:last-child {
|
|
1725
|
-
margin-left: 0.5em;
|
|
1726
|
-
}
|
|
1727
|
-
|
|
1728
1741
|
img,
|
|
1729
1742
|
video {
|
|
1730
1743
|
width: 100%;
|