From 7204a4619496d24229afbfaae2cb9efa7bf1a308 Mon Sep 17 00:00:00 2001 From: madrilene Date: Tue, 31 Oct 2023 13:27:33 +0100 Subject: [PATCH] update cluster.css --- src/assets/css/compositions/cluster.css | 12 ++++-------- 1 file changed, 4 insertions(+), 8 deletions(-) diff --git a/src/assets/css/compositions/cluster.css b/src/assets/css/compositions/cluster.css index d3a4660..9869633 100644 --- a/src/assets/css/compositions/cluster.css +++ b/src/assets/css/compositions/cluster.css @@ -1,11 +1,7 @@ -.cluster > * { +.cluster { display: flex; flex-wrap: wrap; - /* ↓ multiply by -1 to negate the halved value */ - margin: calc(var(--space-s-l) / 2 * -1); -} - -.cluster > * > * { - /* ↓ half the value, because of the 'doubling up' */ - margin: calc(var(--space-s-l) / 2); + gap: var(--space, 1rem); + justify-content: flex-start; + align-items: center; }