plate-tool/plate-tool-web/assets/scss/default_theme/components/_dialog.scss

57 lines
814 B
SCSS
Raw Normal View History

2023-06-06 22:46:04 +00:00
@use "sass:color";
@use "../variables" as *;
dialog {
border: 3px solid $color-dark;
border-radius: 2%;
2023-06-06 22:52:37 +00:00
color: $color-dark;
background: $color-white;
2023-06-06 22:46:04 +00:00
}
dialog > form[method="dialog"] {
position: absolute;
top: 0;
right: 0;
line-height: 0px;
button {
2023-06-06 22:52:37 +00:00
padding-top: 6px;
2023-06-06 22:46:04 +00:00
padding-left: 3px;
2023-06-06 22:52:37 +00:00
font-size: 150%;
2023-06-06 22:46:04 +00:00
line-height: 0px;
2023-06-06 22:52:37 +00:00
color: $color-dark;
2023-06-06 22:46:04 +00:00
border: 0;
background: transparent;
&::before {
text-align: center;
vertical-align: middle;
content: "\00d7"; // Nicer X
}
2023-06-06 22:52:37 +00:00
&:hover {
color: black;
transition: color 0.1s;
}
2023-06-06 22:46:04 +00:00
}
}
2024-02-10 22:18:28 +00:00
.shifted_dialog {
top: 50vh;
left: 50vw;
margin: 0;
}
2024-02-10 22:18:28 +00:00
.close_button {
color: red;
position: absolute;
top: 5%;
right: 2%;
background: rgba(0%,0%,0%,10%);
&:hover {
color: rgb(0%,100%,100%);
background: rgba(0%,0%,0%,80%);
}
}