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

fix(dialog.scss): fix position of peusedo element

Browse Source 
border is not visible when opening dark dialog
This commit is contained in:
BcRikko
2019-02-11 16:57:39 +09:00
parent 6643024e3b
commit 7dc16ceee0
2 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
demo/style.css
View File

@@ -147,8 +147,8 @@ div.containers > .nes-container {
bottom: -4px;
}
#dialogs > section + section {
margin-top: 1.5rem;
#dialogs > section {
display: inline-block;
}
#dialogs .dialog-menu {

14
scss/elements/dialogs.scss
View File

@@ -1,5 +1,6 @@
.nes-dialog {
padding: 1.5rem 2rem;
border-width: $border-size;
> .backdrop,
&::backdrop {
@@ -18,19 +19,20 @@
}
}
&.is-dark {
position: relative;
color: $background-color;
background-color: $base-color;
border-color: $background-color;
&:not(.is-rounded)::after {
&:not(.is-rounded)::before {
position: absolute;
top: -$border-size * 1.8;
right: -$border-size * 1.8;
bottom: -$border-size * 1.8;
left: -$border-size * 1.8;
top: -$border-size * 2;
right: -$border-size * 2;
bottom: -$border-size * 2;
left: -$border-size * 2;
z-index: -1;
content: "";
background-color: $base-color;
border: $border-size solid $base-color;
}
}
}