@appartmint/mint 4.0.0 → 4.0.2
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 +110 -0
- 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 +13 -0
- package/src/scss/imports/components/widget/_card.scss +4 -0
- package/src/scss/imports/global/_structure.scss +7 -0
package/dist/css/mint.css
CHANGED
|
@@ -1290,6 +1290,27 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1290
1290
|
}
|
|
1291
1291
|
}
|
|
1292
1292
|
|
|
1293
|
+
.mint-link {
|
|
1294
|
+
border: none;
|
|
1295
|
+
background: none;
|
|
1296
|
+
text-decoration: underline;
|
|
1297
|
+
color: var(--mint-brand-4);
|
|
1298
|
+
transition: color 0.3s ease;
|
|
1299
|
+
cursor: pointer;
|
|
1300
|
+
}
|
|
1301
|
+
.mint-link:hover {
|
|
1302
|
+
color: var(--mint-accent-2);
|
|
1303
|
+
}
|
|
1304
|
+
.mint-link:focus-visible {
|
|
1305
|
+
color: var(--mint-accent-2);
|
|
1306
|
+
}
|
|
1307
|
+
.mint-link:active {
|
|
1308
|
+
color: var(--mint-accent-2);
|
|
1309
|
+
}
|
|
1310
|
+
.mint-link.mint-active {
|
|
1311
|
+
color: var(--mint-accent-2);
|
|
1312
|
+
}
|
|
1313
|
+
|
|
1293
1314
|
.mint-card, :root:root [data-amplify-authenticator] [data-amplify-container] {
|
|
1294
1315
|
display: flex;
|
|
1295
1316
|
flex-direction: column;
|
|
@@ -1309,6 +1330,11 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1309
1330
|
flex-direction: row-reverse;
|
|
1310
1331
|
}
|
|
1311
1332
|
}
|
|
1333
|
+
@media (min-width: 1024px) {
|
|
1334
|
+
.mint-card, :root:root [data-amplify-authenticator] [data-amplify-container] {
|
|
1335
|
+
align-items: flex-start;
|
|
1336
|
+
}
|
|
1337
|
+
}
|
|
1312
1338
|
.mint-card:has(.mint-carousel), :root:root [data-amplify-authenticator] [data-amplify-container]:has(.mint-carousel) {
|
|
1313
1339
|
box-shadow: none;
|
|
1314
1340
|
}
|
|
@@ -3362,6 +3388,90 @@ textarea {
|
|
|
3362
3388
|
min-height: calc(100dvh - var(--mint-header-height));
|
|
3363
3389
|
}
|
|
3364
3390
|
|
|
3391
|
+
.mint-display-block {
|
|
3392
|
+
display: block;
|
|
3393
|
+
}
|
|
3394
|
+
.mint-display-block-xs {
|
|
3395
|
+
display: none;
|
|
3396
|
+
}
|
|
3397
|
+
@media (min-width: 480px) {
|
|
3398
|
+
.mint-display-block-xs {
|
|
3399
|
+
display: block;
|
|
3400
|
+
}
|
|
3401
|
+
}
|
|
3402
|
+
.mint-display-block-to-xs {
|
|
3403
|
+
display: block;
|
|
3404
|
+
}
|
|
3405
|
+
@media (min-width: 480px) {
|
|
3406
|
+
.mint-display-block-to-xs {
|
|
3407
|
+
display: none;
|
|
3408
|
+
}
|
|
3409
|
+
}
|
|
3410
|
+
.mint-display-block-sm {
|
|
3411
|
+
display: none;
|
|
3412
|
+
}
|
|
3413
|
+
@media (min-width: 768px) {
|
|
3414
|
+
.mint-display-block-sm {
|
|
3415
|
+
display: block;
|
|
3416
|
+
}
|
|
3417
|
+
}
|
|
3418
|
+
.mint-display-block-to-sm {
|
|
3419
|
+
display: block;
|
|
3420
|
+
}
|
|
3421
|
+
@media (min-width: 768px) {
|
|
3422
|
+
.mint-display-block-to-sm {
|
|
3423
|
+
display: none;
|
|
3424
|
+
}
|
|
3425
|
+
}
|
|
3426
|
+
.mint-display-block-md {
|
|
3427
|
+
display: none;
|
|
3428
|
+
}
|
|
3429
|
+
@media (min-width: 1024px) {
|
|
3430
|
+
.mint-display-block-md {
|
|
3431
|
+
display: block;
|
|
3432
|
+
}
|
|
3433
|
+
}
|
|
3434
|
+
.mint-display-block-to-md {
|
|
3435
|
+
display: block;
|
|
3436
|
+
}
|
|
3437
|
+
@media (min-width: 1024px) {
|
|
3438
|
+
.mint-display-block-to-md {
|
|
3439
|
+
display: none;
|
|
3440
|
+
}
|
|
3441
|
+
}
|
|
3442
|
+
.mint-display-block-lg {
|
|
3443
|
+
display: none;
|
|
3444
|
+
}
|
|
3445
|
+
@media (min-width: 1200px) {
|
|
3446
|
+
.mint-display-block-lg {
|
|
3447
|
+
display: block;
|
|
3448
|
+
}
|
|
3449
|
+
}
|
|
3450
|
+
.mint-display-block-to-lg {
|
|
3451
|
+
display: block;
|
|
3452
|
+
}
|
|
3453
|
+
@media (min-width: 1200px) {
|
|
3454
|
+
.mint-display-block-to-lg {
|
|
3455
|
+
display: none;
|
|
3456
|
+
}
|
|
3457
|
+
}
|
|
3458
|
+
.mint-display-block-xl {
|
|
3459
|
+
display: none;
|
|
3460
|
+
}
|
|
3461
|
+
@media (min-width: 1440px) {
|
|
3462
|
+
.mint-display-block-xl {
|
|
3463
|
+
display: block;
|
|
3464
|
+
}
|
|
3465
|
+
}
|
|
3466
|
+
.mint-display-block-to-xl {
|
|
3467
|
+
display: block;
|
|
3468
|
+
}
|
|
3469
|
+
@media (min-width: 1440px) {
|
|
3470
|
+
.mint-display-block-to-xl {
|
|
3471
|
+
display: none;
|
|
3472
|
+
}
|
|
3473
|
+
}
|
|
3474
|
+
|
|
3365
3475
|
html, body {
|
|
3366
3476
|
font-family: sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
3367
3477
|
font-size: 1rem;
|