From 41b0d0497988274057fc2512c822a6bc9d2d3ebd Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 6 Aug 2025 16:40:56 +0200
Subject: Switch to tab indentation

---
 src/layouts/_card-list.scss | 294 ++++++++++++++++++++++----------------------
 1 file changed, 147 insertions(+), 147 deletions(-)

(limited to 'src/layouts/_card-list.scss')

diff --git a/src/layouts/_card-list.scss b/src/layouts/_card-list.scss
index cca6e72..aedbfd0 100644
--- a/src/layouts/_card-list.scss
+++ b/src/layouts/_card-list.scss
@@ -8,151 +8,151 @@
 @use 'card-list.vars' as vars;
 
 @mixin styles {
-    @include materialize-at-root(meta.module-variables('vars'));
-
-    @include bem.layout('card-list') {
-        display:        flex;
-        flex-direction: column;
-        gap:            props.get(vars.$row-gap);
-
-        @include bem.modifier('merge') {
-            position:         relative;
-            gap:              calc(2 * props.get(vars.$merge-padding) + props.get(vars.$border-width));
-            padding:          props.get(vars.$merge-padding);
-            background-color: props.get(vars.$card-bg-color);
-            border:           props.get(vars.$border-width) solid props.get(vars.$border-color);
-            border-radius:    calc(props.get(vars.$rounding) + props.get(vars.$merge-padding));
-
-            @include bem.elem('card') {
-                &:not(:last-child) {
-                    position:                relative;
-                    border-end-start-radius: 0;
-                    border-end-end-radius:   0;
-
-                    &::after {
-                        position:          absolute;
-                        inset-block-start: calc(100% + props.get(vars.$merge-padding) + props.get(vars.$border-width));
-                        inset-inline:      calc(-1 * props.get(vars.$merge-padding) - props.get(vars.$border-width));
-                        content:           '';
-                        display:           block;
-                        block-size:        props.get(vars.$border-width);
-                        background-color:  props.get(vars.$border-color);
-                    }
-                }
-
-                &:hover,
-                &:active,
-                &:focus-visible {
-                    transform:  none;
-                }
-
-                @include bem.next-twin-elem {
-                    border-start-start-radius: 0;
-                    border-start-end-radius:   0;
-                }
-            }
-
-            @include bem.modifier('borderless') {
-                border-color: props.get(vars.$card-bg-color);
-
-                @include bem.elem('card') {
-                    &:not(:last-child) {
-                        &::after {
-                            inset-inline: calc(-1 * props.get(vars.$merge-padding) - 2 * props.get(vars.$border-width));
-                        }
-                    }
-                }
-            }
-
-            @include bem.modifier('shadow') {
-                box-shadow:
-                    props.get(vars.$shadow-x)
-                    props.get(vars.$shadow-y)
-                    props.get(vars.$shadow-blur)
-                    props.get(vars.$shadow-grow)
-                    props.get(vars.$shadow-color);
-            }
-        }
-
-        @include bem.modifier('quiet') {
-            row-gap: props.get(vars.$quiet--row-gap);
-        }
-
-        @include bem.modifier('grid') {
-            display:               grid;
-            grid-template-columns: repeat(auto-fill, minmax(props.get(vars.$grid--col-width), 1fr));
-            gap:                   props.get(vars.$grid--row-gap) props.get(vars.$grid--col-gap);
-
-            @include bem.modifier('quiet') {
-                row-gap: props.get(vars.$grid--quiet--row-gap);
-            }
-        }
-
-        @include bem.modifier('grid-sm') {
-            display:               grid;
-            grid-template-columns: repeat(auto-fill, minmax(props.get(vars.$grid-sm--col-width), 1fr));
-            gap:                   props.get(vars.$grid-sm--row-gap) props.get(vars.$grid-sm--col-gap);
-
-            @include bem.modifier("grid-sm") {
-                @include media.media("<=md") {
-                    display: flex;
-                    gap:     props.get(vars.$row-gap);
-                }
-            }
-
-            @include bem.modifier('quiet') {
-                row-gap: props.get(vars.$grid-sm--quiet--row-gap);
-            }
-        }
-
-        @include bem.modifier('masonry') {
-            display:    block;
-            columns:    auto props.get(vars.$masonry--col-width);
-            column-gap: props.get(vars.$masonry--col-gap);
-
-            @include bem.elem('card') {
-                margin-block-end: props.get(vars.$masonry--row-gap);
-                break-inside:     avoid;
-            }
-
-            @include bem.modifier('quiet') {
-                @include bem.elem('card') {
-                    margin-block-end: props.get(vars.$masonry--quiet--row-gap);
-                }
-            }
-        }
-
-        @include bem.modifier('masonry-h') {
-            flex-flow: row wrap;
-            gap:       props.get(vars.$masonry-h--row-gap) props.get(vars.$masonry-h--col-gap);
-
-            @include bem.modifier('no-flush') {
-                &::after {
-                    display:     block;
-                    flex:        1 0 auto;
-                    inline-size: props.get(vars.$masonry-h--row-height);
-                    content:     '';
-                }
-            }
-
-            @include bem.elem('card') {
-                flex:            1 0 auto;
-                max-inline-size: 100%;
-            }
-
-            @include bem.elem('card-image') {
-                block-size: props.get(vars.$masonry-h--row-height);
-            }
-
-            @include bem.modifier('quiet') {
-                row-gap: props.get(vars.$masonry-h--quiet--row-gap);
-            }
-        }
-
-        @include bem.modifier('aspect-5\\/4') {
-            @include bem.elem('card-image') {
-                aspect-ratio: 5 / 4;
-            }
-        }
-    }
+	@include materialize-at-root(meta.module-variables('vars'));
+
+	@include bem.layout('card-list') {
+		display:        flex;
+		flex-direction: column;
+		gap:            props.get(vars.$row-gap);
+
+		@include bem.modifier('merge') {
+			position:         relative;
+			gap:              calc(2 * props.get(vars.$merge-padding) + props.get(vars.$border-width));
+			padding:          props.get(vars.$merge-padding);
+			background-color: props.get(vars.$card-bg-color);
+			border:           props.get(vars.$border-width) solid props.get(vars.$border-color);
+			border-radius:    calc(props.get(vars.$rounding) + props.get(vars.$merge-padding));
+
+			@include bem.elem('card') {
+				&:not(:last-child) {
+					position:                relative;
+					border-end-start-radius: 0;
+					border-end-end-radius:   0;
+
+					&::after {
+						position:          absolute;
+						inset-block-start: calc(100% + props.get(vars.$merge-padding) + props.get(vars.$border-width));
+						inset-inline:      calc(-1 * props.get(vars.$merge-padding) - props.get(vars.$border-width));
+						display:           block;
+						block-size:        props.get(vars.$border-width);
+						content:           '';
+						background-color:  props.get(vars.$border-color);
+					}
+				}
+
+				&:hover,
+				&:active,
+				&:focus-visible {
+					transform:  none;
+				}
+
+				@include bem.next-twin-elem {
+					border-start-start-radius: 0;
+					border-start-end-radius:   0;
+				}
+			}
+
+			@include bem.modifier('borderless') {
+				border-color: props.get(vars.$card-bg-color);
+
+				@include bem.elem('card') {
+					&:not(:last-child) {
+						&::after {
+							inset-inline: calc(-1 * props.get(vars.$merge-padding) - 2 * props.get(vars.$border-width));
+						}
+					}
+				}
+			}
+
+			@include bem.modifier('shadow') {
+				box-shadow:
+					props.get(vars.$shadow-x)
+					props.get(vars.$shadow-y)
+					props.get(vars.$shadow-blur)
+					props.get(vars.$shadow-grow)
+					props.get(vars.$shadow-color);
+			}
+		}
+
+		@include bem.modifier('quiet') {
+			row-gap: props.get(vars.$quiet--row-gap);
+		}
+
+		@include bem.modifier('grid') {
+			display:               grid;
+			grid-template-columns: repeat(auto-fill, minmax(props.get(vars.$grid--col-width), 1fr));
+			gap:                   props.get(vars.$grid--row-gap) props.get(vars.$grid--col-gap);
+
+			@include bem.modifier('quiet') {
+				row-gap: props.get(vars.$grid--quiet--row-gap);
+			}
+		}
+
+		@include bem.modifier('grid-sm') {
+			display:               grid;
+			grid-template-columns: repeat(auto-fill, minmax(props.get(vars.$grid-sm--col-width), 1fr));
+			gap:                   props.get(vars.$grid-sm--row-gap) props.get(vars.$grid-sm--col-gap);
+
+			@include bem.modifier('grid-sm') {
+				@include media.media('<=md') {
+					display: flex;
+					gap:     props.get(vars.$row-gap);
+				}
+			}
+
+			@include bem.modifier('quiet') {
+				row-gap: props.get(vars.$grid-sm--quiet--row-gap);
+			}
+		}
+
+		@include bem.modifier('masonry') {
+			display:    block;
+			columns:    auto props.get(vars.$masonry--col-width);
+			column-gap: props.get(vars.$masonry--col-gap);
+
+			@include bem.elem('card') {
+				margin-block-end: props.get(vars.$masonry--row-gap);
+				break-inside:     avoid;
+			}
+
+			@include bem.modifier('quiet') {
+				@include bem.elem('card') {
+					margin-block-end: props.get(vars.$masonry--quiet--row-gap);
+				}
+			}
+		}
+
+		@include bem.modifier('masonry-h') {
+			flex-flow: row wrap;
+			gap:       props.get(vars.$masonry-h--row-gap) props.get(vars.$masonry-h--col-gap);
+
+			@include bem.modifier('no-flush') {
+				&::after {
+					display:     block;
+					flex:        1 0 auto;
+					inline-size: props.get(vars.$masonry-h--row-height);
+					content:     '';
+				}
+			}
+
+			@include bem.elem('card') {
+				flex:            1 0 auto;
+				max-inline-size: 100%;
+			}
+
+			@include bem.elem('card-image') {
+				block-size: props.get(vars.$masonry-h--row-height);
+			}
+
+			@include bem.modifier('quiet') {
+				row-gap: props.get(vars.$masonry-h--quiet--row-gap);
+			}
+		}
+
+		@include bem.modifier('aspect-5\\/4') {
+			@include bem.elem('card-image') {
+				aspect-ratio: 5 / 4;
+			}
+		}
+	}
 }
-- 
cgit v1.2.3-70-g09d2