philipp/website-risg
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

[TASK] add basic custom styling
All checks were successful
CI/CD Pipeline / test (push) Successful in 1m33s
Details

Browse Source
This commit is contained in:
Marie Birner 2024-02-17 11:02:48 +01:00
parent 185bd0489d
commit be5fe4d954
2 changed files with 116 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
output/style.css
View File

@ -1,3 +1,7 @@
h1 {
margin-top: var(--pico-spacing);
}
h2, h2,
h3, h3,
h4, h4,
@ -48,3 +52,57 @@ details summary {
details[open] summary { details[open] summary {
position: sticky; position: sticky;
} }
h4,
h5,
h6 {
--pico-font-weight: 400;
display: inline;
}
h2 {
--pico-font-size: 1.3rem;
--pico-font-weight: 200;
}
h3 {
--pico-font-size: 1.2rem;
--pico-font-weight: 200;
}
h4 {
--pico-font-size: 1.1rem;
--pico-font-weight: 200;
}
details summary {
line-height: unset;
}
details[open] summary {
position: sticky;
}
.par {
margin-bottom: calc(var(--pico-spacing) * 2);
}
.symb {
--pico-font-weight: 700;
display: inline-block;
margin-right: calc(var(--pico-spacing) / 3);
font-weight: var(--pico-font-weight)
}
.header {
--pico-font-weight: 300;
font-weight: var(--pico-font-weight);
}
.content {
display: block;
}

58
templates/style.css
View File

@ -1,3 +1,7 @@
h1 {
margin-top: var(--pico-spacing);
}
h2, h2,
h3, h3,
h4, h4,
@ -48,3 +52,57 @@ details summary {
details[open] summary { details[open] summary {
position: sticky; position: sticky;
} }
h4,
h5,
h6 {
--pico-font-weight: 400;
display: inline;
}
h2 {
--pico-font-size: 1.3rem;
--pico-font-weight: 200;
}
h3 {
--pico-font-size: 1.2rem;
--pico-font-weight: 200;
}
h4 {
--pico-font-size: 1.1rem;
--pico-font-weight: 200;
}
details summary {
line-height: unset;
}
details[open] summary {
position: sticky;
}
.par {
margin-bottom: calc(var(--pico-spacing) * 2);
}
.symb {
--pico-font-weight: 700;
display: inline-block;
margin-right: calc(var(--pico-spacing) / 3);
font-weight: var(--pico-font-weight)
}
.header {
--pico-font-weight: 300;
font-weight: var(--pico-font-weight);
}
.content {
display: block;
}