hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert the change of looks of colored buttons

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

7
sass/_buttons.scss
View File

@ -53,12 +53,13 @@
} }
&.colored { &.colored {
background-color: var(--accent-color-alpha); box-shadow: none;
background-color: transparent;
color: var(--accent-color); color: var(--accent-color);
&:hover { &:hover {
background-color: var(--accent-color); box-shadow: var(--edge-highlight);
color: var(--contrast-color); background-color: var(--accent-color-alpha);
} }
} }

19
sass/_comments.scss
View File

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