Styling for modals

Resolves #6
This commit is contained in:
Emilia Allison 2023-06-06 18:52:37 -04:00
parent 659c27c4e5
commit 6e6854a942
Signed by: emilia
GPG Key ID: 7A3F8997BFE894E0
1 changed files with 10 additions and 2 deletions

View File

@ -4,6 +4,9 @@
dialog {
border: 3px solid $color-dark;
border-radius: 2%;
color: $color-dark;
background: $color-white;
}
dialog > form[method="dialog"] {
@ -13,10 +16,11 @@ dialog > form[method="dialog"] {
line-height: 0px;
button {
padding-top: 5px;
padding-top: 6px;
padding-left: 3px;
font-size: 140%;
font-size: 150%;
line-height: 0px;
color: $color-dark;
border: 0;
background: transparent;
@ -25,5 +29,9 @@ dialog > form[method="dialog"] {
vertical-align: middle;
content: "\00d7"; // Nicer X
}
&:hover {
color: black;
transition: color 0.1s;
}
}
}