Sha256: 2a83a173a57c2deeee3c17dac9ed67336e143309bbedb1e1ea560f960cfcdb36
Contents?: true
Size: 1.33 KB
Versions: 4
Compression:
Stored size: 1.33 KB
Contents
@layer components {
[data-coco][data-component="app-menu"] {
width: fit-content;
max-width: 240px;
.menu-item {
> * {
@apply w-full;
}
> .coco-button-wrapper > .coco-button,
> [data-component="button-to"] .coco-button,
> [data-component="app-menu-button"]
> .coco-button-wrapper
> .coco-button {
@apply hover:bg-gray-blend-50 active:bg-gray-blend-100;
.button-inner {
@apply justify-start text-left mx-0;
}
.button-content {
@apply !font-[400];
}
}
.divider {
@apply my-1.5;
}
}
&[data-size="sm"],
&[data-size="xs"] {
@apply py-1.5;
.menu-item {
[data-component="button"] {
@apply px-4 py-2 label-sm;
.button-inner {
@apply gap-2;
> [data-component="icon"] {
@apply w-4 h-4;
}
}
}
}
}
&[data-size="md"] {
@apply py-2;
.menu-item {
[data-component="button"] {
@apply px-5 py-2.5 label-md;
.button-inner {
@apply gap-2;
> [data-component="icon"] {
@apply w-5 h-5;
}
}
}
}
}
.divider {
@apply h-0 border-t border-gray-300;
}
}
}
Version data entries
4 entries across 4 versions & 1 rubygems