@vixcom/ui 1.5.0 → 1.6.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/colors.css +6 -6
- package/dist/css/helper/index.css +6 -0
- package/dist/css/helper/index.css.map +1 -0
- package/dist/css/helper/primefaces.css +28 -16
- package/dist/css/helper/primefaces.css.map +1 -1
- package/dist/css/main.css +53 -31
- package/dist/css/main.css.map +1 -1
- package/dist/css/menu.css +40 -19
- package/dist/css/menu.css.map +1 -1
- package/dist/css/variables.css +2 -2
- package/package.json +1 -1
- package/src/css/colors.css +782 -3730
- package/src/css/colors.css.map +1 -1
- package/src/css/fonts.css +96 -18
- package/src/css/fonts.css.map +1 -1
- package/src/css/helper/googlemaps.css.map +1 -0
- package/src/css/helper/index.css +6 -0
- package/src/css/helper/index.css.map +1 -0
- package/src/css/helper/primefaces.css +65 -30
- package/src/css/helper/primefaces.css.map +1 -1
- package/src/css/index.css.map +1 -1
- package/src/css/main.css +100 -120
- package/src/css/main.css.map +1 -1
- package/src/css/menu.css +40 -20
- package/src/css/menu.css.map +1 -1
- package/src/css/sizes.css +0 -47
- package/src/css/sizes.css.map +1 -1
- package/src/css/variables.css +4 -4
- package/src/index.html +2 -10
- package/src/pages/menu/index.html +11 -6
- package/src/styles/_mixins.scss +1 -1
- package/src/styles/helper/index.scss +6 -0
- package/src/styles/helper/primefaces.scss +30 -13
- package/src/styles/main.scss +17 -15
- package/src/styles/menu.scss +45 -14
package/dist/css/colors.css
CHANGED
|
@@ -1043,7 +1043,7 @@ a.bg-outline-silver.active, a.bg-outline-silver:active, button.bg-outline-silver
|
|
|
1043
1043
|
}
|
|
1044
1044
|
|
|
1045
1045
|
.text-gold {
|
|
1046
|
-
color: var(--gold, #
|
|
1046
|
+
color: var(--gold, #ffd700);
|
|
1047
1047
|
}
|
|
1048
1048
|
|
|
1049
1049
|
a.text-gold:hover, button.text-gold:hover, .link.text-gold:hover {
|
|
@@ -1055,7 +1055,7 @@ a.text-gold:active, button.text-gold:active, .link.text-gold:active {
|
|
|
1055
1055
|
|
|
1056
1056
|
.text-neon-gold {
|
|
1057
1057
|
/* color: var(--white); */
|
|
1058
|
-
text-shadow: 0 0 20px var(--gold, #
|
|
1058
|
+
text-shadow: 0 0 20px var(--gold, #ffd700), 0 0 10px var(--white);
|
|
1059
1059
|
}
|
|
1060
1060
|
|
|
1061
1061
|
.bg-gold {
|
|
@@ -1080,17 +1080,17 @@ a.bg-gold:active, button.bg-gold:active, .link.bg-gold:active {
|
|
|
1080
1080
|
}
|
|
1081
1081
|
|
|
1082
1082
|
.bg-g-gold {
|
|
1083
|
-
background-image: linear-gradient(var(--gold, #
|
|
1083
|
+
background-image: linear-gradient(var(--gold, #ffd700), hsla(var(--gold-hs), calc(var(--gold-l) - 20%), var(--gold-a)));
|
|
1084
1084
|
color: var(--gold-c, #ffffff);
|
|
1085
1085
|
border: none;
|
|
1086
1086
|
}
|
|
1087
1087
|
|
|
1088
1088
|
a.bg-g-gold:hover, button.bg-g-gold:hover, .link.bg-g-gold:hover {
|
|
1089
|
-
background-image: linear-gradient(hsla(var(--gold-hs), calc(var(--gold-l) + 20%), var(--gold-a)), var(--gold, #
|
|
1089
|
+
background-image: linear-gradient(hsla(var(--gold-hs), calc(var(--gold-l) + 20%), var(--gold-a)), var(--gold, #ffd700));
|
|
1090
1090
|
color: var(--gold-c, #ffffff);
|
|
1091
1091
|
}
|
|
1092
1092
|
a.bg-g-gold:active, button.bg-g-gold:active, .link.bg-g-gold:active {
|
|
1093
|
-
background-image: linear-gradient(hsla(var(--gold-hs), calc(var(--gold-l) - 20%), var(--gold-a)), var(--gold, #
|
|
1093
|
+
background-image: linear-gradient(hsla(var(--gold-hs), calc(var(--gold-l) - 20%), var(--gold-a)), var(--gold, #ffd700));
|
|
1094
1094
|
}
|
|
1095
1095
|
|
|
1096
1096
|
.bg-outline-gold {
|
|
@@ -1154,7 +1154,7 @@ a.bg-outline-gold.active, a.bg-outline-gold:active, button.bg-outline-gold.activ
|
|
|
1154
1154
|
}
|
|
1155
1155
|
|
|
1156
1156
|
.border-gold {
|
|
1157
|
-
border-color: #
|
|
1157
|
+
border-color: #ffd700;
|
|
1158
1158
|
}
|
|
1159
1159
|
|
|
1160
1160
|
.text-info {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/styles/helper/index.scss"],"names":[],"mappings":"AAEE;AAAA;EACE","file":"index.css"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
|
+
.p-component,
|
|
1
2
|
.p-component [class*=p-]:not(.pi) {
|
|
2
3
|
font-size: inherit;
|
|
3
4
|
font-weight: inherit;
|
|
4
5
|
}
|
|
5
|
-
.p-component * {
|
|
6
|
-
font-family: inherit;
|
|
7
|
-
}
|
|
8
6
|
|
|
9
7
|
.p-steps .p-steps-item.p-highlight .p-steps-number {
|
|
10
8
|
background-color: var(--secondary);
|
|
@@ -106,6 +104,9 @@
|
|
|
106
104
|
font-size: 0.75rem;
|
|
107
105
|
}
|
|
108
106
|
|
|
107
|
+
.p-float-label {
|
|
108
|
+
display: flex;
|
|
109
|
+
}
|
|
109
110
|
.p-float-label .p-dropdown .p-placeholder {
|
|
110
111
|
opacity: 1;
|
|
111
112
|
}
|
|
@@ -142,15 +143,16 @@
|
|
|
142
143
|
margin-top: 0;
|
|
143
144
|
}
|
|
144
145
|
|
|
146
|
+
.p-dropdown-panel {
|
|
147
|
+
width: 1px;
|
|
148
|
+
}
|
|
149
|
+
|
|
145
150
|
.p-dropdown {
|
|
146
|
-
border-
|
|
151
|
+
border-radius: var(--border-radius);
|
|
147
152
|
}
|
|
148
153
|
.p-dropdown .p-dropdown-label {
|
|
149
154
|
display: flex;
|
|
150
155
|
}
|
|
151
|
-
.p-dropdown-item > img {
|
|
152
|
-
width: 100%;
|
|
153
|
-
}
|
|
154
156
|
|
|
155
157
|
*:not(.p-paginator) > .p-dropdown {
|
|
156
158
|
width: 100%;
|
|
@@ -218,36 +220,36 @@ p-chart canvas {
|
|
|
218
220
|
.p-carousel {
|
|
219
221
|
width: 100%;
|
|
220
222
|
}
|
|
221
|
-
.p-carousel
|
|
223
|
+
.p-carousel-container {
|
|
222
224
|
position: relative;
|
|
223
225
|
}
|
|
224
|
-
.p-carousel
|
|
225
|
-
.p-carousel
|
|
226
|
+
.p-carousel-container .p-carousel-prev,
|
|
227
|
+
.p-carousel-container .p-carousel-next {
|
|
226
228
|
position: absolute;
|
|
227
229
|
box-shadow: var(--card-shadow);
|
|
228
230
|
z-index: 1;
|
|
229
231
|
}
|
|
230
|
-
.p-carousel
|
|
232
|
+
.p-carousel-container .p-carousel-next {
|
|
231
233
|
right: 0;
|
|
232
234
|
}
|
|
233
|
-
.p-carousel
|
|
235
|
+
.p-carousel-items-content {
|
|
234
236
|
/* padding: 1rem; */
|
|
235
237
|
position: relative;
|
|
236
238
|
z-index: 0;
|
|
237
239
|
}
|
|
238
|
-
.p-carousel
|
|
240
|
+
.p-carousel-items-content .p-carousel-items-container {
|
|
239
241
|
gap: 0.5rem;
|
|
240
242
|
}
|
|
241
|
-
.p-carousel
|
|
243
|
+
.p-carousel-items-content .p-carousel-items-container .p-carousel-item {
|
|
242
244
|
display: flex;
|
|
243
245
|
justify-content: center;
|
|
244
246
|
/* padding: 0 0.5rem; */
|
|
245
247
|
/* border: thin solid transparent; */
|
|
246
248
|
}
|
|
247
|
-
.p-carousel
|
|
249
|
+
.p-carousel-items-content .p-carousel-items-container .p-carousel-item:hover {
|
|
248
250
|
border-color: var(--primary);
|
|
249
251
|
}
|
|
250
|
-
.p-carousel
|
|
252
|
+
.p-carousel-items-content .p-carousel-item-active:nth-of-type(2) {
|
|
251
253
|
/* padding: 0 0.125rem; */
|
|
252
254
|
}
|
|
253
255
|
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
|
|
@@ -263,6 +265,16 @@ p-chart canvas {
|
|
|
263
265
|
margin-left: none;
|
|
264
266
|
}
|
|
265
267
|
|
|
268
|
+
.p-datatable-thead {
|
|
269
|
+
text-transform: capitalize;
|
|
270
|
+
}
|
|
271
|
+
.p-datatable-thead > tr > th, .p-datatable-tbody > tr > td {
|
|
272
|
+
padding: 0.25rem 0.5rem;
|
|
273
|
+
}
|
|
274
|
+
.p-datatable-thead > tr > th .p-row-toggler, .p-datatable-tbody > tr > td .p-row-toggler {
|
|
275
|
+
min-width: unset;
|
|
276
|
+
}
|
|
277
|
+
|
|
266
278
|
@media (max-width: 576px) {
|
|
267
279
|
.p-dialog {
|
|
268
280
|
min-width: 95%;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/styles/helper/primefaces.scss"],"names":[],"mappings":"AAGE;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/styles/helper/primefaces.scss"],"names":[],"mappings":"AAGE;AAAA;EAGI;EACA;;;AAWF;EACE;;AAGF;EACE;EACA;;;AAMJ;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;;AAMR;AAAA;AAAA;EAGE;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGE;AAAA;EAEE;EACA;EACA;;;AAMR;EACE;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;;AAEA;AAAA;EACE;;AAEA;AAAA;EACE;;;AAKN;AAAA;EAEE;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;;;AAIJ;AACE;;AAEA;EACE;;AAGE;EACE;;AAIJ;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;;;AAOF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;;AAKF;EACE;;;AAcJ;EACE;;AAEA;EACE;;AAEA;AAAA;EAEE;EACA;EACA;;AAGF;EACE;;AAIJ;AACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;AACA;AACA;;AAEA;EACE;;AAKN;AACE;;AAMF;EACE;EACA;EACA;;;AAMJ;EACE;;AAGF;EACE;;;AAKF;EACE;;AAGF;EAEE;;AAEA;EACE;;;AAKN;EACE;IACE;;EAEA;AACE;AACA;;EAIJ;IACE;IACA;IACA;;;AAKF;EACE;EACA;;;AAKF;EACE;EACA;;;AAIJ;EACE;;AAEA;EACE;EACA;;;AAIJ;EACE;;AAEA;EACE;;;AAIJ;EACE","file":"primefaces.css"}
|
package/dist/css/main.css
CHANGED
|
@@ -6,7 +6,6 @@ script {
|
|
|
6
6
|
* {
|
|
7
7
|
scrollbar-color: hsl(var(--muted-hs), calc(var(--muted-l) + 40%)) transparent;
|
|
8
8
|
scrollbar-width: thin;
|
|
9
|
-
cursor: default;
|
|
10
9
|
word-break: break-word;
|
|
11
10
|
}
|
|
12
11
|
|
|
@@ -33,11 +32,7 @@ script {
|
|
|
33
32
|
padding: 0.5rem;
|
|
34
33
|
}
|
|
35
34
|
|
|
36
|
-
::-moz-selection
|
|
37
|
-
color: var(--white);
|
|
38
|
-
background: hsl(var(--muted-hs), calc(var(--muted-l) + 20%));
|
|
39
|
-
}
|
|
40
|
-
|
|
35
|
+
::-moz-selection,
|
|
41
36
|
::selection {
|
|
42
37
|
color: var(--white);
|
|
43
38
|
background: hsl(var(--muted-hs), calc(var(--muted-l) + 20%));
|
|
@@ -1254,11 +1249,6 @@ table {
|
|
|
1254
1249
|
background-color: inherit;
|
|
1255
1250
|
z-index: 0;
|
|
1256
1251
|
}
|
|
1257
|
-
.flex-item.flex-card .bg-svg,
|
|
1258
|
-
.flex-card.flex-card .bg-svg {
|
|
1259
|
-
-webkit-mask-image: url("/assets/images/card-bg.svg");
|
|
1260
|
-
mask-image: url("/assets/images/card-bg.svg");
|
|
1261
|
-
}
|
|
1262
1252
|
.flex-item .img,
|
|
1263
1253
|
.flex-item .icon,
|
|
1264
1254
|
.flex-card .img,
|
|
@@ -1328,14 +1318,14 @@ table {
|
|
|
1328
1318
|
letter-spacing: 0.5rem;
|
|
1329
1319
|
}
|
|
1330
1320
|
|
|
1331
|
-
.
|
|
1321
|
+
.strike-line {
|
|
1332
1322
|
display: grid;
|
|
1333
1323
|
grid-template-columns: repeat(3, 1fr);
|
|
1334
1324
|
align-items: center;
|
|
1335
1325
|
justify-content: center;
|
|
1336
1326
|
gap: 0.5rem;
|
|
1337
1327
|
}
|
|
1338
|
-
.
|
|
1328
|
+
.strike-line::before, .strike-line::after {
|
|
1339
1329
|
content: "";
|
|
1340
1330
|
display: inline-block;
|
|
1341
1331
|
height: 1px;
|
|
@@ -1419,33 +1409,41 @@ table {
|
|
|
1419
1409
|
}
|
|
1420
1410
|
|
|
1421
1411
|
.flex-list,
|
|
1422
|
-
.item-list
|
|
1412
|
+
.item-list,
|
|
1413
|
+
.menu {
|
|
1423
1414
|
margin: 1.5rem 0;
|
|
1424
1415
|
list-style: none;
|
|
1425
1416
|
display: flex;
|
|
1426
1417
|
}
|
|
1427
1418
|
.flex-list:not(.has-connector),
|
|
1428
|
-
.item-list:not(.has-connector)
|
|
1419
|
+
.item-list:not(.has-connector),
|
|
1420
|
+
.menu:not(.has-connector) {
|
|
1429
1421
|
gap: 0.5rem;
|
|
1430
1422
|
}
|
|
1431
1423
|
.flex-list.h .item,
|
|
1432
|
-
.item-list.h .item
|
|
1424
|
+
.item-list.h .item,
|
|
1425
|
+
.menu.h .item {
|
|
1433
1426
|
flex-direction: column;
|
|
1434
1427
|
}
|
|
1435
1428
|
.flex-list.has-connector .item,
|
|
1436
|
-
.item-list.has-connector .item
|
|
1429
|
+
.item-list.has-connector .item,
|
|
1430
|
+
.menu.has-connector .item {
|
|
1437
1431
|
margin: 0;
|
|
1438
1432
|
width: 100%;
|
|
1439
1433
|
}
|
|
1440
1434
|
.flex-list.has-connector .item:not(:first-child) :is(.connector, li::marker)::before, .flex-list.has-connector .item:not(:last-child) :is(.connector, li::marker)::after,
|
|
1441
1435
|
.item-list.has-connector .item:not(:first-child) :is(.connector, li::marker)::before,
|
|
1442
|
-
.item-list.has-connector .item:not(:last-child) :is(.connector, li::marker)::after
|
|
1436
|
+
.item-list.has-connector .item:not(:last-child) :is(.connector, li::marker)::after,
|
|
1437
|
+
.menu.has-connector .item:not(:first-child) :is(.connector, li::marker)::before,
|
|
1438
|
+
.menu.has-connector .item:not(:last-child) :is(.connector, li::marker)::after {
|
|
1443
1439
|
content: "";
|
|
1444
1440
|
}
|
|
1445
1441
|
.flex-list.has-connector .item .connector,
|
|
1446
1442
|
.flex-list.has-connector .item li::marker,
|
|
1447
1443
|
.item-list.has-connector .item .connector,
|
|
1448
|
-
.item-list.has-connector .item li::marker
|
|
1444
|
+
.item-list.has-connector .item li::marker,
|
|
1445
|
+
.menu.has-connector .item .connector,
|
|
1446
|
+
.menu.has-connector .item li::marker {
|
|
1449
1447
|
display: flex;
|
|
1450
1448
|
flex-direction: column;
|
|
1451
1449
|
}
|
|
@@ -1455,7 +1453,11 @@ table {
|
|
|
1455
1453
|
.item-list.has-connector .item .connector::before,
|
|
1456
1454
|
.item-list.has-connector .item .connector::after,
|
|
1457
1455
|
.item-list.has-connector .item li::marker::before,
|
|
1458
|
-
.item-list.has-connector .item li::marker::after
|
|
1456
|
+
.item-list.has-connector .item li::marker::after,
|
|
1457
|
+
.menu.has-connector .item .connector::before,
|
|
1458
|
+
.menu.has-connector .item .connector::after,
|
|
1459
|
+
.menu.has-connector .item li::marker::before,
|
|
1460
|
+
.menu.has-connector .item li::marker::after {
|
|
1459
1461
|
margin: 0 auto;
|
|
1460
1462
|
width: 1px;
|
|
1461
1463
|
height: 100%;
|
|
@@ -1463,23 +1465,28 @@ table {
|
|
|
1463
1465
|
display: block;
|
|
1464
1466
|
}
|
|
1465
1467
|
.flex-list.has-connector.align-top .item .connector,
|
|
1466
|
-
.item-list.has-connector.align-top .item .connector
|
|
1468
|
+
.item-list.has-connector.align-top .item .connector,
|
|
1469
|
+
.menu.has-connector.align-top .item .connector {
|
|
1467
1470
|
justify-content: flex-start;
|
|
1468
1471
|
}
|
|
1469
1472
|
.flex-list.has-connector.align-top .item .connector::before,
|
|
1470
|
-
.item-list.has-connector.align-top .item .connector::before
|
|
1473
|
+
.item-list.has-connector.align-top .item .connector::before,
|
|
1474
|
+
.menu.has-connector.align-top .item .connector::before {
|
|
1471
1475
|
content: unset;
|
|
1472
1476
|
}
|
|
1473
1477
|
.flex-list:not(.h),
|
|
1474
|
-
.item-list:not(.h)
|
|
1478
|
+
.item-list:not(.h),
|
|
1479
|
+
.menu:not(.h) {
|
|
1475
1480
|
flex-direction: column;
|
|
1476
1481
|
}
|
|
1477
1482
|
.flex-list:not(.h) .item + .item,
|
|
1478
|
-
.item-list:not(.h) .item + .item
|
|
1483
|
+
.item-list:not(.h) .item + .item,
|
|
1484
|
+
.menu:not(.h) .item + .item {
|
|
1479
1485
|
border-top: 1px solid var(--border-color);
|
|
1480
1486
|
}
|
|
1481
1487
|
.flex-list .item,
|
|
1482
|
-
.item-list .item
|
|
1488
|
+
.item-list .item,
|
|
1489
|
+
.menu .item {
|
|
1483
1490
|
display: flex;
|
|
1484
1491
|
/* align-items: center; */
|
|
1485
1492
|
/* justify-content: space-between; */
|
|
@@ -1488,17 +1495,20 @@ table {
|
|
|
1488
1495
|
cursor: pointer;
|
|
1489
1496
|
}
|
|
1490
1497
|
.flex-list .item .icon,
|
|
1491
|
-
.item-list .item .icon
|
|
1498
|
+
.item-list .item .icon,
|
|
1499
|
+
.menu .item .icon {
|
|
1492
1500
|
font-weight: bold;
|
|
1493
1501
|
/* margin-right: 1.25rem; */
|
|
1494
1502
|
transition: margin-right 0.125s linear;
|
|
1495
1503
|
}
|
|
1496
1504
|
.flex-list .item .content + .content,
|
|
1497
|
-
.item-list .item .content + .content
|
|
1505
|
+
.item-list .item .content + .content,
|
|
1506
|
+
.menu .item .content + .content {
|
|
1498
1507
|
margin-top: 0.5rem;
|
|
1499
1508
|
}
|
|
1500
1509
|
.flex-list .item:hover .icon,
|
|
1501
|
-
.item-list .item:hover .icon
|
|
1510
|
+
.item-list .item:hover .icon,
|
|
1511
|
+
.menu .item:hover .icon {
|
|
1502
1512
|
/* margin-right: 1.5rem; */
|
|
1503
1513
|
}
|
|
1504
1514
|
|
|
@@ -1624,6 +1634,7 @@ table {
|
|
|
1624
1634
|
|
|
1625
1635
|
img {
|
|
1626
1636
|
max-width: 100%;
|
|
1637
|
+
object-fit: contain;
|
|
1627
1638
|
}
|
|
1628
1639
|
|
|
1629
1640
|
.img-fullwidth {
|
|
@@ -1697,6 +1708,14 @@ img {
|
|
|
1697
1708
|
background-color: hsla(var(--black-hs), var(--black-l), 0.5);
|
|
1698
1709
|
}
|
|
1699
1710
|
|
|
1711
|
+
.bg-svg {
|
|
1712
|
+
height: 100%;
|
|
1713
|
+
background-color: currentColor;
|
|
1714
|
+
-webkit-mask-size: contain;
|
|
1715
|
+
-webkit-mask-repeat: no-repeat;
|
|
1716
|
+
-webkit-mask-position: center;
|
|
1717
|
+
}
|
|
1718
|
+
|
|
1700
1719
|
.rounded-inherit {
|
|
1701
1720
|
border-radius: inherit;
|
|
1702
1721
|
}
|
|
@@ -1744,7 +1763,8 @@ section {
|
|
|
1744
1763
|
}
|
|
1745
1764
|
/* Above Tablets/Mini PC */
|
|
1746
1765
|
@media (min-width: 769px) {
|
|
1747
|
-
.item-list .item > .value
|
|
1766
|
+
.item-list .item > .value,
|
|
1767
|
+
.menu .item > .value {
|
|
1748
1768
|
margin-left: 1rem;
|
|
1749
1769
|
text-align: right;
|
|
1750
1770
|
}
|
|
@@ -1798,10 +1818,12 @@ section {
|
|
|
1798
1818
|
.card {
|
|
1799
1819
|
width: 100%;
|
|
1800
1820
|
}
|
|
1801
|
-
.item-list:not(.has-connector)
|
|
1821
|
+
.item-list:not(.has-connector),
|
|
1822
|
+
.menu:not(.has-connector) {
|
|
1802
1823
|
gap: 1rem;
|
|
1803
1824
|
}
|
|
1804
|
-
.item-list .item
|
|
1825
|
+
.item-list .item,
|
|
1826
|
+
.menu .item {
|
|
1805
1827
|
flex-direction: column;
|
|
1806
1828
|
gap: 0.5rem;
|
|
1807
1829
|
}
|
package/dist/css/main.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/styles/main.scss","../../src/styles/_mixins.scss"],"names":[],"mappings":"AAEA;AAEA;EACE;;;AAGF;EACE;EACA;EACA
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/styles/main.scss","../../src/styles/_mixins.scss"],"names":[],"mappings":"AAEA;AAEA;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;;AAcF;EACE;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;EAEE;;AAEA;AAAA;EACE;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;ACnEA;EACE;;AAGF;AACE;EACA;;AAGF;EArBA;EAXA;EACA;EACA;EAWA;EACA;EACA;EACA;EACA;EACA;EACA;;AAbA;EAEE;;ADsFF;EACE;;;AAIJ;EACE;;;AAGF;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EAEE;EACA;EACA;;AAGF;EACE;EACA;EAEE;EACA;;AAGF;EACE;;AClKK;EDqKL;;;AAKN;EACE;EACA;EACA;EACA;;AAKE;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;AACA;EACA;EACA;;AAEA;AACE;EACA;;;AAIJ;EACE;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EC/NE;EACA;EACA;;;ADiOF;ECnOE;EACA;EACA;;ADoOA;EACE;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;AACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;AAGE;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;;;AAUF;AAAA;AACE;AACA;EACA;EACA;AACA;;AAEA;AAAA;AACE;EACA;;AAGF;AAAA;EACE;;;AAKN;AAAA;EAEE;;AAEA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;EACA;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;;AAIE;EAEE;EACA;;AAEA;EACE;;AAIA;AAAA;AAAA;AAAA;AAAA;EAEE;;AAMR;EACE;;AAGF;AAAA;AAAA;EAKE;;AASJ;EACE;;;AAGF;AAsIE;AAAA;AAAA;AAAA;AAAA;;AArIA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EAEE;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;;;AAUJ;EACE;EACA;;AAGE;AAAA;AAAA;EAGE;EACA;;AAIJ;EACE;EACA;EACA;EACA;AACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;;AAIJ;AAAA;AAAA;EAGE;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAEE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;AACA;EACA;;AAGA;EAEE;;AAiBF;AAAA;EAEE;EACA;EACA;EACA;AACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAMA;AAAA;AAAA;AAAA;EAEE;;AAKF;AAAA;EAEE;EACA;;AAGF;EACE;EACA;;AAIA;AAAA;EAEE;;AAMJ;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAKF;AAAA;EAEE;;AAIJ;AAAA;EAEE;AACA;;;AAIJ;EACE;EACA;;AC/uBA;EACE;;AAGF;AACE;EACA;;AAGF;EArBA;EAXA;EACA;EACA;EAWA;EACA;EACA;EACA;EACA;EACA;EACA;;AAbA;EAEE;;ADiwBF;EACE;;ACpuBF;EACE;;AAGF;EAEE;;AAGF;EApCA;EAXA;EACA;EACA;EAWA;EACA;EACA;EACA;EACA;EACA;EACA;;AAbA;EAEE;;ADwwBA;EACE;EAEA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ACxwBF;EACE;;AAGF;AACE;EACA;;AAGF;EArBA;EAXA;EACA;EACA;EAWA;EACA;EACA;EACA;EACA;EACA;EACA;;AAbA;EAEE;;AD0xBA;EACE;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;EACE;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAWF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAMJ;EACE;;AAEA;EAEE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAUN;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAeF;AAAA;EAEE;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAOF;AAAA;EACE;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;;AAIJ;AAAA;EACE;EACA;EACA;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;EACA;EACA;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;;AAIJ;AACE;EACA;;AAGE;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAEA;AAAA;AAAA;EAEE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAKN;AACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAaF;EACE;;AAGF;EACE;;AAGF;AAAA;EAEE;AACA;EACA;EACA;EACA;EACA;EACA;;AAGE;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAYR;AAAA;AAAA;EAGE;EACA;EACA;EACA;EAEA;EACA;;AAYA;AAAA;AAAA;EACE;;AAMF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;AACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAaF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAIJ;AAAA;AAAA;EACE;EACA;EACA;EACA;;;AAKN;AAGE;EACE;;;AAIJ;AAEA;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;AACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AACA;EACE;;;AAGF;EACE;;;AAGF;EC5vCE;EACA;EACA;;AD6vCA;EACE;;;AAIJ;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;AAEA;;AACA;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;;AAGF;AAAA;EACE;EACA;AACA;AACA;;AAGF;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAMJ;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;ACz3CA;EACE;;AAGF;AACE;EACA;;AAGF;EArBA;EAXA;EACA;EACA;EAWA;EACA;EACA;EACA;EACA;EACA;EACA;;AAbA;EAEE;;AD44CF;EACE;;AAIA;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;AAGF;EAEE;AACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;;;AAKF;EACE;;;AAIJ;AAAA;AAAA;EAGE;EACA;EACA;;AAEA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;EACE;;AAIA;AAAA;AAAA;EACE;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAEE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAMJ;AAAA;AAAA;EACE;;AAEA;AAAA;AAAA;EACE;;AAMR;AAAA;AAAA;EACE;;AAEA;AAAA;AAAA;EACE;;AAIJ;AAAA;AAAA;EACE;AACA;AACA;EACA;EACA;EACA;;AAaA;AAAA;AAAA;EACE;AACA;EACA;;AAIA;AAAA;AAAA;EACE;;AAIJ;AAAA;AAAA;AACE;;;AAKN;EACE;AACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;;;AAGF;EAEE;ECllDA;EACA;EACA;;ADolDE;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EAKE;;AAJA;EACE;;AAMJ;EACE;EACA;;;AAKF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAKN;EACE;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAIJ;ECptDE;EAXA;EACA;EACA;EAWA;EACA;EACA;EACA;EACA;EACA;EACA;ED8sDA;;AC3tDA;EAEE;;;AA8BF;EACE;;AAGF;EAEE;;AAGF;EApCA;EAXA;EACA;EACA;EAWA;EACA;EACA;EACA;EACA;EACA;EACA;;AAbA;EAEE;;AD+tDF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAIA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EAEE;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;AACA;EACE;IACE;;;AAIJ;AACA;EAGI;AAAA;IACE;IACA;;EAOF;IACE;;;AAKN;AACA;EACE;AAAA;IAEE;;EAEA;AAAA;IACE;;EAGF;AAAA;IACE;;EAIJ;AACE;IACA;;EAEA;IACE;;EAKF;IACE;;EAKE;IACE;;EAGF;IACE;;EAOJ;AAAA;IACE;;EAGF;AAAA;IACE;IAEA;IACA;;;AAMR;AACA;EACE;IACE;;EAKA;AAAA;IACE;;EAGF;AAAA;IACE;IACA;;EAKF;IACE;IACA","file":"main.css"}
|
package/dist/css/menu.css
CHANGED
|
@@ -57,7 +57,7 @@ nav,
|
|
|
57
57
|
nav,
|
|
58
58
|
.nav,
|
|
59
59
|
.menu-container {
|
|
60
|
-
flex: 1 1
|
|
60
|
+
flex: 1 1 100%;
|
|
61
61
|
gap: 0.5rem;
|
|
62
62
|
}
|
|
63
63
|
|
|
@@ -86,6 +86,9 @@ nav .item .label,
|
|
|
86
86
|
.main-menu-container .side-menu .menu-container {
|
|
87
87
|
flex-direction: column;
|
|
88
88
|
}
|
|
89
|
+
.main-menu-container img {
|
|
90
|
+
max-height: 5rem;
|
|
91
|
+
}
|
|
89
92
|
.main-menu-container .menu-logo {
|
|
90
93
|
min-width: 7.5rem;
|
|
91
94
|
}
|
|
@@ -131,6 +134,9 @@ nav .item .label,
|
|
|
131
134
|
transition: transform 0.5s;
|
|
132
135
|
z-index: 1;
|
|
133
136
|
}
|
|
137
|
+
.main-menu:not(.side-menu:has(> .menu-snap)) {
|
|
138
|
+
flex-direction: column;
|
|
139
|
+
}
|
|
134
140
|
.main-menu nav,
|
|
135
141
|
.main-menu .nav {
|
|
136
142
|
font-size: 120%;
|
|
@@ -138,6 +144,7 @@ nav .item .label,
|
|
|
138
144
|
.main-menu nav .item,
|
|
139
145
|
.main-menu .nav .item {
|
|
140
146
|
/* border-radius: inherit; */
|
|
147
|
+
cursor: pointer;
|
|
141
148
|
}
|
|
142
149
|
.main-menu nav .item,
|
|
143
150
|
.main-menu .nav .item {
|
|
@@ -190,8 +197,16 @@ nav .item .label,
|
|
|
190
197
|
font-size: 150%;
|
|
191
198
|
}
|
|
192
199
|
|
|
200
|
+
.menu-snap {
|
|
201
|
+
display: flex;
|
|
202
|
+
overflow: scroll;
|
|
203
|
+
}
|
|
204
|
+
.menu-snap .item {
|
|
205
|
+
padding: 0.125%;
|
|
206
|
+
z-index: 1;
|
|
207
|
+
}
|
|
208
|
+
|
|
193
209
|
.side-menu {
|
|
194
|
-
flex-direction: column;
|
|
195
210
|
position: relative;
|
|
196
211
|
height: 100%;
|
|
197
212
|
transition: flex-basis 0.5s, transform 0.5s, opacity 0.25s;
|
|
@@ -241,6 +256,9 @@ main footer {
|
|
|
241
256
|
.main-menu-container .full-menu .nav {
|
|
242
257
|
overflow-x: scroll;
|
|
243
258
|
}
|
|
259
|
+
.main-menu-container input.main-menu-trigger:not(:checked) ~ .side-menu > .menu-snap, .main-menu-container input.main-menu-trigger:not(:checked) ~ * .side-menu > .menu-snap {
|
|
260
|
+
flex-basis: 25%;
|
|
261
|
+
}
|
|
244
262
|
.main-menu-container.grid:has(> .side-menu:not(.mini)):has(> input.main-menu-trigger:checked) {
|
|
245
263
|
grid-template-columns: 0fr 1fr;
|
|
246
264
|
}
|
|
@@ -289,6 +307,10 @@ main footer {
|
|
|
289
307
|
.main-menu-container.flex input.main-menu-trigger:checked ~ * .side-menu.mini {
|
|
290
308
|
flex-basis: 5%;
|
|
291
309
|
}
|
|
310
|
+
.main-menu-container.flex input.main-menu-trigger:checked ~ .side-menu.mini:has(> .menu-snap),
|
|
311
|
+
.main-menu-container.flex input.main-menu-trigger:checked ~ * .side-menu.mini:has(> .menu-snap) {
|
|
312
|
+
flex-basis: 10%;
|
|
313
|
+
}
|
|
292
314
|
.main-menu-container.flex input.main-menu-trigger:checked ~ .side-menu.mini .menu-header .menu-logo,
|
|
293
315
|
.main-menu-container.flex input.main-menu-trigger:checked ~ * .side-menu.mini .menu-header .menu-logo {
|
|
294
316
|
display: none;
|
|
@@ -398,27 +420,25 @@ main footer {
|
|
|
398
420
|
border-bottom: thin solid;
|
|
399
421
|
padding: 0;
|
|
400
422
|
}
|
|
401
|
-
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu,
|
|
402
|
-
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu {
|
|
423
|
+
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu, .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu {
|
|
403
424
|
flex-basis: 8.25%;
|
|
404
425
|
}
|
|
405
|
-
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-
|
|
406
|
-
|
|
426
|
+
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu:has(> .menu-snap), .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu:has(> .menu-snap) {
|
|
427
|
+
flex-basis: 16.5%;
|
|
428
|
+
}
|
|
429
|
+
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-header .menu-logo, .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu .menu-header .menu-logo {
|
|
407
430
|
display: none;
|
|
408
431
|
}
|
|
409
|
-
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-header .menu-logo-alt,
|
|
410
|
-
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu .menu-header .menu-logo-alt {
|
|
432
|
+
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-header .menu-logo-alt, .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu .menu-header .menu-logo-alt {
|
|
411
433
|
display: block;
|
|
412
434
|
}
|
|
413
|
-
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-header .title,
|
|
414
|
-
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu .menu-header .title {
|
|
435
|
+
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-header .title, .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu .menu-header .title {
|
|
415
436
|
opacity: 0;
|
|
416
437
|
height: 0;
|
|
417
438
|
margin-bottom: 0;
|
|
418
439
|
}
|
|
419
440
|
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu nav .item,
|
|
420
|
-
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .nav .item,
|
|
421
|
-
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu nav .item,
|
|
441
|
+
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .nav .item, .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu nav .item,
|
|
422
442
|
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu .nav .item {
|
|
423
443
|
justify-content: center;
|
|
424
444
|
}
|
|
@@ -429,8 +449,7 @@ main footer {
|
|
|
429
449
|
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-header .item .label,
|
|
430
450
|
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-header .title .label,
|
|
431
451
|
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-footer .item .label,
|
|
432
|
-
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-footer .title .label,
|
|
433
|
-
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu nav .item .label,
|
|
452
|
+
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-footer .title .label, .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu nav .item .label,
|
|
434
453
|
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu nav .title .label,
|
|
435
454
|
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu .nav .item .label,
|
|
436
455
|
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu .nav .title .label,
|
|
@@ -445,8 +464,7 @@ main footer {
|
|
|
445
464
|
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu nav .title,
|
|
446
465
|
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .nav .title,
|
|
447
466
|
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-header .title,
|
|
448
|
-
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-footer .title,
|
|
449
|
-
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu nav .title,
|
|
467
|
+
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ .side-menu .menu-footer .title, .main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu nav .title,
|
|
450
468
|
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu .nav .title,
|
|
451
469
|
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu .menu-header .title,
|
|
452
470
|
.main-menu-container.flex input.main-menu-trigger:not(:checked) ~ * .side-menu .menu-footer .title {
|
|
@@ -459,6 +477,9 @@ main footer {
|
|
|
459
477
|
}
|
|
460
478
|
/* Tablet Below */
|
|
461
479
|
@media (max-width: 768px) {
|
|
480
|
+
.main-menu-container input.main-menu-trigger:checked ~ .side-menu > .menu-snap, .main-menu-container input.main-menu-trigger:checked ~ * .side-menu > .menu-snap {
|
|
481
|
+
flex-basis: 25%;
|
|
482
|
+
}
|
|
462
483
|
.main-menu-container input.main-menu-trigger:not(:checked) ~ .full-menu .menu-container nav,
|
|
463
484
|
.main-menu-container input.main-menu-trigger:not(:checked) ~ .full-menu .menu-container .nav,
|
|
464
485
|
.main-menu-container input.main-menu-trigger:not(:checked) ~ .float-menu .menu-container nav,
|
|
@@ -489,8 +510,8 @@ main footer {
|
|
|
489
510
|
background-color: hsla(var(--black-hs), var(--black-l), 0.2);
|
|
490
511
|
z-index: 1;
|
|
491
512
|
}
|
|
492
|
-
input.main-menu-trigger:checked ~ .main-menu,
|
|
493
|
-
input.main-menu-trigger:checked ~ * .main-menu {
|
|
513
|
+
input.main-menu-trigger:checked ~ .main-menu:not(:has(> .menu-snap)),
|
|
514
|
+
input.main-menu-trigger:checked ~ * .main-menu:not(:has(> .menu-snap)) {
|
|
494
515
|
flex-direction: column;
|
|
495
516
|
}
|
|
496
517
|
input.main-menu-trigger:checked ~ .main-menu .menu-header,
|
|
@@ -527,7 +548,7 @@ main footer {
|
|
|
527
548
|
input.main-menu-trigger:checked ~ * .full-menu .menu-container {
|
|
528
549
|
background-color: unset;
|
|
529
550
|
}
|
|
530
|
-
.main-menu-container .main-menu nav, .main-menu-container .main-menu .nav, .main-menu-container .main-menu .menu-container, .main-menu-container.flex {
|
|
551
|
+
.main-menu-container input.main-menu-trigger:checked ~ .main-menu nav, .main-menu-container input.main-menu-trigger:checked ~ .main-menu .nav, .main-menu-container input.main-menu-trigger:checked ~ .main-menu .menu-container, .main-menu-container input.main-menu-trigger:checked ~ * .main-menu nav, .main-menu-container input.main-menu-trigger:checked ~ * .main-menu .nav, .main-menu-container input.main-menu-trigger:checked ~ * .main-menu .menu-container, .main-menu-container.flex {
|
|
531
552
|
flex-direction: column;
|
|
532
553
|
}
|
|
533
554
|
.main-menu-container.grid:has(> .side-menu) {
|
package/dist/css/menu.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/styles/menu.scss","../../src/styles/_mixins.scss"],"names":[],"mappings":"AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmDA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAGE;;AAQI;AAAA;AAAA;AAAA;EACE;EACA;;AAaV;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAKA;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;;AAMN;AAEA;EACE;EACA;EACA;EACA;;AAGE;AAAA;AAAA;EAGE;;AAIJ;EACE;;AAGF;EACE;;AAIA;EACE;;AAIJ;EACE;EACA;;AAIA;EACE;;AAME;AAAA;EACE;EACA;;AAON;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;EAEA;;AAEA;EACE;;;AAMN;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;;AAEA;AAAA;AAEE;;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/styles/menu.scss","../../src/styles/_mixins.scss"],"names":[],"mappings":"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","file":"menu.css"}
|
package/dist/css/variables.css
CHANGED
|
@@ -105,9 +105,9 @@
|
|
|
105
105
|
--silver-c-a: 1;
|
|
106
106
|
/* ---COLOR-silver-END--- */
|
|
107
107
|
/* ---COLOR-gold-START--- */
|
|
108
|
-
--gold: #
|
|
108
|
+
--gold: #ffd700;
|
|
109
109
|
/* ---HSL-gold--- */
|
|
110
|
-
--gold-hs:
|
|
110
|
+
--gold-hs: 50.5882352941deg, 100%;
|
|
111
111
|
--gold-l: 50%;
|
|
112
112
|
--gold-a: 1;
|
|
113
113
|
--gold-c: #ffffff;
|