@vixcom/ui 1.5.0 → 1.6.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/colors.css +30 -30
- package/dist/css/colors.css.map +1 -1
- package/dist/css/fonts.css +47 -47
- package/dist/css/helper/index.css +6 -0
- package/dist/css/helper/index.css.map +1 -0
- package/dist/css/helper/primefaces.css +72 -47
- package/dist/css/helper/primefaces.css.map +1 -1
- package/dist/css/main.css +80 -62
- package/dist/css/main.css.map +1 -1
- package/dist/css/menu.css +42 -21
- package/dist/css/menu.css.map +1 -1
- package/dist/css/sizes.css +0 -308
- package/dist/css/sizes.css.map +1 -1
- package/dist/css/variables.css +2 -2
- package/package.json +1 -1
- package/src/css/colors.css +839 -3787
- package/src/css/colors.css.map +1 -1
- package/src/css/fonts.css +110 -32
- 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 +101 -53
- package/src/css/helper/primefaces.css.map +1 -1
- package/src/css/index.css.map +1 -1
- package/src/css/main.css +127 -151
- package/src/css/main.css.map +1 -1
- package/src/css/menu.css +42 -22
- package/src/css/menu.css.map +1 -1
- package/src/css/sizes.css +0 -355
- 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 +13 -5
- package/src/styles/fonts.scss +2 -2
- package/src/styles/helper/index.scss +6 -0
- package/src/styles/helper/primefaces.scss +76 -41
- package/src/styles/main.scss +29 -31
- package/src/styles/menu.scss +45 -14
- package/src/styles/sizes.scss +3 -3
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
|
|
|
@@ -131,6 +131,12 @@ nav .item .label,
|
|
|
131
131
|
transition: transform 0.5s;
|
|
132
132
|
z-index: 1;
|
|
133
133
|
}
|
|
134
|
+
.main-menu:not(.side-menu:has(> .menu-snap)) {
|
|
135
|
+
flex-direction: column;
|
|
136
|
+
}
|
|
137
|
+
.main-menu img {
|
|
138
|
+
max-height: 5rem;
|
|
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 {
|
|
@@ -146,7 +153,7 @@ nav .item .label,
|
|
|
146
153
|
.main-menu nav .item > *,
|
|
147
154
|
.main-menu .nav .item > * {
|
|
148
155
|
/* position: relative; */
|
|
149
|
-
z-index: 1;
|
|
156
|
+
/* z-index: 1; */
|
|
150
157
|
}
|
|
151
158
|
.main-menu nav .item::before,
|
|
152
159
|
.main-menu .nav .item::before {
|
|
@@ -160,7 +167,7 @@ nav .item .label,
|
|
|
160
167
|
border-radius: inherit;
|
|
161
168
|
top: 0;
|
|
162
169
|
left: 0;
|
|
163
|
-
z-index:
|
|
170
|
+
z-index: -1;
|
|
164
171
|
}
|
|
165
172
|
.main-menu nav .item::before:not(img::before, img::after),
|
|
166
173
|
.main-menu .nav .item::before:not(img::before, img::after) {
|
|
@@ -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"}
|