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

Add support for CWs in comments

Browse Source
This commit is contained in:
daudix
2024-10-25 22:28:34 +03:00
parent e3ee417e7a
commit 65f0fd5159
14 changed files with 148 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
sass/_typography.scss
View File

@ -226,13 +226,12 @@ aside {
}
details {
box-shadow: var(--edge-highlight);
border-radius: var(--rounded-corner);
background-color: var(--fg-muted-1);
padding: 1rem;
summary {
cursor: pointer;
box-shadow: var(--edge-highlight);
border-radius: var(--rounded-corner);
background-color: var(--fg-muted-1);
padding: 1rem;
color: var(--fg-muted-5);
font-weight: bold;
line-height: 1;
@ -262,18 +261,30 @@ details {
margin-block-end: 0;
}
&[open] summary {
&::before {
transform: scaleY(-1);
}
&[open] {
box-shadow: var(--edge-highlight);
border-radius: var(--rounded-corner);
background-color: var(--fg-muted-1);
padding: 1rem;
& ~ * {
animation: details-open var(--transition);
summary {
box-shadow: none;
border-radius: 0;
background-color: transparent;
padding: 0;
@keyframes details-open {
from {
transform: translateY(-1rem);
opacity: 0;
&::before {
transform: scaleY(-1);
}
& ~ * {
animation: details-open var(--transition);
@keyframes details-open {
from {
transform: translateY(-1rem);
opacity: 0;
}
}
}
}