Zie0/duckling
1
0
Fork 0
forked from david-swift/duckling
Code Pull Requests 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
No known key found for this signature in database
GPG Key ID: 93ECF15D3053D81C
3 changed files with 8 additions and 4 deletions
Show Stats 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;
&.draft {
scale: 0.95;
transform: scale(0.95);
opacity: 0.6;
transition: var(--transition-longer);
outline: 2px dashed var(--fg-muted-2);
@ -11,7 +11,7 @@
border-radius: 1rem;
&:hover {
scale: 1;
transform: scale(1);
opacity: 1;
outline: 2px dashed transparent;
outline-offset: 0;

4
sass/_comments.scss
View File

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

4
sass/_footer.scss
View File

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