Revert the change of looks of colored buttons

This commit is contained in:
daudix
2024-10-27 03:34:38 +03:00
parent 77b16597b0
commit 1d0d9fbbe8
2 changed files with 7 additions and 19 deletions

View File

@ -329,7 +329,7 @@
font-weight: normal;
text-decoration: none;
&:hover {
&:hover:not(:active) {
img {
transform: var(--hover);
box-shadow: var(--edge-highlight), var(--shadow-raised);
@ -344,21 +344,6 @@
&:active {
transform: var(--active);
img {
transform: none;
margin: 0;
box-shadow: var(--edge-highlight), var(--shadow);
border-radius: var(--rounded-corner)
var(--rounded-corner) var(--rounded-corner-small)
var(--rounded-corner-small);
& + figcaption {
border-radius: var(--rounded-corner-small)
var(--rounded-corner-small)
var(--rounded-corner) var(--rounded-corner);
}
}
}
figure {
@ -372,6 +357,8 @@
border-radius: var(--rounded-corner)
var(--rounded-corner) var(--rounded-corner-small)
var(--rounded-corner-small);
aspect-ratio: 16 / 9;
object-fit: cover;
& + figcaption {
border-radius: var(--rounded-corner-small)