| | |
| | | font-weight: revert; |
| | | margin: revert; |
| | | padding: revert; |
| | | |
| | | &:hover > .hanchor { |
| | | opacity: 1; |
| | | } |
| | | } |
| | | |
| | | .hanchor { |
| | | font-family: Inter; |
| | | margin-left: -1em; |
| | | opacity: 0.3; |
| | | transition: opacity 0.3s ease; |
| | | color: var(--secondary); |
| | | |
| | | } |
| | | |
| | | p, ul, text { |
| | |
| | | opacity: 0.7; |
| | | } |
| | | |
| | | & > .tags { |
| | | list-style: none; |
| | | padding-left: 0; |
| | | |
| | | & .meta { |
| | | & > h1 { |
| | | margin: 0; |
| | | } |
| | | & > p { |
| | | margin: 0; |
| | | } |
| | | } |
| | | |
| | | & > li { |
| | | display: inline-block; |
| | | } |
| | | & > li > a { |
| | | border-radius: 8px; |
| | | border: var(--outlinegray) 1px solid; |
| | | padding: 0.2em 0.5em; |
| | | &::before { |
| | | content: "#"; |
| | | margin-right: 0.3em; |
| | | color: var(--outlinegray); |
| | | } |
| | | } |
| | | } |
| | | |
| | | & a { |
| | | font-family: Source Sans Pro; |
| | | font-weight: 600; |
| | |
| | | } |
| | | } |
| | | |
| | | .tags { |
| | | list-style: none; |
| | | padding-left: 0; |
| | | |
| | | & .meta { |
| | | & > h1 { |
| | | margin: 0; |
| | | } |
| | | & > p { |
| | | margin: 0; |
| | | } |
| | | } |
| | | |
| | | & > li { |
| | | display: inline-block; |
| | | margin: 0.4em 0; |
| | | } |
| | | |
| | | & > li > a { |
| | | border-radius: 8px; |
| | | border: var(--outlinegray) 1px solid; |
| | | padding: 0.2em 0.5em; |
| | | &::before { |
| | | content: "#"; |
| | | margin-right: 0.3em; |
| | | color: var(--outlinegray); |
| | | } |
| | | } |
| | | } |
| | | |
| | | .backlinks a { |
| | | font-weight: 600; |
| | | font-size: 0.9rem; |
| | |
| | | & #graph-container { |
| | | border: var(--outlinegray) 1px solid; |
| | | border-radius: 5px; |
| | | box-sizing: border-box; |
| | | min-height: 250px; |
| | | |
| | | & > svg { |
| | | margin-bottom: -5px; |
| | | |
| | | } |
| | | } |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | & > #results-container { |
| | | & > .result-card { |
| | | & .result-card { |
| | | padding: 1em; |
| | | cursor: pointer; |
| | | transition: background 0.2s ease; |
| | |
| | | & > h3, & > p { |
| | | margin: 0; |
| | | } |
| | | |
| | | & .search-highlight { |
| | | background-color: #afbfc966; |
| | | padding: 0.05em 0.2em; |
| | | border-radius: 3px; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .search-highlight { |
| | | background-color: #afbfc966; |
| | | padding: 0.05em 0.2em; |
| | | border-radius: 3px; |
| | | } |
| | | |
| | | .section-ul { |
| | | list-style: none; |
| | | padding-left: 0; |
| | |
| | | font-size: 0.8rem; |
| | | } |
| | | |
| | | & > p { |
| | | & > p, & > a { |
| | | margin: 0; |
| | | font-weight: 400; |
| | | user-select: none; |
| | |
| | | padding: 0 1em; |
| | | } |
| | | } |
| | | |
| | | |