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

Compare commits

base: raghnarok:0e0397e59183f8faae87a1b5689ff37280108999
Branches Tags
raghnarok:master
raghnarok:v1.0.0
..
compare: raghnarok:4e4e64d5b269990d7fb617b593c8ceec28f7ea94
Branches Tags
raghnarok:master
raghnarok:v1.0.0

4 commits
0e0397e591 ... 4e4e64d5b2

Author SHA1 Message Date
Gregory Trolliet
4e4e64d5b2 [THEME] Fix logo width 2021-02-26 16:59:11 +01:00
Gregory Trolliet
0d0b4cabbd [THEME] Fix figure width 
Better way to fix figure width.
Also solve the link width.
 2021-02-26 14:40:05 +01:00
Gregory Trolliet
49c3cd386b [THEME] Make link only on image size 
Don't allow to clic outside of the image to follow link when the image
is smaller than the page.
 2021-02-26 14:26:00 +01:00
Gregory Trolliet
31286f5f0b [THEME] Fix inline figures 2021-02-25 14:31:47 +01:00
1 changed files with 9 additions and 3 deletions
Show stats Expand all files Collapse all files

12
static/css/style.css
View file

@ -13,6 +13,8 @@
--color02_bright: #b88a5b; --color02_bright: #b88a5b;
--image-margin-side: 2.5em; --image-margin-side: 2.5em;
--content-width: 900px;
} }
/******************* Page *******************/ /******************* Page *******************/
@ -278,7 +280,7 @@ a:focus {
} }
@media only screen and (min-width: 1000px) { @media only screen and (min-width: 1000px) {
.container { .container {
max-width: 900px; max-width: var(--content-width);
} }
} }
.page-icon { .page-icon {
@ -504,8 +506,8 @@ a:focus {
.article-body figure { .article-body figure {
margin: 1em 0; margin: 1em 0;
max-width: 100%; max-width: 100%;
width: fit-content;
overflow: visible; overflow: visible;
min-width: calc(50% - 2 * var(--image-margin-side));
} }
.article-body figure picture, .article-body figure picture,
.article-body figure figcaption { .article-body figure figcaption {
@ -515,6 +517,7 @@ a:focus {
.article-body figure img { .article-body figure img {
vertical-align: middle; vertical-align: middle;
padding-bottom: 0.3em; padding-bottom: 0.3em;
min-width: calc(50% - 2 * var(--image-margin-side));
} }
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
.article-body figure { .article-body figure {
@ -538,6 +541,9 @@ a:focus {
} }
.article-body figure.inline { .article-body figure.inline {
display: inline-block; display: inline-block;
min-width: auto;
margin-left: 1em;
margin-right: 1em;
} }
.article-body figure.half { .article-body figure.half {
width: 100%; width: 100%;
@ -548,7 +554,7 @@ a:focus {
max-width: 33.33%; max-width: 33.33%;
} }
.article-body figure.logo img { .article-body figure.logo img {
width: 100%; width: 100px;
max-width: 100px; max-width: 100px;
min-width: auto; min-width: auto;
vertical-align: bottom; vertical-align: bottom;