From 68dc5757b3a395ba89dfcc81103a5fbd31f03b2c Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 12 Jun 2022 13:18:46 +0200 Subject: Better list layouts, added 'random' link for Fediring --- assets/css/layouts/_card-list.scss | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) (limited to 'assets/css/layouts') diff --git a/assets/css/layouts/_card-list.scss b/assets/css/layouts/_card-list.scss index 7a09c54..b8d343b 100644 --- a/assets/css/layouts/_card-list.scss +++ b/assets/css/layouts/_card-list.scss @@ -7,18 +7,22 @@ --margin-top: fn.global-dim(--size --700), --spacing: fn.global-dim(--size --200), --gap: fn.global-dim(--size --25), - --grid: ( + --grid-2: ( --gap: fn.global-dim(--size --75), --col-width: fn.global-dim(--size --3400), ), - --small-gallery: ( - --gap: fn.global-dim(--size --250), + --grid-3: ( + --gap: fn.global-dim(--size --75), --col-width: fn.global-dim(--size --2800), ), - --gallery: ( + --gallery-2: ( --gap: fn.global-dim(--size --250), --col-width: fn.global-dim(--size --3400), - ) + ), + --gallery-3: ( + --gap: fn.global-dim(--size --250), + --col-width: fn.global-dim(--size --2800), + ), ) ), 'dims'); @@ -40,7 +44,7 @@ gap: fn.dim(--gap); margin-top: fn.dim(--spacing); - @each $mode in 'grid' 'small-gallery' 'gallery' { + @each $mode in 'grid-2' 'grid-3' 'gallery-2' 'gallery-3' { @include iro.bem-modifier($mode) { display: grid; align-items: start; -- cgit v1.2.3-70-g09d2