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

Dryer comment avatar styling

Browse Source
This commit is contained in:
daudix
2024-06-08 02:53:13 +03:00
parent 2f3102e251
commit dbf8622fdc
1 changed files with 2 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
sass/_comments.scss
View File

@ -44,26 +44,18 @@ section#comments {
height: 4rem; height: 4rem;
.avatar { .avatar {
all: unset;
transition-duration: var(--transition); transition-duration: var(--transition);
transition-property: transform, box-shadow; margin: 0;
box-shadow: var(--edge-highlight), var(--shadow);
border-radius: var(--rounded-corner);
background-position: 50%;
background-size: cover; background-size: cover;
background-color: var(--fg-muted-1); background-color: var(--fg-muted-1);
width: 100%;
height: 100%;
overflow: hidden;
&:hover { &:hover {
transform: rotate(10deg) scale(1.1); transform: rotate(10deg) scale(1.1);
box-shadow: var(--edge-highlight), var(--shadow-raised); border-radius: var(--rounded-corner);
} }
&:active { &:active {
transform: scale(var(--active)); transform: scale(var(--active));
box-shadow: var(--edge-highlight), var(--shadow);
} }
} }
} }