Better list layouts, added 'random' link for Fediring

1 files changed, 10 insertions, 6 deletions

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;