diff options
| author | eltrac <hi@eltr.ac> | 2026-04-07 14:53:17 +0800 |
|---|---|---|
| committer | eltrac <hi@eltr.ac> | 2026-04-07 14:53:17 +0800 |
| commit | 10431bd8f5ff71690ae4e5444e8d7894fd401ae5 (patch) | |
| tree | 62b7fd1b6c1f68d2804f380eb522bcebeb2c8d9f /assets/css/_markdown.scss | |
| parent | 3e0edacc4a0cafa53ede57ebb6f0378c93f3123b (diff) | |
chore: move templates out of site repo
Diffstat (limited to 'assets/css/_markdown.scss')
| -rw-r--r-- | assets/css/_markdown.scss | 275 |
1 files changed, 0 insertions, 275 deletions
diff --git a/assets/css/_markdown.scss b/assets/css/_markdown.scss deleted file mode 100644 index 09089996..00000000 --- a/assets/css/_markdown.scss +++ /dev/null @@ -1,275 +0,0 @@ -.markdown-body { - max-width: 100%; - - p { - hyphens: auto; - text-justify: ideographic; - margin-bottom: 1em; - } - - strong:is([lang="zh-CN"] strong) { - text-emphasis: filled dot; - text-emphasis-position: under; - } - - img:not(p > img) { - max-width: 100%; - display: block; - margin: 1rem auto; - } - - p > img { - width: 1.5rem; - height: auto; - transition: transform .1s; - &:hover { - transform: scale(1.2) - } - } - - ul { - list-style-type: square; - } - - ul, ol { - padding-inline-start: 1.75rem; - li { - padding-left: 0.25rem; - } - ::marker { - color: var(--secondary-text-color); - } - } - - mark { - color: var(--text-color); - background-color: rgba(255, 235, 0, .25); - text-decoration: underline; - text-decoration-color: rgb(255, 235, 0); - text-underline-offset: 5px; - } - - del { - opacity: 0.5 - } - - iframe { - max-width: 100%; - } - - a:not(.footnote-backref, .footnote-ref) { - // color and underline - text-decoration: underline; - text-decoration-style: wavy; - text-decoration-thickness: 1px; - text-underline-offset: 0.25em; - text-decoration-color: var(--border-color); - color: var(--link-color); - - // link hover effects - transition: text-decoration-color 0.1s ease-in-out; - &:hover { - text-decoration-color: var(--secondary-text-color); - } - - // icons with pseudo-elements - &::before, &::after { - display: inline-block; - font-size: 70%; - color: var(--secondary-text-color); - vertical-align: middle; - font-weight: 800; - } - - &::after { - margin-left: 0.05em; - } - - &::before { - --size: 1.25em; - margin-right: 0.25em; - background-size: var(--size); - height: var(--size); - width: var(--size); - border-radius: 3px; - - } - - // external link icon - &.external-link::after { - content: ''; - background-image: url('/icons/external.svg'); - background-size: cover; - opacity: 0.65; - height: 1em; - width: 1em; - @media (prefers-color-scheme: dark) { - filter: invert(1) - } - } - - // icons for specific domains - &:not(.no-icon) { - &[href*="wikipedia.org"]::before { - content: ''; - background-color: #fff; - background-image: url('/icons/wikipedia.svg'); - } - &[href*="wiktionary.org"]::before { - content: ''; - background-color: #fff; - background-image: url('/icons/enwiktionary.svg'); - } - &[href*="etymonline.com"]::before { - content: ''; - background-image: url('/icons/etymonline.jpg'); - } - &[href*="codeberg.org"]::before { - content: ''; - background-image: url('/icons/codeberg.svg'); - } - &[href*="github.com"]::before { - content: ''; - background-image: url('/icons/github.svg'); - .dark & { - filter: invert(1); - } - } - } - } - - a.footnote-ref { - color: var(--secondary-text-color); - margin-right: 0.25rem; - } - - code { - font-size: 90%; - color: var(--secondary-text-color); - font-weight: 600; - } - - pre { - padding: 0.5rem 1rem; - font-size: 1rem; - border-radius: 5px; - border-top-right-radius: 0; - position: relative; - - & > code { - padding: 0; - color: unset; - background-color: inherit; - border: 0; - overflow: auto; - display: block; - line-height: 1.5; - - &:not([data-lang="fallback"])::before { - --width: 1rem; - content: attr(data-lang); - display: block; - box-sizing: border-box; - line-height: 1rem; - - position: absolute; - top: 0; - right: -1rem; - width: var(--width); - min-height: 2.5rem; - writing-mode: vertical-rl; - text-align: center; - - font-size: 0.75em; - background: #333; - color: #fff; - padding: 0.5rem 0; - border-radius: 0 4px 4px 0; - } - } - } - - figure { - display: block; - margin: 0; - figcaption { - max-width: 100%; - h4 { - font-size: 0.9rem; - color: var(--secondary-text-color); - font-weight: 400; - text-align: center; - white-space: normal; - } - } - } - - /* footnotes */ - - .inline-footnote { - p { margin: 0 } - } - - sup[id*="fnref"]:target { - background-color: rgba(255, 235, 0, .25); - } -} - -/* gallery shortcode */ - -.gallery { - display: flex; - overflow-x: auto; - scroll-behavior: smooth; - gap: 0.5rem; - white-space: nowrap; - - & > figure, & > a:has(> figure) { - margin: 0; - flex-shrink: 0; - display: inline-block; - position: relative; - box-shadow: inset 0 -2rem 2rem -2rem rgba(0, 0, 0, 0.1); - img { - height: 20rem; - display: block; - border-radius: 4px; - margin: 0; - } - figcaption { - position: absolute; - bottom: 0; - left: 0; - padding: 0.35rem; - h4 { - font-size: 0.8rem; - margin: 0; - text-align: left; - width: fit-content; - color: var(--text-color); - background-color: oklch(from var(--block-background-color) l c h / calc(alpha - 0.25)); - backdrop-filter: blur(0.5rem); - padding: 0.2rem 0.35rem; - border-radius: 3px; - line-height: 1.2; - } - } - } - & > p { display: none } - - &.center { - justify-content: center; - } - &.full-width { - & > figure { - flex-shrink: unset; - img { - width: 100%; - } - } - } -} - -.webmention-body { - .h-cite { display: none } -} |
