@limpiolux/ui-styles 1.0.17 → 1.0.18
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/components.css +32 -1
- package/package.json +1 -1
package/components.css
CHANGED
|
@@ -665,7 +665,38 @@
|
|
|
665
665
|
}
|
|
666
666
|
|
|
667
667
|
.soft-tab-label {
|
|
668
|
-
@apply relative z-10 font-medium tracking-tight;
|
|
668
|
+
@apply relative z-10 inline-flex items-center gap-2 font-medium tracking-tight;
|
|
669
|
+
}
|
|
670
|
+
|
|
671
|
+
.soft-tab-icon {
|
|
672
|
+
@apply inline-flex shrink-0;
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
.soft-tab-text {
|
|
676
|
+
display: inline-block;
|
|
677
|
+
max-width: 0;
|
|
678
|
+
overflow: hidden;
|
|
679
|
+
white-space: nowrap;
|
|
680
|
+
opacity: 0;
|
|
681
|
+
transform: translateX(-2px);
|
|
682
|
+
transition:
|
|
683
|
+
max-width 220ms ease,
|
|
684
|
+
opacity 180ms ease,
|
|
685
|
+
transform 220ms ease;
|
|
686
|
+
}
|
|
687
|
+
|
|
688
|
+
.soft-tab-active .soft-tab-text {
|
|
689
|
+
max-width: 8rem;
|
|
690
|
+
opacity: 1;
|
|
691
|
+
transform: translateX(0);
|
|
692
|
+
}
|
|
693
|
+
|
|
694
|
+
@media (min-width: 768px) {
|
|
695
|
+
.soft-tab-text {
|
|
696
|
+
max-width: 8rem;
|
|
697
|
+
opacity: 1;
|
|
698
|
+
transform: translateX(0);
|
|
699
|
+
}
|
|
669
700
|
}
|
|
670
701
|
|
|
671
702
|
/* ── Navigation ── */
|