ayo/blog
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: fix code highlighter width overflow

Browse source
This commit is contained in:
Ayo Ayco 2024-07-13 17:52:17 +02:00
parent 6c94f0cd29
commit eeef0be904
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
assets/main.scss
View file

@ -111,7 +111,7 @@ caption {
} }
.wrapper { .wrapper {
max-width: 1000px; max-width: var(--content-width);
} }
.site-title { .site-title {
@ -317,6 +317,10 @@ iframe.mastodon-embed {
&__content { &__content {
margin: 1em 0; margin: 1em 0;
.highlighter-rouge {
max-width: calc(100vw - 30px);
}
h1, h1,
h2, h2,
h3 { h3 {

2
assets/variables.css
View file

@ -1,5 +1,5 @@
:root { :root {
--content-width: 700px; --content-width: 1000px;
--font-size-sm: clamp(0.75rem, 0.2vw + 0.66rem, 0.8rem); --font-size-sm: clamp(0.75rem, 0.2vw + 0.66rem, 0.8rem);
--font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem); --font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem);
--font-size-lg: clamp(1.2rem, 0.7vw + 1.2rem, 1.5rem); --font-size-lg: clamp(1.2rem, 0.7vw + 1.2rem, 1.5rem);