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

Add active state to the footer socials

Browse Source 
And use "transform" for transforms since e.g setting scale directly is not widely supported by browsers (baseline 2022)
This commit is contained in:
David Lapshin
2024-05-02 23:42:16 +03:00
parent 0a07972a60
commit 21bad0a764
3 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
sass/_article-list.scss
View File

@ -3,7 +3,7 @@
position: relative; position: relative;
&.draft { &.draft {
scale: 0.95; transform: scale(0.95);
opacity: 0.6; opacity: 0.6;
transition: var(--transition-longer); transition: var(--transition-longer);
outline: 2px dashed var(--fg-muted-2); outline: 2px dashed var(--fg-muted-2);
@ -11,7 +11,7 @@
border-radius: 1rem; border-radius: 1rem;
&:hover { &:hover {
scale: 1; transform: scale(1);
opacity: 1; opacity: 1;
outline: 2px dashed transparent; outline: 2px dashed transparent;
outline-offset: 0; outline-offset: 0;

4
sass/_comments.scss
View File

@ -175,7 +175,7 @@ section#comments {
background-color: var(--boosts-bg); background-color: var(--boosts-bg);
svg { svg {
rotate: 180deg; transform: rotate(180deg);
} }
} }
} }
@ -187,7 +187,7 @@ section#comments {
background-color: var(--faves-bg); background-color: var(--faves-bg);
svg { svg {
rotate: 72deg; transform: rotate(72deg);
} }
} }
} }

4
sass/_footer.scss
View File

@ -60,6 +60,10 @@
background-color: var(--primary-color); background-color: var(--primary-color);
} }
&:active {
transform: scale(var(--active));
}
span { span {
display: none; display: none;
} }