@dt-frames/ui 3.0.1 → 4.0.1

package/dist/es/layout/styles/css/uncss.css

@@ -0,0 +1,109 @@
+svg {
+	outline: none;
+}
+
+.hidden-scroll {
+	scrollbar-width: none;
+}
+
+.text-foreground,
+.hover\:text-foreground:hover {
+	color: hsl(var(--foreground));
+}
+
+.text-muted-foreground {
+	color: hsl(var(--muted-foreground));
+}
+
+.text-foreground\/60 {
+	color: hsl(var(--foreground) / 0.6);
+}
+
+.bg-accent {
+	background-color: hsl(var(--accent));
+}
+.hover\:bg-accent-hover:hover {
+	background-color: hsl(var(--accent-hover));
+}
+
+.hover\:bg-accent:hover {
+	background-color: hsl(var(--accent));
+}
+
+.border-border {
+	border-color: hsl(var(--border));
+}
+
+.hover\:bg-muted:hover {
+	background-color: hsl(var(--muted));
+}
+
+.bg-border {
+	background-color: hsl(var(--border));
+}
+
+.bg-header {
+	background-color: hsl(var(--header));
+}
+
+.bg-background {
+	background-color: hsl(var(--background));
+}
+
+.bg-primary\/15 {
+	background-color: hsl(var(--primary) / 0.15);
+}
+
+.group.is-active .group-\[\.is-active\]\:bg-primary\/15 {
+	background-color: hsl(var(--primary) / 0.15);
+}
+
+.group.is-active .group-\[\.is-active\]\:fill-primary\/15 {
+	fill: hsl(var(--primary) / 0.15);
+}
+
+.rounded-full {
+	border-radius: 9999px;
+}
+
+.outline-box {
+	border-radius: calc(var(--radius) - 2px);
+	border: 1px solid hsl(var(--border));
+	padding: 4px 0;
+	position: relative;
+	box-sizing: content-box;
+}
+
+.outline-box::after {
+	height: 1px;
+	left: 50%;
+	opacity: 0;
+	top: 50%;
+	width: 1px;
+	border-radius: calc(var(--radius) - 4px);
+	border: 2px solid hsl(var(--primary));
+	position: absolute;
+	transition-duration: 0.3s;
+	transition-property: all;
+	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+	animation-duration: 0.3s;
+	content: '';
+}
+
+.outline-box.outline-box-active {
+	border: 2px solid hsl(var(--primary));
+	padding: 3px 0;
+}
+
+.outline-box.outline-box-active::after {
+	display: none;
+}
+
+.outline-box:not(.outline-box-active):hover::after {
+	border: 2px solid hsl(var(--primary));
+	left: 0;
+	top: 0;
+	opacity: 1;
+	width: 100%;
+	height: 100%;
+}