diff --git a/src/assets/css/global/blocks/code.css b/src/assets/css/global/blocks/code.css index 7486854..c88dcba 100644 --- a/src/assets/css/global/blocks/code.css +++ b/src/assets/css/global/blocks/code.css @@ -12,16 +12,17 @@ code, pre { font-family: var(--font-mono); font-size: var(--size-step-min-1); - line-height: 1.4; - background: var(--color-code-bg); - padding: 0.1em 0.4em; + background-color: var(--color-code-bg); + border-radius: var(--border-radius); - text-align: left; +} + +code[class*='language-'], +pre[class*='language-'] { white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; - color: var(--color-text-accent); hyphens: none; } @@ -36,6 +37,7 @@ pre { :where(:not(pre)) > code { position: relative; top: -0.05em; + padding: 0.1em 0.4em; } pre[class*='language-'] { diff --git a/src/assets/css/global/blocks/styleguide.css b/src/assets/css/global/blocks/styleguide.css index 0d77917..4cded7c 100644 --- a/src/assets/css/global/blocks/styleguide.css +++ b/src/assets/css/global/blocks/styleguide.css @@ -7,6 +7,10 @@ font-size: var(--size-step-min-2); } +.styleguide li p:has(code) { + line-height: var(--leading-flat); +} + .styleguide section { --region-space-bottom: var(--space-l-xl); --region-space-top: var(--space-l-xl);