| | |
| | | html { |
| | | scroll-behavior: smooth; |
| | | &:lang(ar) { |
| | | & p, & h1, & h2, & h3, article { |
| | | & p, & h1, & h2, & h3, article, header { |
| | | direction: rtl; |
| | | text-align: right; |
| | | } |
| | | } |
| | | & footer > p { |
| | | text-align: center !important; |
| | | } |
| | | } |
| | | |
| | | .singlePage { |
| | |
| | | |
| | | & > li { |
| | | display: inline-block; |
| | | margin: 0.4em 0; |
| | | margin: 0.4em 0.2em; |
| | | } |
| | | |
| | | & > li > a { |
| | |
| | | margin: 0.25rem 0; |
| | | } |
| | | |
| | | & > .meta { |
| | | & .meta { |
| | | margin-top: 0.25rem; |
| | | opacity: 0.5; |
| | | font-family: var(--font-mono); |
| | | font-size: 0.8rem; |
| | | } |
| | | |
| | | & > p { |
| | | margin: 0; |
| | | padding: 0.5rem 0; |
| | | } |
| | | |
| | | & > p, & > a { |
| | | font-size: 1rem; |
| | | margin: 0.7rem 0; |
| | | font-weight: 400; |
| | | user-select: none; |
| | | } |
| | |
| | | } |
| | | } |
| | | |
| | | mark { |
| | | background-color: var(--highlighted); |
| | | color: var(--gray); |
| | | } |