website/public/assets/css/snippets/docs/shell.css

48 lines
No EOL
750 B
CSS

vv-shell {
display: grid;
grid-template-areas:
"header header"
"aside main"
"footer footer"
;
grid-template-columns: 300px 1fr;
grid-template-rows: calc(var(--running-size) - var(--padding)) 1fr var(--running-size);
}
/* # Main */
main {
--primer-color-accent: 0, 0, 0;
--color-accent: black;
display: flex;
grid-area: main;
font-family: sans-serif;
flex-direction: column;
padding: var(--padding);
gap: calc(var(--padding) / 2);
}
main code {
color: white;
padding: 0 5px;
border-radius: 6px;
font-weight: normal;
font-family: monospace;
background-color: #212121;
}
main h2 {
font-size: 1.5em;
}
main h3 {
font-size: 1em;
margin-bottom: 5px;
}
main ol li {
margin: calc(var(--padding) / 2) 0;
}
/* # Sections */