diff options
| author | Eltrac <hi@guhub.cn> | 2025-05-30 19:57:05 +0800 |
|---|---|---|
| committer | Eltrac <hi@guhub.cn> | 2025-05-30 19:57:05 +0800 |
| commit | 4cb849ca3b4ac9db139f521766c98f684f854ceb (patch) | |
| tree | 3809943f9c50661fdae75c5d0912d02081b18f3f /assets/css/components/_shortcodes.scss | |
| parent | 32acc0de5e7bae7cda003471396d8005bd69695d (diff) | |
feat: better gallery shortcode
add utility classes ("center" and "full-width")
Former-commit-id: 0f779940b2ce241ba446fc61c3dcb40a9d2f597f
Diffstat (limited to 'assets/css/components/_shortcodes.scss')
| -rw-r--r-- | assets/css/components/_shortcodes.scss | 17 |
1 files changed, 15 insertions, 2 deletions
diff --git a/assets/css/components/_shortcodes.scss b/assets/css/components/_shortcodes.scss index 725d5eb2..52de0999 100644 --- a/assets/css/components/_shortcodes.scss +++ b/assets/css/components/_shortcodes.scss @@ -70,14 +70,15 @@ margin: 0.1rem } -/* inline-image shortcode */ +/* gallery shortcode */ -.inline-image { +.gallery { display: flex; overflow-x: auto; scroll-behavior: smooth; gap: 1rem; white-space: nowrap; + & > figure { display: inline-block; margin: 0; @@ -90,6 +91,18 @@ } } & > p { display: none } + + &.center { + justify-content: center; + } + &.full-width { + & > figure { + flex-shrink: unset; + img { + width: 100%; + } + } + } } /* sidenote shortcode */ |