Something went wrong. Try again.
Dedicated SSR (Server-side-rendered) Astro native Headless CMS, build from the ground up for the Astro community and by Astro community memb github.com/withstudiocms/studiocms
Something went wrong. Try again.
1.6 kB · 79 lines
CSS
at main
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980@import "./syntax.css";
pre.playground-code-container { --background-step-2: #0d1117; --border: #30363d; --success-base: #238636; --success-flat-hover: #2ea043; --danger-base: #cf222e; --danger-flat-hover: #f85149;
&[data-theme="light"] { --background-step-2: #f6f8fa; --border: #d0d7de; --success-base: #238636; --success-flat-hover: #2ea043; --danger-base: #cf222e; --danger-flat-hover: #f85149; }
min-width: 0; padding: 16px; margin-right: 1rem; background-color: var(--background-step-2) !important; border: 1px solid var(--border) !important; border-radius: 0.25rem; overflow-x: auto; line-height: 1.6;
.custom-code { font-family: var(--scms-font-syntax); font-palette: --github-dark; font-size: 14px; line-height: 1.6; }
&[data-theme="light"] .custom-code { font-palette: --github-light; }
.custom-code .line.diff { position: relative; z-index: 2; align-items: center; display: inline flow-root; width: 100%;
&::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; padding-left: 0.25rem; user-select: none; }
& > span { z-index: 2; position: relative; }
&.ins::after { content: "+"; background-color: var(--success-flat-hover); color: var(--success-base) !important; border-left: 2px solid var(--success-base); font-family: monospace; }
&.del::after { content: "-"; background-color: var(--danger-flat-hover); color: var(--danger-base) !important; border-left: 2px solid var(--danger-base); font-family: monospace; } }}