sass-site/source/assets/js/playground/theme.ts
2023-06-02 10:53:32 -04:00

21 lines
489 B
TypeScript

import { EditorView } from 'codemirror';
// TODO: Consider moving to vendor scss
const playgroundTheme = EditorView.baseTheme({
'&': {
// TODO: Make dynamic
height: '500px',
'font-size': 'var(--sl-font-size--small)',
'background-color': 'var(--sl-color--code-background)',
},
'.cm-gutters': {
'background-color': 'var(--sl-color--code-background)',
'border-right': 'none',
},
'.cm-scroller': {
overflow: 'auto',
},
});
export { playgroundTheme };