jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-11-26 07:46:06 -05:00
Code Issues Activity

add some rounded corners and theme transition fading

Browse Source
This commit is contained in:
Jake Jarvis
2022-01-21 12:05:01 -05:00
parent 7e37adabc1
commit 224358fd68
26 changed files with 127 additions and 207 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
components/CodeBlock/CodeBlock.module.css
View File

@@ -1,14 +1,19 @@
/* all code */
.code {
font-size: 0.925em;
color: var(--code-text);
tab-size: 2;
page-break-inside: avoid;
background-color: var(--code-background);
border: 1px solid var(--kinda-light);
border-radius: var(--rounded-edge-radius);
/* light-dark theme switch fading */
transition: background 0.25s ease, border 0.25s ease;
}
/* inline code in paragraphs/elsewhere (single backticks) */
.inline {
padding: 0.1em 0.25em;
padding: 0.2em 0.3em;
}
.block {
@@ -25,6 +30,10 @@
color: var(--medium-dark);
background-color: var(--background-inner);
border: 1px solid var(--kinda-light);
border-top-right-radius: var(--rounded-edge-radius);
border-end-start-radius: var(--rounded-edge-radius);
/* light-dark theme switch fading */
transition: background 0.25s ease, border 0.25s ease;
}
.block .copy_btn:hover {
@@ -37,8 +46,6 @@
display: block;
overflow-x: auto;
padding: 1em;
color: var(--code-text);
background-color: var(--code-background);
}
/* leave room for clipboard button to the right of the first line */