manolis-ui 0.10.0 → 0.10.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/style.css +55 -0
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -2112,6 +2112,29 @@
|
|
|
2112
2112
|
}
|
|
2113
2113
|
}
|
|
2114
2114
|
}
|
|
2115
|
+
.steps-vertical {
|
|
2116
|
+
grid-auto-rows: 1fr;
|
|
2117
|
+
grid-auto-flow: row;
|
|
2118
|
+
.step {
|
|
2119
|
+
display: grid;
|
|
2120
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
2121
|
+
grid-template-columns: 40px 1fr;
|
|
2122
|
+
grid-template-rows: repeat(1, minmax(0, 1fr));
|
|
2123
|
+
grid-template-rows: auto;
|
|
2124
|
+
gap: 0.5rem;
|
|
2125
|
+
min-height: 4rem;
|
|
2126
|
+
justify-items: start;
|
|
2127
|
+
&:before {
|
|
2128
|
+
height: 100%;
|
|
2129
|
+
width: calc(0.25rem * 2);
|
|
2130
|
+
translate: -50% -50%;
|
|
2131
|
+
margin-inline-start: 50%;
|
|
2132
|
+
}
|
|
2133
|
+
[dir="rtl"] &:before {
|
|
2134
|
+
translate: 50% -50%;
|
|
2135
|
+
}
|
|
2136
|
+
}
|
|
2137
|
+
}
|
|
2115
2138
|
.join-item {
|
|
2116
2139
|
&:where(*:not(:first-child)) {
|
|
2117
2140
|
margin-inline-start: calc(var(--border, 1px) * -1);
|
|
@@ -2647,6 +2670,9 @@
|
|
|
2647
2670
|
.min-h-40 {
|
|
2648
2671
|
min-height: calc(var(--spacing) * 40);
|
|
2649
2672
|
}
|
|
2673
|
+
.min-h-max {
|
|
2674
|
+
min-height: max-content;
|
|
2675
|
+
}
|
|
2650
2676
|
.btn-wide {
|
|
2651
2677
|
width: 100%;
|
|
2652
2678
|
max-width: calc(0.25rem * 64);
|
|
@@ -3658,6 +3684,35 @@
|
|
|
3658
3684
|
}
|
|
3659
3685
|
}
|
|
3660
3686
|
}
|
|
3687
|
+
.lg\:steps-horizontal {
|
|
3688
|
+
@media (width >= 64rem) {
|
|
3689
|
+
grid-auto-columns: 1fr;
|
|
3690
|
+
display: inline-grid;
|
|
3691
|
+
grid-auto-flow: column;
|
|
3692
|
+
overflow: hidden;
|
|
3693
|
+
overflow-x: auto;
|
|
3694
|
+
.step {
|
|
3695
|
+
display: grid;
|
|
3696
|
+
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
3697
|
+
grid-template-columns: auto;
|
|
3698
|
+
grid-template-rows: repeat(2, minmax(0, 1fr));
|
|
3699
|
+
grid-template-rows: 40px 1fr;
|
|
3700
|
+
place-items: center;
|
|
3701
|
+
text-align: center;
|
|
3702
|
+
min-width: 4rem;
|
|
3703
|
+
&:before {
|
|
3704
|
+
height: calc(0.25rem * 2);
|
|
3705
|
+
width: 100%;
|
|
3706
|
+
translate: 0;
|
|
3707
|
+
content: "";
|
|
3708
|
+
margin-inline-start: -100%;
|
|
3709
|
+
}
|
|
3710
|
+
[dir="rtl"] &:before {
|
|
3711
|
+
translate: 0;
|
|
3712
|
+
}
|
|
3713
|
+
}
|
|
3714
|
+
}
|
|
3715
|
+
}
|
|
3661
3716
|
.lg\:w-80 {
|
|
3662
3717
|
@media (width >= 64rem) {
|
|
3663
3718
|
width: calc(var(--spacing) * 80);
|