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

Work on the sparkline [SKIP CI]

Browse Source
This commit is contained in:
daudix
2024-10-18 03:23:07 +03:00
parent 8bf69a5d71
commit 932c7d9aa4
3 changed files with 40 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
sass/_sparkline.scss Normal file
View File

@ -0,0 +1,22 @@
.sparkline {
display: flex;
flex-direction: row;
align-items: flex-end;
float: inline-end;
gap: 0.25rem;
margin: 1rem 0;
width: 6rem;
height: 2rem;
div {
flex: 1;
transform-origin: bottom;
transition: var(--transition);
background-image: linear-gradient(to top, var(--accent-color) var(--bar-height), transparent var(--bar-height));
height: 100%;
&:hover {
height: 200%;
}
}
}