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

Rename --shine to --shimmer, make sure images are always on top when hovered

Browse Source
This commit is contained in:
daudix
2024-09-09 19:30:36 +03:00
parent d1ff2c9707
commit ceded156a8
4 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
sass/_comments.scss
View File

@ -38,8 +38,8 @@
margin-block-start: 2rem;
#load-comments {
--shine: rgb(from var(--primary-color) r g b / calc(var(--color-opacity) * 2));
background-image: linear-gradient(to right, var(--fg-muted-1) 50%, var(--shine) 75%, var(--fg-muted-1) 100%);
--shimmer: rgb(from var(--primary-color) r g b / calc(var(--color-opacity) * 2));
background-image: linear-gradient(to right, var(--fg-muted-1) 50%, var(--shimmer) 75%, var(--fg-muted-1) 100%);
background-size: 200%;
background-color: transparent;

1
sass/_media.scss
View File

@ -85,6 +85,7 @@ img {
z-index: 1;
box-shadow: var(--edge-highlight), var(--shadow-raised);
border-radius: 0;
position: relative;
}
&.start,

4
sass/_pre-container.scss
View File

@ -4,9 +4,9 @@
border-radius: var(--rounded-corner);
.header {
--shine: rgb(from var(--primary-color) r g b / calc(var(--color-opacity) * 2));
--shimmer: rgb(from var(--primary-color) r g b / calc(var(--color-opacity) * 2));
border-radius: var(--rounded-corner) var(--rounded-corner) 0 0;
background-image: linear-gradient(to right, var(--fg-muted-1) 50%, var(--shine) 75%, var(--fg-muted-1) 100%);
background-image: linear-gradient(to right, var(--fg-muted-1) 50%, var(--shimmer) 75%, var(--fg-muted-1) 100%);
background-size: 200%;
padding: 0.25rem;
height: 2.5rem;