diff options
Diffstat (limited to 'content')
| -rw-r--r-- | content/assets/site.css | 35 |
1 files changed, 34 insertions, 1 deletions
diff --git a/content/assets/site.css b/content/assets/site.css index 2638f11..de86b92 100644 --- a/content/assets/site.css +++ b/content/assets/site.css @@ -153,7 +153,6 @@ body li { } body img { - border: 1px solid #ccc; height: auto; width: auto; flex: 0 0 auto; @@ -399,3 +398,37 @@ iframe { .syntax-open, .syntax-close { color: #ccc; } + +/* Image Board */ +.grid { + column-count: 2; + column-gap: 6px; +} + +.grid figure { + padding: 0; + margin: 0; + width: 100%; + height: auto; + display: inline-block; + margin-bottom: 10px; + break-inside: avoid; + page-break-inside: avoid; +} + +.grid img { + width: 100%; + height: auto; + object-fit: contain; + display: block; +} + +.grid figcaption { + text-align: right; + font-size: 70%; + font-style: italic; +} + +@media (max-width: 800px) { + .grid { column-count: 1; } +} |
