*, *::before, *::after { box-sizing: border-box; margin: 0; font-weight: normal; } body { color: var(--color-fg); background: var(--color-bg); transition: color 0.5s, background-color 0.5s; font-family: var(--font--sans-serif); font-size: var(--text-base); text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } p { margin-bottom: 1rem; &:only-child, &:last-child { margin-bottom: 0; } } a { color: var(--color-links); } img { width: 100%; } ol, ul { li { margin-bottom: 0.4rem; &:last-of-type { margin-bottom: 0; } } } ul { list-style: disc; } hr { height: 1px; background-color: var(--color-black); border: none; margin-top: 1rem; margin-bottom: 1rem; } h1, h2, h3, h4, h5, h6 { color: var(--color-blue); font-weight: bold; } section { padding: 1rem; margin: 0 auto; max-width: var(--page--max-width); & > * { margin-bottom: 1rem; } & > *:last-child { margin-bottom: 0; } } code { padding: 0.1em 0.3em; border-radius: 3px; background-color: var(--color-bg--layer-01); font-family: var(--font--mono); } pre { padding: 1rem; border-radius: 5px; display: block; background-color: var(--color-bg--layer-01); overflow: auto; page-break-inside: avoid; word-wrap: break-word; font-family: var(--font--mono); code { padding: 0; border-radius: 0; background-color: transparent; } } .inline { display: inline; } blockquote { border-left: 2px solid var(--color-green); padding-left: 1rem; strong.highlight { color: var(--color-green); } &.warn { border-left-color: var(--color-warn); strong.highlight { color: var(--color-warn); } } &.danger { border-left-color: var(--color-error); strong.highlight { color: var(--color-error); } } }