| | |
| | | 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 { |
| | |
| | | padding: 2rem auto 1rem; |
| | | |
| | | &:hover > .hanchor { |
| | | opacity: 1; |
| | | color: var(--secondary); |
| | | } |
| | | } |
| | | |
| | | .hanchor { |
| | | font-family: var(--font-header); |
| | | opacity: 0.2; |
| | | transition: opacity 0.3s ease; |
| | | color: var(--secondary); |
| | | opacity: 0.8; |
| | | transition: color 0.3s ease; |
| | | color: var(--dark); |
| | | } |
| | | |
| | | p, ul, text, a, tr, td, li, ol, ul { |
| | |
| | | |
| | | article { |
| | | & > h1 { |
| | | margin-top: 2em; |
| | | font-size: 2em; |
| | | } |
| | | |
| | |
| | | |
| | | & > li { |
| | | display: inline-block; |
| | | margin: 0.4em 0; |
| | | margin: 0.4em 0.2em; |
| | | } |
| | | |
| | | & > li > a { |
| | |
| | | } |
| | | |
| | | hr { |
| | | width: 25%; |
| | | margin: 4em auto; |
| | | height: 2px; |
| | | border-radius: 1px; |
| | | border-width: 0; |
| | | color: var(--dark); |
| | | background-color: var(--dark); |
| | | width: 100%; |
| | | margin: 2em auto; |
| | | height: 1px; |
| | | border: none; |
| | | background-color: var(--outlinegray); |
| | | } |
| | | |
| | | .page-end { |
| | |
| | | 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); |
| | | } |