em/em.0x45.cz
1
0
Fork 0
Code Actions Activity

Fix overlowing caused by pre and tables

Browse Source
This commit is contained in:
Emil Miler
2022-04-24 11:01:10 +02:00
parent 1d4ff89f0d
commit 4082b8454f
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
sass/style.scss
View File

@@ -38,6 +38,9 @@
grid-template-columns: 10em auto; grid-template-columns: 10em auto;
grid-column-gap: 2em; grid-column-gap: 2em;
/* Do not let wide blocks, such as pre, expand the column and overflow */
&>*{ min-width: 0 }
& aside>*:first-child, & aside>*:first-child,
& main>*:first-child, & main>*:first-child,
& main>article:first-child h2 & main>article:first-child h2
@@ -140,6 +143,8 @@ main {
max-width: 100%; max-width: 100%;
margin: 0 auto; margin: 0 auto;
text-align: left; text-align: left;
display: block;
overflow: auto;
td, th { padding: 0 1em } td, th { padding: 0 1em }
} }
@@ -153,16 +158,16 @@ main {
} }
} }
code { font-size: 14px }
li>code { word-wrap: break-word }
p>code { p>code {
background-color: #2b303b; background-color: #2b303b;
color: #fff; color: #fff;
font-size: 14px;
padding: .3em .5em; padding: .3em .5em;
border-radius: .3em; border-radius: .3em;
} }
pre { pre {
font-size: 14px;
padding: 1em; padding: 1em;
overflow: auto; overflow: auto;
border-radius: .3em; border-radius: .3em;