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 {
background-color: var(--accent-color-alpha);
box-shadow: none;
background-color: transparent;
color: var(--accent-color);
&:hover {
background-color: var(--accent-color);
color: var(--contrast-color);
box-shadow: var(--edge-highlight);
background-color: var(--accent-color-alpha);
}
}

19
sass/_comments.scss
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)