diff options
| author | Danilo M. <danix@danix.xyz> | 2026-04-22 12:42:56 +0200 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-04-22 12:42:56 +0200 |
| commit | 631547a75142326a7c71bdf123e1475217a5ad73 (patch) | |
| tree | f3cfef6b3c5b42bf626fc823ddcf63b8dcf4cdbb /assets/css/components/code.css | |
| parent | 77ccbe72fad5a4870185fff374f75471c16a9043 (diff) | |
| download | danixxyz-theme-631547a75142326a7c71bdf123e1475217a5ad73.tar.gz danixxyz-theme-631547a75142326a7c71bdf123e1475217a5ad73.zip | |
chore: replace with extracted danix.xyz-hacker theme (danix2-hugo-theme)
Diffstat (limited to 'assets/css/components/code.css')
| -rw-r--r-- | assets/css/components/code.css | 138 |
1 files changed, 0 insertions, 138 deletions
diff --git a/assets/css/components/code.css b/assets/css/components/code.css deleted file mode 100644 index 4cdc57b..0000000 --- a/assets/css/components/code.css +++ /dev/null @@ -1,138 +0,0 @@ -/* code.css */ -pre { - background: var(--surface); - border: 1px solid var(--border); - border-left: 3px solid var(--accent); - border-radius: 6px; - padding: 1rem; - overflow-x: auto; - position: relative; - margin: 1.5rem 0; -} - -pre code { - font-family: var(--font-mono); - font-size: 0.9rem; - line-height: 1.6; - color: var(--text); -} - -/* Chroma syntax highlighting */ -.highlight { - background: var(--surface); - border: 1px solid var(--border); - border-left: 3px solid var(--accent); - border-radius: 6px; - padding: 1rem; - overflow-x: auto; - margin: 1.5rem 0; - position: relative; -} - -.highlight code { - background: none; - padding: 0; - border-radius: 0; - color: inherit; -} - -/* Chroma color overrides for dark theme */ -.highlight .k { color: #f59e0b; } -.highlight .kn { color: #f59e0b; } -.highlight .kp { color: #f59e0b; } -.highlight .kr { color: #f59e0b; } -.highlight .kt { color: #a855f7; } -.highlight .n { color: #c4d6e8; } -.highlight .na { color: #38bdf8; } -.highlight .nb { color: #38bdf8; } -.highlight .nc { color: #a855f7; } -.highlight .no { color: #00ff88; } -.highlight .nd { color: #f59e0b; } -.highlight .ni { color: #a855f7; } -.highlight .ne { color: #f59e0b; } -.highlight .nf { color: #38bdf8; } -.highlight .nl { color: #a855f7; } -.highlight .nn { color: #a855f7; } -.highlight .nt { color: #f59e0b; } -.highlight .nv { color: #c4d6e8; } -.highlight .s { color: #00ff88; } -.highlight .sa { color: #00ff88; } -.highlight .sb { color: #00ff88; } -.highlight .sc { color: #00ff88; } -.highlight .s1 { color: #00ff88; } -.highlight .s2 { color: #00ff88; } -.highlight .se { color: #f59e0b; } -.highlight .sh { color: #00ff88; } -.highlight .si { color: #f59e0b; } -.highlight .sx { color: #00ff88; } -.highlight .sr { color: #00ff88; } -.highlight .ss { color: #00ff88; } -.highlight .m { color: #38bdf8; } -.highlight .mb { color: #38bdf8; } -.highlight .mf { color: #38bdf8; } -.highlight .mh { color: #38bdf8; } -.highlight .mi { color: #38bdf8; } -.highlight .il { color: #38bdf8; } -.highlight .mo { color: #38bdf8; } -.highlight .o { color: #c4d6e8; } -.highlight .ow { color: #a855f7; } -.highlight .c { color: #7a9bb8; } -.highlight .c1 { color: #7a9bb8; } -.highlight .ch { color: #7a9bb8; } -.highlight .cm { color: #7a9bb8; } -.highlight .cp { color: #f59e0b; } -.highlight .cpf { color: #f59e0b; } - -html.theme-light .highlight { - background: var(--surface); - border-left-color: var(--accent); -} - -html.theme-light .highlight .c { color: #6a7fa0; } - -/* Copy button for code blocks */ -.code-copy-btn { - position: absolute; - top: 0.75rem; - right: 0.75rem; - background: var(--accent); - color: #fff; - border: none; - padding: 0.4rem 0.8rem; - border-radius: 4px; - font-family: var(--font-mono); - font-size: 0.75rem; - cursor: pointer; - opacity: 0; - transition: var(--transition); - text-transform: uppercase; - letter-spacing: 0.08em; -} - -.highlight:hover .code-copy-btn, -pre:hover .code-copy-btn { - opacity: 1; -} - -.code-copy-btn:hover { - background: var(--accent2); - color: var(--bg); -} - -.code-copy-btn.copied { - background: var(--accent2); -} - -/* Inline code */ -code { - font-family: var(--font-mono); - background: var(--surface); - padding: 0.25rem 0.5rem; - border-radius: 4px; - font-size: 0.9em; - color: var(--accent2); -} - -p code { - border: 1px solid color-mix(in srgb, var(--accent) 20%, transparent); -} |
