| | |
| | | @use "./custom.scss"; |
| | | @use "./variables.scss" as *; |
| | | @use "./syntax.scss"; |
| | | @use "./callouts.scss"; |
| | | @use "./variables.scss" as *; |
| | | |
| | | html { |
| | | scroll-behavior: smooth; |
| | |
| | | |
| | | ::selection { |
| | | background: color-mix(in srgb, var(--tertiary) 75%, transparent); |
| | | color: var(--darkgray) |
| | | color: var(--darkgray); |
| | | } |
| | | |
| | | p, |
| | |
| | | background-color: var(--highlight); |
| | | padding: 0 0.1rem; |
| | | border-radius: 5px; |
| | | |
| | | &:has(> img) { |
| | | background-color: none; |
| | | border-radius: 0; |
| | | padding: 0; |
| | | } |
| | | } |
| | | } |
| | | |
| | |
| | | line-height: 1.6rem; |
| | | } |
| | | |
| | | table { |
| | | margin: 1rem; |
| | | padding: 1.5rem; |
| | | border-collapse: collapse; |
| | | & > * { |
| | | line-height: 2rem; |
| | | .table-container { |
| | | overflow-x: auto; |
| | | |
| | | & > table { |
| | | margin: 1rem; |
| | | padding: 1.5rem; |
| | | border-collapse: collapse; |
| | | |
| | | th, |
| | | td { |
| | | min-width: 75px; |
| | | } |
| | | |
| | | & > * { |
| | | line-height: 2rem; |
| | | } |
| | | } |
| | | } |
| | | |
| | | th { |
| | | text-align: left; |
| | | padding: 0.4rem 1rem; |
| | | padding: 0.4rem 0.7rem; |
| | | border-bottom: 2px solid var(--gray); |
| | | } |
| | | |
| | | td { |
| | | padding: 0.2rem 1rem; |
| | | padding: 0.2rem 0.7rem; |
| | | } |
| | | |
| | | tr { |
| | |
| | | |
| | | ul.overflow, |
| | | ol.overflow { |
| | | height: 300px; |
| | | max-height: 400; |
| | | overflow-y: auto; |
| | | |
| | | // clearfix |
| | |
| | | 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; |
| | | } |
| | | } |