| | |
| | | @import "./syntax.scss"; |
| | | @import "./callouts.scss"; |
| | | |
| | | html { |
| | | scroll-behavior: smooth; |
| | |
| | | } |
| | | |
| | | blockquote { |
| | | font-style: italic; |
| | | margin-left: 0; |
| | | border-left: 3px solid var(--secondary); |
| | | padding-left: 1rem; |
| | |
| | | font-weight: revert; |
| | | margin: 2rem 0 0; |
| | | |
| | | &:hover > .hanchor { |
| | | color: var(--secondary); |
| | | } |
| | | |
| | | article > & > a { |
| | | color: var(--dark) |
| | | color: var(--dark); |
| | | &.internal { |
| | | background-color: transparent; |
| | | } |
| | | } |
| | | } |
| | | |
| | | h1, h2, h3, h4, h5, h6 { |
| | | &[id] > a { |
| | | margin: 0 0.5rem; |
| | | opacity: 0; |
| | | transition: opacity 0.2s ease; |
| | | transform: translateY(-0.1rem); |
| | | display: inline-block; |
| | | font-family: var(--codeFont); |
| | | user-select: none; |
| | | } |
| | | &[id]:hover > a { |
| | | opacity: 1; |
| | | } |
| | | } |
| | | |
| | |
| | | padding: 0 1em |
| | | } |
| | | } |
| | | |
| | | audio, video { |
| | | width: 100%; |
| | | border-radius: 5px; |
| | | } |