add sectioned template style
This commit is contained in:
parent
5f8bdc66c0
commit
caf16ee9ca
8 changed files with 80 additions and 4 deletions
20
assets/css/src/page-sectioned.css
Normal file
20
assets/css/src/page-sectioned.css
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
[data-template="sectioned"] main p {
|
||||
font-size: var(--font-size-s);
|
||||
}
|
||||
|
||||
[data-template="sectioned"] main .big p {
|
||||
font-size: var(--font-size-m);
|
||||
}
|
||||
|
||||
[data-template="sectioned"] main h2 {
|
||||
font-weight: bold;
|
||||
margin-bottom: calc(var(--padding-vertical) / 1.5);
|
||||
}
|
||||
|
||||
[data-template="sectioned"] .blocks > *:not(:last-child) {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
[data-template="sectioned"] main section:nth-child(odd):not(:first-child) {
|
||||
background-color: var(--color-brown-light);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue