mirror of
https://gitlab.com/PronounsPage/PronounsPage.git
synced 2025-09-23 04:34:15 -04:00
(design) less eyesore for .spoiler (especially in longer spoiler texts)
This commit is contained in:
parent
6da83f3613
commit
a275e0399f
@ -360,10 +360,10 @@ body[data-theme="dark"] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.spoiler {
|
.spoiler {
|
||||||
background-color: $light;
|
background-color: $primary-bg-subtle-dark;
|
||||||
color: $light;
|
color: $primary-bg-subtle-dark;
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: $dark;
|
color: $white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -160,14 +160,14 @@ onMounted(async () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.spoiler {
|
.spoiler {
|
||||||
background-color: $dark;
|
background-color: $primary-bg-subtle;
|
||||||
color: $dark;
|
color: $primary-bg-subtle;
|
||||||
padding: map-get($spacers, 1);
|
padding: map-get($spacers, 1);
|
||||||
border-radius: $border-radius;
|
border-radius: $border-radius;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: background-color .2s ease-in-out;
|
transition: color .2s ease-in-out;
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: $light;
|
color: $black;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user