raghnarok/hugo-snotra
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

[STYLE] Remove some overflow (small screens) and break words in code

Browse source
This commit is contained in:
Gregory Trolliet 2020-05-22 17:53:19 +02:00
parent 6e2d65ff63
commit 7756e1a2e0
1 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
static/css/style.css
View file

@ -488,7 +488,10 @@ a:focus {
/******************* Article Figure *******************/ /******************* Article Figure *******************/
.article-body figure { .article-body figure {
margin: 1em 0; margin: 1em 0;
display: table; /*display: table;*/
width: max-content;
max-width: 100%;
overflow: auto;
} }
.article-body figure picture, .article-body figure picture,
.article-body figure figcaption { .article-body figure figcaption {
@ -597,10 +600,15 @@ pre {
padding: 0.3rem; padding: 0.3rem;
margin-top: 0.5rem; margin-top: 0.5rem;
background: repeating-linear-gradient(28deg, #1C1C1C, #1C1C1C 20px, #121212 20px, #121212 40px); background: repeating-linear-gradient(28deg, #1C1C1C, #1C1C1C 20px, #121212 20px, #121212 40px);
overflow: auto;
} }
:not(pre)>code, :not(details)>code { :not(pre)>code, :not(details)>code {
font-size: 1rem; font-size: 1rem;
color: var(--font-color-em); color: var(--font-color-em);
word-break: break-word;
}
.allowbreak code {
word-break: break-word;
} }
/******************* Article Details *******************/ /******************* Article Details *******************/