summaryrefslogtreecommitdiff
path: root/public/css/modules/link-gallery.xs.css
diff options
context:
space:
mode:
authorJoe Carstairs <65492573+Sycamost@users.noreply.github.com>2023-08-26 08:24:35 +0100
committerJoe Carstairs <65492573+Sycamost@users.noreply.github.com>2023-08-26 08:24:35 +0100
commit0128568e2221f1d0d5df9fe3a1ab6e5911c0655a (patch)
tree17141b6a9910a8edea9bd02d293414f79dc0c9f0 /public/css/modules/link-gallery.xs.css
parent4e4486f60ea2a09a91a875f20f276ad2693ddfaf (diff)
Adds xs breakpoint
Diffstat (limited to 'public/css/modules/link-gallery.xs.css')
-rw-r--r--public/css/modules/link-gallery.xs.css21
1 files changed, 21 insertions, 0 deletions
diff --git a/public/css/modules/link-gallery.xs.css b/public/css/modules/link-gallery.xs.css
new file mode 100644
index 0000000..729ff01
--- /dev/null
+++ b/public/css/modules/link-gallery.xs.css
@@ -0,0 +1,21 @@
+.link-gallery {
+ grid-auto-rows: calc(
+ var(--gallery-row-image-height) +
+ var(--margin-block-sm) +
+ var(--gallery-row-title-height)
+ );
+ --gallery-item-column-span: 2;
+ --gallery-row-title-height: 11ex;
+ text-align: center;
+}
+
+.link-gallery__title {
+ width: 100%;
+ height: min-content;
+ max-height: 100%;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 3;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+}