Sha256: c52125138af47ce972b9ba3b5d242a72352b43ec60b47c91f0bbd3db1bcb394e
Contents?: true
Size: 1.43 KB
Versions: 31
Compression:
Stored size: 1.43 KB
Contents
@layer components {
[data-coco][data-component="app-layout-picker-button"] {
@apply inline-flex;
width: max-content;
.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 app-layout-picker-sm;
}
.layout-picker[data-size="md"] {
@apply app-layout-picker-md;
}
@media screen(md) {
.layout-picker[data-size-md="sm"] {
@apply app-layout-picker-sm;
}
.layout-picker[data-size-md="md"] {
@apply app-layout-picker-md;
}
}
@media screen(lg) {
.layout-picker[data-size-lg="sm"] {
@apply app-layout-picker-sm;
}
.layout-picker[data-size-lg="md"] {
@apply app-layout-picker-md;
}
}
@media screen(xl) {
.layout-picker[data-size-xl="sm"] {
@apply app-layout-picker-sm;
}
.layout-picker[data-size-xl="md"] {
@apply app-layout-picker-md;
}
}
}
}
@layer utilities {
.app-layout-picker-sm {
width: 284px;
@apply p-4 gap-4;
}
.app-layout-picker-md {
width: 380px;
@apply p-6 gap-6;
}
}
Version data entries
31 entries across 31 versions & 1 rubygems