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

Compare commits

base: raghnarok:666b5c0f3d88d7ec3ebaa844fc3409ba44bb3130
Branches Tags
raghnarok:master
raghnarok:v1.0.0
...
compare: raghnarok:7756e1a2e03f5d820bf1dd35d7689de17b25eb3a
Branches Tags
raghnarok:master
raghnarok:v1.0.0

5 commits
666b5c0f3d ... 7756e1a2e0

Author SHA1 Message Date
Gregory Trolliet
7756e1a2e0 [STYLE] Remove some overflow (small screens) and break words in code 2020-05-22 17:53:19 +02:00
Gregory Trolliet
6e2d65ff63 [SHORTCODE] Allow css class in details shortcode 2020-05-22 17:51:03 +02:00
Gregory Trolliet
79fe88673c [STYLE] Fix the scrolling error on details 2020-05-22 17:02:58 +02:00
Gregory Trolliet
38f1b9129a [STYLE] Make figure caption adapat to content size 2020-05-22 17:01:30 +02:00
Gregory Trolliet
5a8cfa35ee [STYLE] Add same padding on table headers as on table cell 2020-05-22 16:54:48 +02:00
2 changed files with 15 additions and 4 deletions
Show stats Expand all files Collapse all files

2
layouts/shortcodes/details.html
View file

@ -1,3 +1,3 @@
<details><summary>{{ .Get "title" }}</summary> <details {{ with .Get "class" }} class="{{ . }}"{{ end }}><summary>{{ .Get "title" }}</summary>
{{ .Inner }} {{ .Inner }}
</details> </details>

17
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 {
@ -525,6 +528,8 @@ a:focus {
} }
.article-body figure.border figcaption { .article-body figure.border figcaption {
background-color: var(--background-color-light); background-color: var(--background-color-light);
min-width: 100%;
display: inline-block;
} }
.article-body figure>a { .article-body figure>a {
display: block; display: block;
@ -557,7 +562,8 @@ a:focus {
border: 3px solid var(--background-color-light); border: 3px solid var(--background-color-light);
min-width: 100%; min-width: 100%;
} }
.article-body .tabular td { .article-body .tabular td,
.article-body .tabular th {
padding: 0 0.4rem; padding: 0 0.4rem;
} }
.article-body .tabular th { .article-body .tabular th {
@ -594,15 +600,20 @@ 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 *******************/
details{ details{
overflow: scroll; overflow: auto;
} }
details[open] { details[open] {
outline: 1px solid white; outline: 1px solid white;