| | |
| | | |
| | | h1, h2, h3, h4, ol, ul, thead { |
| | | font-family: Inter; |
| | | color: var(--dark) |
| | | color: var(--dark); |
| | | font-weight: revert; |
| | | margin: revert; |
| | | padding: revert; |
| | | } |
| | | |
| | | p, ul, text { |
| | | font-family: 'Source Sans Pro', sans-serif; |
| | | color: var(--gray); |
| | | fill: var(--gray); |
| | | font-weight: revert; |
| | | margin: revert; |
| | | padding: revert; |
| | | } |
| | | |
| | | a { |
| | |
| | | article a { |
| | | font-family: Source Sans Pro; |
| | | font-weight: 600; |
| | | text-decoration: underline; |
| | | text-decoration-color: var(--tertiary); |
| | | text-decoration-thickness: .15em; |
| | | } |
| | | |
| | | sup > a { |
| | |
| | | } |
| | | |
| | | // internal link |
| | | a[href^="/"] { |
| | | a[href^="./"] { |
| | | text-decoration: none; |
| | | background-color: #afbfc922; |
| | | background-color: #afbfc933; |
| | | padding: 0 0.2em; |
| | | font-weight: 600; |
| | | border-radius: 3px; |
| | | } |
| | | |
| | |
| | | |
| | | & #graph-container { |
| | | border: var(--outlinegray) 1px solid; |
| | | border-radius: 5px |
| | | border-radius: 5px; |
| | | } |
| | | } |
| | | |
| | |
| | | flex-direction: row; |
| | | align-items: center; |
| | | |
| | | & > h1 { |
| | | font-size: 2em; |
| | | } |
| | | |
| | | & > nav { |
| | | @media all and (max-width: 600px) { |
| | | display: none; |
| | | } |
| | | |
| | | & > a { |
| | | margin-left: 2em; |
| | | } |
| | | } |
| | | |
| | | & > .spacer { |
| | |
| | | transition: background 0.2s ease; |
| | | border: 1px solid var(--outlinegray); |
| | | border-bottom: none; |
| | | width: 100%; |
| | | |
| | | // normalize button props |
| | | font-family: inherit; |
| | |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |