mirror of
https://github.com/jaandrle/deka-dom-el
synced 2024-11-21 23:39:37 +01:00
42 lines
823 B
CSS
42 lines
823 B
CSS
@import url(https://cdn.simplecss.org/simple.min.css);
|
|
:root{
|
|
--body-max-width: 45rem;
|
|
--marked: #fb3779;
|
|
--code: #0d47a1;
|
|
--accent: #d81b60;
|
|
}
|
|
@media (prefers-color-scheme:dark) {
|
|
::backdrop, :root {
|
|
--accent: #f06292;
|
|
--code: #62c1f0;
|
|
}
|
|
}
|
|
body {
|
|
grid-template-columns: 1fr min(var(--body-max-width), 90%) 1fr;
|
|
}
|
|
nav a.current {
|
|
color: var(--accent) !important;
|
|
border-color: var(--accent) !important;
|
|
}
|
|
.icon {
|
|
vertical-align: sub;
|
|
padding-right: .25rem;
|
|
display: inline-block;
|
|
width: 1em;
|
|
height: 1.3em;
|
|
margin-right: 0.2rem;
|
|
stroke-width: 0;
|
|
stroke: currentColor;
|
|
fill: currentColor;
|
|
}
|
|
.note{
|
|
font-size: .9rem;
|
|
font-style: italic;
|
|
}
|
|
.example{
|
|
grid-column: 1/4;
|
|
width: 100%;
|
|
max-width: calc(9/5 * var(--body-max-width));
|
|
height: calc(3/5 * var(--body-max-width));
|
|
margin-inline: auto;
|
|
} |