buymymojo.net/node_modules/nes.css/scss/elements/dialogs.scss
2021-07-02 19:29:34 +10:00

37 lines
704 B
SCSS

.nes-dialog {
padding: 1.5rem 2rem;
border-width: $border-size;
> .backdrop,
&::backdrop {
background-color: rgba(0, 0, 0, 0.3);
}
> :last-child {
margin-bottom: 0;
}
&.is-rounded {
@include rounded-corners();
&.is-dark {
@include rounded-corners(true);
}
}
&.is-dark {
color: $background-color;
background-color: $base-color;
border-color: $background-color;
&:not(.is-rounded)::before {
position: absolute;
top: -$border-size * 2;
right: -$border-size * 2;
bottom: -$border-size * 2;
left: -$border-size * 2;
z-index: -1;
content: "";
border: $border-size solid $base-color;
}
}
}