Sha256: bb54eb863c76017d3b80b9f5983bb2e693be27d83faebcb886dabeea93881c45
Contents?: true
Size: 1.36 KB
Versions: 25
Compression:
Stored size: 1.36 KB
Contents
@layer components {
[data-coco][data-component="layout-picker-button"] {
@apply contents;
.layout-picker {
@apply grid grid-cols-2;
}
.layout-picker-option {
@apply border border-gray-transparent-100 rounded-lg overflow-hidden hover:border-gray-transparent-200 transition-all;
svg {
@apply w-full;
}
}
.layout-picker-option-current {
@apply border-background-primary hover:border-background-primary;
}
/* Sizes */
.layout-picker[data-size="sm"] {
@apply layout-picker-sm;
}
.layout-picker[data-size="md"] {
@apply layout-picker-md;
}
@media screen(md) {
.layout-picker[data-size-md="sm"] {
@apply layout-picker-sm;
}
.layout-picker[data-size-md="md"] {
@apply layout-picker-md;
}
}
@media screen(lg) {
.layout-picker[data-size-lg="sm"] {
@apply layout-picker-sm;
}
.layout-picker[data-size-lg="md"] {
@apply layout-picker-md;
}
}
@media screen(xl) {
.layout-picker[data-size-xl="sm"] {
@apply layout-picker-sm;
}
.layout-picker[data-size-xl="md"] {
@apply layout-picker-md;
}
}
}
}
@layer utilities {
.layout-picker-sm {
width: 284px;
@apply p-4 gap-4;
}
.layout-picker-md {
width: 380px;
@apply p-6 gap-6;
}
}
Version data entries
25 entries across 25 versions & 1 rubygems