@appartmint/mint 2.10.16 → 2.10.19
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 +61 -23
- 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/form/_edit-info.scss +28 -0
- package/src/scss/imports/components/form/_index.scss +1 -0
- package/src/scss/imports/components/form/input/_label.scss +21 -0
- package/src/scss/imports/components/widget/_accordion.scss +20 -0
- package/src/scss/imports/components/widget/_button.scss +2 -2
- package/src/scss/imports/components/widget/_card.scss +24 -24
- package/src/scss/imports/components/widget/_image.scss +1 -1
- package/src/scss/imports/components/widget/_index.scss +2 -1
- package/src/scss/imports/components/widget/_panel.scss +1 -1
- package/src/scss/imports/components/widget/_table.scss +2 -2
- package/src/scss/imports/components/widget/_tooltip.scss +1 -1
- package/src/scss/imports/global/_texture.scss +1 -1
- package/src/scss/imports/global/_themes.scss +14 -0
- package/src/scss/imports/util/_vars.scss +1 -1
package/dist/css/mint.css
CHANGED
|
@@ -2,6 +2,30 @@
|
|
|
2
2
|
!*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/mint.scss ***!
|
|
3
3
|
\*************************************************************************************************************/
|
|
4
4
|
@charset "UTF-8";
|
|
5
|
+
.mint-edit-info:not(.mint-editing) input {
|
|
6
|
+
background: transparent;
|
|
7
|
+
border: none;
|
|
8
|
+
color: var(--mint-fore);
|
|
9
|
+
}
|
|
10
|
+
.mint-edit-info-toggle {
|
|
11
|
+
display: flex;
|
|
12
|
+
align-items: center;
|
|
13
|
+
justify-content: flex-end;
|
|
14
|
+
gap: 0.5rem;
|
|
15
|
+
margin-bottom: 1rem;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.mint-label {
|
|
19
|
+
display: flex;
|
|
20
|
+
flex-direction: column;
|
|
21
|
+
gap: 0.5rem;
|
|
22
|
+
}
|
|
23
|
+
.mint-label span {
|
|
24
|
+
display: flex;
|
|
25
|
+
align-items: center;
|
|
26
|
+
gap: 0.5rem;
|
|
27
|
+
}
|
|
28
|
+
|
|
5
29
|
.mint-bg {
|
|
6
30
|
display: block;
|
|
7
31
|
opacity: 0;
|
|
@@ -869,6 +893,14 @@ body.mint-fixed #mint-header {
|
|
|
869
893
|
}
|
|
870
894
|
}
|
|
871
895
|
|
|
896
|
+
.mint-accordion .mint-item {
|
|
897
|
+
cursor: pointer;
|
|
898
|
+
}
|
|
899
|
+
.mint-accordion .mint-item .mint-wrapper {
|
|
900
|
+
transition: height 0.3s ease;
|
|
901
|
+
overflow: hidden;
|
|
902
|
+
}
|
|
903
|
+
|
|
872
904
|
button,
|
|
873
905
|
a[routerLink] {
|
|
874
906
|
cursor: pointer;
|
|
@@ -1265,8 +1297,8 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1265
1297
|
height: 100%;
|
|
1266
1298
|
max-width: 100%;
|
|
1267
1299
|
margin: 0;
|
|
1268
|
-
border-radius:
|
|
1269
|
-
box-shadow:
|
|
1300
|
+
border-radius: var(--mint-card-radius);
|
|
1301
|
+
box-shadow: var(--mint-card-shadow-size) var(--mint-card-shadow-color);
|
|
1270
1302
|
overflow: hidden;
|
|
1271
1303
|
}
|
|
1272
1304
|
@media (min-width: 768px) {
|
|
@@ -1281,7 +1313,7 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1281
1313
|
box-shadow: none;
|
|
1282
1314
|
}
|
|
1283
1315
|
.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] {
|
|
1284
|
-
box-shadow:
|
|
1316
|
+
box-shadow: var(--mint-card-shadow-size) var(--mint-card-shadow-color);
|
|
1285
1317
|
}
|
|
1286
1318
|
.mint-card.mint-center .mint-title, :root:root [data-amplify-authenticator] .mint-center[data-amplify-container] .mint-title {
|
|
1287
1319
|
justify-content: center;
|
|
@@ -1321,21 +1353,21 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1321
1353
|
overflow: visible;
|
|
1322
1354
|
}
|
|
1323
1355
|
.mint-card.mint-stagger > .mint-image, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-image {
|
|
1324
|
-
width: calc(50% +
|
|
1356
|
+
width: calc(50% + var(--mint-card-padding));
|
|
1325
1357
|
height: fit-content;
|
|
1326
|
-
margin-right: -
|
|
1327
|
-
border-radius:
|
|
1358
|
+
margin-right: calc(var(--mint-card-padding) * -2);
|
|
1359
|
+
border-radius: var(--mint-card-radius);
|
|
1328
1360
|
}
|
|
1329
1361
|
.mint-card.mint-stagger > .mint-image img, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-image img {
|
|
1330
1362
|
height: 100%;
|
|
1331
1363
|
object-fit: cover;
|
|
1332
1364
|
}
|
|
1333
1365
|
.mint-card.mint-stagger > .mint-content, :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > .mint-content, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card.mint-stagger > [data-amplify-router], :root:root [data-amplify-authenticator] .mint-stagger[data-amplify-container] > [data-amplify-router] {
|
|
1334
|
-
width: calc(50% + 1.5rem);
|
|
1335
1366
|
height: fit-content;
|
|
1336
|
-
|
|
1337
|
-
|
|
1338
|
-
|
|
1367
|
+
width: calc(50% + var(--mint-card-padding));
|
|
1368
|
+
margin-top: calc(2 * var(--mint-card-padding));
|
|
1369
|
+
border-radius: var(--mint-card-radius);
|
|
1370
|
+
box-shadow: var(--mint-card-shadow-size) var(--mint-card-shadow-color);
|
|
1339
1371
|
}
|
|
1340
1372
|
}
|
|
1341
1373
|
@media (min-width: 768px) {
|
|
@@ -1344,7 +1376,7 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1344
1376
|
}
|
|
1345
1377
|
.mint-card.mint-stagger.mint-reverse > .mint-image, :root:root [data-amplify-authenticator] .mint-stagger.mint-reverse[data-amplify-container] > .mint-image {
|
|
1346
1378
|
margin-right: 0;
|
|
1347
|
-
margin-left: -
|
|
1379
|
+
margin-left: calc(var(--mint-card-padding) * -2);
|
|
1348
1380
|
}
|
|
1349
1381
|
}
|
|
1350
1382
|
.mint-card > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] > .mint-image {
|
|
@@ -1368,8 +1400,8 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1368
1400
|
flex-direction: column;
|
|
1369
1401
|
gap: 1rem;
|
|
1370
1402
|
position: relative;
|
|
1371
|
-
padding:
|
|
1372
|
-
background: var(--mint-back);
|
|
1403
|
+
padding: var(--mint-card-padding);
|
|
1404
|
+
background: var(--mint-card-back);
|
|
1373
1405
|
width: 100%;
|
|
1374
1406
|
overflow: hidden;
|
|
1375
1407
|
}
|
|
@@ -1382,7 +1414,7 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1382
1414
|
flex-direction: column;
|
|
1383
1415
|
align-items: center;
|
|
1384
1416
|
height: fit-content;
|
|
1385
|
-
gap:
|
|
1417
|
+
gap: var(--mint-card-padding);
|
|
1386
1418
|
text-align: center;
|
|
1387
1419
|
}
|
|
1388
1420
|
@media (min-width: 480px) {
|
|
@@ -1397,12 +1429,12 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1397
1429
|
.mint-card .mint-title > .mint-image, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image {
|
|
1398
1430
|
width: 100%;
|
|
1399
1431
|
height: 100%;
|
|
1400
|
-
max-width:
|
|
1401
|
-
max-height:
|
|
1432
|
+
max-width: var(--mint-card-logo-size);
|
|
1433
|
+
max-height: var(--mint-card-logo-size);
|
|
1402
1434
|
}
|
|
1403
1435
|
.mint-card .mint-title > .mint-image.mint-large, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image.mint-large {
|
|
1404
|
-
max-width:
|
|
1405
|
-
max-height:
|
|
1436
|
+
max-width: calc(2 * var(--mint-card-logo-size));
|
|
1437
|
+
max-height: calc(2 * var(--mint-card-logo-size));
|
|
1406
1438
|
}
|
|
1407
1439
|
.mint-card .mint-title > .mint-image img, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > .mint-image img {
|
|
1408
1440
|
display: block;
|
|
@@ -1414,10 +1446,10 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1414
1446
|
display: flex;
|
|
1415
1447
|
align-items: center;
|
|
1416
1448
|
justify-content: center;
|
|
1417
|
-
min-width:
|
|
1418
|
-
max-width:
|
|
1449
|
+
min-width: var(--mint-card-logo-size);
|
|
1450
|
+
max-width: var(--mint-card-logo-size);
|
|
1419
1451
|
margin: 0;
|
|
1420
|
-
font-size:
|
|
1452
|
+
font-size: calc(var(--mint-card-logo-size) - 1rem);
|
|
1421
1453
|
}
|
|
1422
1454
|
.mint-card .mint-title > div, :root:root [data-amplify-authenticator] [data-amplify-container] .mint-title > div {
|
|
1423
1455
|
width: 100%;
|
|
@@ -1435,7 +1467,7 @@ p .mint-pill, p .mint-btn, :root:root p [amplify-button], p .mint-select {
|
|
|
1435
1467
|
}
|
|
1436
1468
|
.mint-card-grid {
|
|
1437
1469
|
position: relative;
|
|
1438
|
-
background: var(--mint-back);
|
|
1470
|
+
background: var(--mint-card-back);
|
|
1439
1471
|
}
|
|
1440
1472
|
.mint-card-grid:has(.mint-image) .mint-content, :root:root .mint-card-grid:has(.mint-image) [data-amplify-authenticator] [data-amplify-container] [data-amplify-router], :root:root [data-amplify-authenticator] [data-amplify-container] .mint-card-grid:has(.mint-image) [data-amplify-router] {
|
|
1441
1473
|
margin-top: 25%;
|
|
@@ -3545,7 +3577,7 @@ p, .mint-p {
|
|
|
3545
3577
|
|
|
3546
3578
|
.mint-frame {
|
|
3547
3579
|
height: fit-content;
|
|
3548
|
-
background-color: var(--mint-back);
|
|
3580
|
+
background-color: var(--mint-card-back);
|
|
3549
3581
|
}
|
|
3550
3582
|
|
|
3551
3583
|
.mint-card-grid .mint-image {
|
|
@@ -3662,6 +3694,12 @@ p, .mint-p {
|
|
|
3662
3694
|
--mint-info-6: rgb(100, 123.1884057971, 26.8115942029);
|
|
3663
3695
|
--mint-spacing: 0.25rem;
|
|
3664
3696
|
--mint-flex-gap: calc(var(--mint-spacing) * 2);
|
|
3697
|
+
--mint-card-padding: 1.5rem;
|
|
3698
|
+
--mint-card-radius: 1rem;
|
|
3699
|
+
--mint-card-shadow-color: glow-2;
|
|
3700
|
+
--mint-card-shadow-size: 0 0 2rem -0.5rem;
|
|
3701
|
+
--mint-card-logo-size: 4rem;
|
|
3702
|
+
--mint-card-back: var(--mint-back);
|
|
3665
3703
|
--mint-tooltip-fore: var(--mint-fore);
|
|
3666
3704
|
--mint-tooltip-back: var(--mint-black-2);
|
|
3667
3705
|
--mint-tooltip-radius: 1rem;
|