Mirror/brk
1
0
Fork 0
mirror of https://github.com/bitcoinresearchkit/brk.git synced 2026-07-16 13:38:12 -07:00
Code Issues Packages Projects Releases Wiki Activity

website: redesign part 26

Browse Source
This commit is contained in:
nym21
2026-06-09 11:26:19 +02:00
parent e54843291e
commit c3506339cd
12 changed files with 215 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website_next/learn/style.css
+50 -48
View File
@@ -79,21 +79,58 @@ main.learn {
margin-top: 8rem;
}
> section > section {
counter-increment: topic;
counter-reset: detail;
scroll-margin-top: var(--offset);
section[id] {
> :is(h1, h2, h3, h4) {
a {
position: relative;
display: inline-block;
color: var(--white);
text-decoration: none;
&::before {
position: absolute;
top: 50%;
right: 100%;
translate: 0 -50%;
opacity: 0;
user-select: none;
text-decoration: none;
}
&:hover::before {
opacity: 0.5;
}
&:hover {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 0.125em;
}
&:active {
color: var(--orange);
}
}
}
}
> section > section > section {
counter-increment: detail;
counter-reset: subtopic;
scroll-margin-top: var(--offset);
}
> section {
> section {
counter-increment: topic;
counter-reset: detail;
scroll-margin-top: var(--offset);
> section > section > section > section {
counter-increment: subtopic;
scroll-margin-top: var(--offset);
> section {
counter-increment: detail;
counter-reset: subtopic;
scroll-margin-top: var(--offset);
> section {
counter-increment: subtopic;
scroll-margin-top: var(--offset);
}
}
}
}
section[id]:not([data-numbered="false"]) {
@@ -153,7 +190,7 @@ main.learn {
> p {
margin-top: 1rem;
color: var(--dark-white);
color: var(--white);
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
}
@@ -164,40 +201,5 @@ main.learn {
font-size: var(--font-size-xs);
}
}
section[id] {
> :is(h1, h2, h3, h4) {
a {
position: relative;
display: inline-block;
color: var(--white);
text-decoration: none;
&::before {
position: absolute;
top: 50%;
right: 100%;
translate: 0 -50%;
opacity: 0;
user-select: none;
text-decoration: none;
}
&:hover::before {
opacity: 0.5;
}
&:hover {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 0.125em;
}
&:active {
color: var(--orange);
}
}
}
}
}
}