mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-21 05:21:28 +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; bottom: -4px;
} }
#dialogs > section + section { #dialogs > section {
margin-top: 1.5rem; display: inline-block;
} }
#dialogs .dialog-menu { #dialogs .dialog-menu {

14
scss/elements/dialogs.scss
View File

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