@vixcom/ui 1.7.0 → 1.7.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/colors.css +66 -72
- package/dist/css/colors.css.map +1 -1
- package/dist/css/helper/primefaces.css +80 -26
- package/dist/css/helper/primefaces.css.map +1 -1
- package/dist/css/main.css +18 -12
- package/dist/css/main.css.map +1 -1
- package/dist/css/menu.css +191 -259
- package/dist/css/menu.css.map +1 -1
- package/dist/js/alpinejs.min.js +5 -0
- package/package.json +1 -1
- package/src/css/colors.css +66 -72
- package/src/css/colors.css.map +1 -1
- package/src/css/helper/primefaces.css +80 -26
- package/src/css/helper/primefaces.css.map +1 -1
- package/src/css/main.css +18 -12
- package/src/css/main.css.map +1 -1
- package/src/css/menu.css +191 -259
- package/src/css/menu.css.map +1 -1
- package/src/pages/menu/index.html +123 -74
- package/src/styles/_mixins.scss +6 -22
- package/src/styles/colors.scss +7 -13
- package/src/styles/helper/primefaces.scss +120 -50
- package/src/styles/main.scss +25 -18
- package/src/styles/menu.scss +226 -236
package/src/styles/main.scss
CHANGED
|
@@ -7,6 +7,7 @@ script {
|
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
* {
|
|
10
|
+
box-sizing: border-box;
|
|
10
11
|
scrollbar-color: hsl(var(--muted-hs), calc(var(--muted-l) + 40%)) transparent;
|
|
11
12
|
scrollbar-width: thin;
|
|
12
13
|
word-break: break-word;
|
|
@@ -141,8 +142,6 @@ a:not(.link) {
|
|
|
141
142
|
|
|
142
143
|
.main-logo {
|
|
143
144
|
display: inline-flex;
|
|
144
|
-
max-width: 100%;
|
|
145
|
-
object-fit: contain;
|
|
146
145
|
}
|
|
147
146
|
|
|
148
147
|
.page-header {
|
|
@@ -241,6 +240,7 @@ a:not(.link) {
|
|
|
241
240
|
|
|
242
241
|
.icon {
|
|
243
242
|
@include flex-center;
|
|
243
|
+
aspect-ratio: 1;
|
|
244
244
|
font-size: 150%;
|
|
245
245
|
}
|
|
246
246
|
|
|
@@ -360,9 +360,16 @@ textarea {
|
|
|
360
360
|
&::-moz-input-placeholder,
|
|
361
361
|
&:-webkit-input-placeholder,
|
|
362
362
|
&::-webkit-input-placeholder {
|
|
363
|
+
text-transform: capitalize;
|
|
363
364
|
display: none;
|
|
364
365
|
color: currentColor;
|
|
365
|
-
|
|
366
|
+
}
|
|
367
|
+
|
|
368
|
+
&:focus {
|
|
369
|
+
&::placeholder,
|
|
370
|
+
&::-webkit-input-placeholder {
|
|
371
|
+
opacity: 0.75;
|
|
372
|
+
}
|
|
366
373
|
}
|
|
367
374
|
}
|
|
368
375
|
|
|
@@ -378,20 +385,18 @@ label {
|
|
|
378
385
|
|
|
379
386
|
&.radio,
|
|
380
387
|
&.checkbox {
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
align-items: center;
|
|
388
|
+
display: flex;
|
|
389
|
+
align-items: center;
|
|
390
|
+
gap: 0.75rem;
|
|
385
391
|
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
392
|
+
.label > * {
|
|
393
|
+
margin-bottom: 0;
|
|
394
|
+
}
|
|
389
395
|
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
}
|
|
396
|
+
& + {
|
|
397
|
+
.radio,
|
|
398
|
+
.checkbox {
|
|
399
|
+
/* margin-top: 1rem; */
|
|
395
400
|
}
|
|
396
401
|
}
|
|
397
402
|
}
|
|
@@ -513,7 +518,7 @@ input {
|
|
|
513
518
|
background-color: transparent;
|
|
514
519
|
border: 0.125rem solid currentColor;
|
|
515
520
|
border-radius: 50%;
|
|
516
|
-
display: inline-block;
|
|
521
|
+
/* display: inline-block; */
|
|
517
522
|
justify-content: center;
|
|
518
523
|
align-items: center;
|
|
519
524
|
width: 1rem;
|
|
@@ -1396,7 +1401,7 @@ table {
|
|
|
1396
1401
|
|
|
1397
1402
|
.grid-item {
|
|
1398
1403
|
display: grid;
|
|
1399
|
-
grid-template-columns: 1fr
|
|
1404
|
+
grid-template-columns: minmax(1.5rem, 1fr) 6fr;
|
|
1400
1405
|
grid-template-rows: 1fr;
|
|
1401
1406
|
align-items: center;
|
|
1402
1407
|
|
|
@@ -1433,11 +1438,13 @@ table {
|
|
|
1433
1438
|
|
|
1434
1439
|
.card {
|
|
1435
1440
|
display: flex;
|
|
1436
|
-
flex-direction: column;
|
|
1437
1441
|
border-radius: var(--border-radius);
|
|
1438
1442
|
|
|
1439
1443
|
@include before-content;
|
|
1440
1444
|
|
|
1445
|
+
&:not(.h) {
|
|
1446
|
+
flex-direction: column;
|
|
1447
|
+
}
|
|
1441
1448
|
&:not(.flat)::before {
|
|
1442
1449
|
box-shadow: var(--card-shadow);
|
|
1443
1450
|
z-index: -1;
|