mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-29 08:50:06 +02:00
Code Issues Releases Wiki Activity

replaces ::before and ::afters with box-shadow

Browse Source
This commit is contained in:
soph-iest
2018-12-13 09:15:51 -05:00
parent bae9046512
commit 33ced2866f
1 changed files with 3 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
scss/elements/dialogs.scss
View File

@@ -1,32 +1,10 @@
.nes-dialog { .nes-dialog {
padding: 1.5rem 2rem; padding: 1.5rem 2rem;
color: $base-color;
border: none;
box-shadow: 4px 0, -4px 0, 0 4px, 0 -4px;
> :last-child { > :last-child {
margin-bottom: 0; margin-bottom: 0;
} }
&::before,
&::after {
position: absolute;
z-index: -1;
content: "";
}
&::before {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
&::after {
top: 2px;
right: 2px;
bottom: 2px;
left: 2px;
border-color: $base-color;
border-style: solid;
border-width: 4px;
border-radius: 4px;
}
} }