Sha256: e06045ac90545f0ee1a21aeb3f8a13a852b9c65698ade6b0878c893d3c7fe74e
Contents?: true
Size: 1.2 KB
Versions: 17
Compression:
Stored size: 1.2 KB
Contents
@layer components {
[data-coco][data-component="modal-dialog"] {
@apply rounded-[2rem] w-full bg-background-light-1;
.modal-frame & {
@apply shadow-xl;
&[data-size="sm"] {
max-width: 480px;
}
&[data-size="md"] {
max-width: 520px;
}
&[data-size="lg"] {
max-width: 640px;
}
}
.modal-dialog-header {
@apply px-4 sm:px-10 py-4 sm:py-6 rounded-t-[2rem] bg-background-light-1;
}
.modal-dialog-header-container {
@apply relative flex items-center h-11;
}
.modal-dialog-title {
@apply text-heading-5 pr-6 w-full font-bold truncate;
}
.modal-dialog-close {
@apply flex-none block p-2 absolute top-1/2 -right-1 sm:-right-2 -translate-y-1/2;
@apply focus:ring-0 focus:outline-none text-content-dark-1 hover:text-content-dark-1 rounded-full hover:bg-coco-gray-100 transition-colors;
}
.modal-dialog-notice [data-component="notice"] {
@apply px-4 sm:px-10 mb-4 sm:mb-6;
}
.modal-dialog-content {
@apply px-4 sm:px-10 pb-6 sm:pb-8 rounded-b-[2rem] bg-background-light-1;
}
.modal-dialog-header + .modal-dialog-content {
@apply rounded-t-none;
}
}
}
Version data entries
17 entries across 17 versions & 1 rubygems