| | |
| | | width: 100vw; |
| | | } |
| | | |
| | | body, section { |
| | | body, |
| | | section { |
| | | margin: 0; |
| | | max-width: 100%; |
| | | box-sizing: border-box; |
| | |
| | | border-radius: 5px; |
| | | } |
| | | |
| | | ::selection { |
| | | background: color-mix(in srgb, var(--tertiary) 75%, transparent); |
| | | color: var(--darkgray); |
| | | } |
| | | |
| | | p, |
| | | ul, |
| | | text, |
| | |
| | | } |
| | | |
| | | .math { |
| | | font-size: 1.1rem; |
| | | &.math-display { |
| | | text-align: center; |
| | | } |
| | |
| | | border-radius: 5px; |
| | | overflow-x: auto; |
| | | border: 1px solid var(--lightgray); |
| | | position: relative; |
| | | |
| | | &:has(> code.mermaid) { |
| | | border: none; |
| | |
| | | |
| | | ul.overflow, |
| | | ol.overflow { |
| | | height: 300px; |
| | | overflow-y: scroll; |
| | | max-height: 300; |
| | | overflow-y: auto; |
| | | |
| | | // clearfix |
| | | content: ""; |
| | | clear: both; |
| | | |
| | | & > li:last-of-type { |
| | | margin-bottom: 50px; |
| | | margin-bottom: 30px; |
| | | } |
| | | |
| | | &:after { |
| | |
| | | background: linear-gradient(transparent 0px, var(--light)); |
| | | } |
| | | } |
| | | |
| | | .transclude { |
| | | ul { |
| | | padding-left: 1rem; |
| | | } |
| | | } |