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

Add active style to theme switcher buttons, style tweaks

Browse Source
This commit is contained in:
daudix
2024-08-29 22:49:42 +03:00
parent d09e2b158c
commit fcf8cdd680
9 changed files with 100 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
sass/_comments.scss
View File

@ -94,13 +94,14 @@
border-radius: 999px;
background-color: var(--fg-muted-1);
padding: 0.375rem 0.75rem;
color: var(--fg-color);
color: var(--fg-muted-5);
font-size: 0.875rem;
line-height: 1;
text-decoration: none;
&:hover {
background-color: var(--fg-muted-2);
background-color: var(--fg-muted-5);
color: var(--fg-contrast);
text-decoration: none;
}
@ -109,14 +110,17 @@
}
&.op {
box-shadow: none;
background-color: transparent;
background-color: var(--primary-color-alpha);
padding: 0.375rem 0.75rem 0.375rem 0.5rem;
color: var(--primary-color);
&:hover {
box-shadow: var(--edge-highlight);
background-color: var(--primary-color-alpha);
background-color: var(--primary-color);
color: var(--contrast-color);
&::before {
background-color: var(--contrast-color);
}
}
&::before {
@ -127,6 +131,7 @@
vertical-align: -0.0625rem;
mask-image: var(--icon);
mask-size: cover;
transition: var(--transition);
margin-inline-end: 0.25rem;
background-color: var(--primary-color);
width: 0.75rem;
@ -145,8 +150,14 @@
all: unset;
display: inline-block;
vertical-align: middle;
transition: var(--transition);
width: 1.5em;
height: 1.5em;
&:hover {
transform: scale(2);
cursor: zoom-in;
}
}
time {