diff options
| author | Francesco Tomaselli <tomaselli.fr@gmail.com> | 2024-11-18 22:14:35 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-11-18 22:14:35 +0100 |
| commit | bd2e58d4b89d5f641af339636f6d2c78210fa1dd (patch) | |
| tree | 80978b106d16221e1cc7da3a1f857c808c634d53 /assets/css | |
| parent | f025f972e0b1ffb8df288be632bb3c34a58b66e8 (diff) | |
| parent | 97936e3070c707fd2db6aa1c3db092aa159563f2 (diff) | |
Merge pull request #48 from runofthemillgeek/feat/img-width-height-attrs
Add width and height attrs for local images
Diffstat (limited to 'assets/css')
| -rw-r--r-- | assets/css/main.css | 17 | ||||
| -rw-r--r-- | assets/css/vars.css | 1 |
2 files changed, 17 insertions, 1 deletions
diff --git a/assets/css/main.css b/assets/css/main.css index d95ca04..57d9066 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -394,6 +394,20 @@ footer a { /* images */ +figure > div { + width: 100%; + display: flex; + justify-content: center; +} + +figure img { + max-width: 100%; + max-height: var(--figure-img-max-height); + width: auto; + height: auto; + margin-inline: auto; +} + .dark .img-light { display: none !important; } @@ -419,6 +433,7 @@ footer a { } .img-full img { + height: auto; width: 100vw !important; max-width: 100vw !important; } @@ -527,4 +542,4 @@ blockquote { blockquote p { margin-left: 1rem; margin-right: 1rem; -}
\ No newline at end of file +} diff --git a/assets/css/vars.css b/assets/css/vars.css index 837acf7..9a6584f 100644 --- a/assets/css/vars.css +++ b/assets/css/vars.css @@ -53,6 +53,7 @@ /* Content */ --content-height: calc(100vh - var(--footer-height)); + --figure-img-max-height: 500px; /* Tables */ --table-cell-padding: .5rem; |