m
/
blog
mirror of https://github.com/kremalicious/blog.git
1
0
Fork 0
Code

code frame tweaks

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
styleOverrides: {
borderRadius: 'var(--border-radius)',
borderWidth: 'var(--border-width)',
uiFontFamily: 'var(--font-family-monospace)',
uiFontSize: 'var(--font-size-mini)',
codeFontFamily: 'var(--font-family-monospace)',
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({

15
src/styles/_code.css
View File

@ -88,8 +88,23 @@ pre::-webkit-scrollbar-track {
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 {
border: 0;
border-top-right-radius: 0;
border-bottom-right-radius: var(--border-radius);
padding: 0.3rem 1rem;
}