m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-22 09:56:51 +01:00
Code

code frame tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2023-09-19 12:53:11 +01:00
parent e6f6e4cc17
commit ca96ae9549
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
.config/astro.config.ts
View File

@ -37,11 +37,16 @@ export default defineConfig({
// https://github.com/expressive-code/expressive-code/blob/ad08cf74095b30055e841d59497990fade634c86/packages/%40expressive-code/core/src/common/core-styles.ts // https://github.com/expressive-code/expressive-code/blob/ad08cf74095b30055e841d59497990fade634c86/packages/%40expressive-code/core/src/common/core-styles.ts
styleOverrides: { styleOverrides: {
borderRadius: 'var(--border-radius)', borderRadius: 'var(--border-radius)',
borderWidth: 'var(--border-width)',
uiFontFamily: 'var(--font-family-monospace)', uiFontFamily: 'var(--font-family-monospace)',
uiFontSize: 'var(--font-size-mini)', uiFontSize: 'var(--font-size-mini)',
codeFontFamily: 'var(--font-family-monospace)', codeFontFamily: 'var(--font-family-monospace)',
codeFontSize: '0.8rem' codeFontSize: '0.8rem'
},
frames: {
// https://github.com/expressive-code/expressive-code/blob/main/packages/%40expressive-code/plugin-frames/README.md#available-plugin-options
styleOverrides: {
frameBoxShadowCssValue: 'var(--box-shadow)'
}
} }
}), }),
sitemap({ sitemap({

15
src/styles/_code.css
View File

@ -88,8 +88,23 @@ pre::-webkit-scrollbar-track {
margin: var(--spacer) 0; margin: var(--spacer) 0;
} }
div.expressive-code .frame .copy {
top: 0.1rem;
right: 0.3rem;
}
div.expressive-code .frame .copy button {
width: 1.7rem;
height: 1.7rem;
border: none;
border-radius: var(--border-radius);
opacity: 0.6 !important;
background: none;
}
div.expressive-code .frame.has-title:not(.is-terminal) .header .title { div.expressive-code .frame.has-title:not(.is-terminal) .header .title {
border: 0; border: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius);
padding: 0.3rem 1rem;
} }