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/scopes/_blockquotes.scss |  28 ++--
 src/scopes/_body.scss        |  98 ++++++-------
 src/scopes/_code.scss        |  54 +++----
 src/scopes/_figures.scss     |  26 ++--
 src/scopes/_headings.scss    | 112 +++++++--------
 src/scopes/_implicit.scss    | 332 +++++++++++++++++++++----------------------
 src/scopes/_links.scss       | 186 ++++++++++++------------
 src/scopes/_links.vars.scss  |  36 ++---
 src/scopes/_lists.scss       |  98 ++++++-------
 src/scopes/_tables.scss      | 156 ++++++++++----------
 10 files changed, 563 insertions(+), 563 deletions(-)

(limited to 'src/scopes')

diff --git a/src/scopes/_blockquotes.scss b/src/scopes/_blockquotes.scss
index 91a7785..a99add8 100644
--- a/src/scopes/_blockquotes.scss
+++ b/src/scopes/_blockquotes.scss
@@ -7,20 +7,20 @@
 @use 'blockquotes.vars' as vars;
 
 @mixin styles {
-    @include materialize-at-root(meta.module-variables('vars'));
+	@include materialize-at-root(meta.module-variables('vars'));
 
-    @include bem.scope('blockquotes') {
-        blockquote {
-            padding-inline-start: calc(props.get(vars.$indent) - props.get(vars.$border-width));
-            margin-block:         props.get(vars.$margin-bs) 0;
-            margin-inline:        1px 0;
-            border-inline-start:  props.get(vars.$border-width) solid props.get(vars.$border-color);
-        }
+	@include bem.scope('blockquotes') {
+		blockquote {
+			padding-inline-start: calc(props.get(vars.$indent) - props.get(vars.$border-width));
+			margin-block:         props.get(vars.$margin-bs) 0;
+			margin-inline:        1px 0;
+			border-inline-start:  props.get(vars.$border-width) solid props.get(vars.$border-color);
+		}
 
-        @include bem.modifier('compact') {
-            blockquote {
-                padding-inline-start: calc(props.get(vars.$compact--indent) - props.get(vars.$border-width));
-            }
-        }
-    }
+		@include bem.modifier('compact') {
+			blockquote {
+				padding-inline-start: calc(props.get(vars.$compact--indent) - props.get(vars.$border-width));
+			}
+		}
+	}
 }
diff --git a/src/scopes/_body.scss b/src/scopes/_body.scss
index 6d32212..f307f58 100644
--- a/src/scopes/_body.scss
+++ b/src/scopes/_body.scss
@@ -7,53 +7,53 @@
 @use 'body.vars' as vars;
 
 @mixin styles {
-    @include materialize-at-root(meta.module-variables('vars'));
-
-    @include bem.scope('body') {
-        font-size: props.get(vars.$font-size);
-        line-height: props.get(vars.$line-height);
-
-        strong {
-            color: props.get(vars.$strong--text-color);
-        }
-
-        p,
-        ul,
-        ol {
-            max-inline-size: props.get(vars.$paragraph--max-inline-size);
-            margin-block-start: props.get(vars.$paragraph--margin-bs);
-        }
-
-        ul,
-        ol {
-            box-sizing: border-box;
-        }
-
-        img {
-            display:            block;
-            inline-size:        auto;
-            max-inline-size:    100%;
-            block-size:         auto;
-            max-block-size:     props.get(vars.$img--max-block-size);
-            margin-block-start: props.get(vars.$paragraph--margin-bs);
-        }
-
-        figure {
-            margin-block-start: props.get(vars.$paragraph--margin-bs);
-
-            img {
-                margin-block: 0;
-            }
-        }
-
-        hr {
-            margin-block: calc(2 * props.get(vars.$paragraph--margin-bs));
-        }
-
-        table,
-        pre,
-        blockquote {
-            margin-block-start: props.get(vars.$paragraph--margin-bs);
-        }
-    } 
+	@include materialize-at-root(meta.module-variables('vars'));
+
+	@include bem.scope('body') {
+		font-size: props.get(vars.$font-size);
+		line-height: props.get(vars.$line-height);
+
+		strong {
+			color: props.get(vars.$strong--text-color);
+		}
+
+		p,
+		ul,
+		ol {
+			max-inline-size: props.get(vars.$paragraph--max-inline-size);
+			margin-block-start: props.get(vars.$paragraph--margin-bs);
+		}
+
+		ul,
+		ol {
+			box-sizing: border-box;
+		}
+
+		img {
+			display:            block;
+			inline-size:        auto;
+			max-inline-size:    100%;
+			block-size:         auto;
+			max-block-size:     props.get(vars.$img--max-block-size);
+			margin-block-start: props.get(vars.$paragraph--margin-bs);
+		}
+
+		figure {
+			margin-block-start: props.get(vars.$paragraph--margin-bs);
+
+			img {
+				margin-block: 0;
+			}
+		}
+
+		hr {
+			margin-block: calc(2 * props.get(vars.$paragraph--margin-bs));
+		}
+
+		table,
+		pre,
+		blockquote {
+			margin-block-start: props.get(vars.$paragraph--margin-bs);
+		}
+	} 
 }
diff --git a/src/scopes/_code.scss b/src/scopes/_code.scss
index 9b2a63d..8147a14 100644
--- a/src/scopes/_code.scss
+++ b/src/scopes/_code.scss
@@ -7,34 +7,34 @@
 @use 'code.vars' as vars;
 
 @mixin styles {
-    @include materialize-at-root(meta.module-variables('vars'));
+	@include materialize-at-root(meta.module-variables('vars'));
 
-    @include bem.scope('code') {
-        code {
-            padding-block:    props.get(vars.$inline--pad-b);
-            padding-inline:   props.get(vars.$inline--pad-i);
-            color:            props.get(vars.$inline--fg);
-            background-color: props.get(vars.$inline--bg);
-            border-radius:    props.get(vars.$inline--rounding);
-        }
+	@include bem.scope('code') {
+		code {
+			padding-block:    props.get(vars.$inline--pad-b);
+			padding-inline:   props.get(vars.$inline--pad-i);
+			color:            props.get(vars.$inline--fg);
+			background-color: props.get(vars.$inline--bg);
+			border-radius:    props.get(vars.$inline--rounding);
+		}
 
-        pre {
-            padding-block:    props.get(vars.$block--pad-b);
-            padding-inline:   props.get(vars.$block--pad-i);
-            margin-block:     props.get(vars.$block--margin-bs) 0;
-            margin-inline:    0;
-            color:            props.get(vars.$block--fg);
-            background-color: props.get(vars.$block--bg);
-            border-radius:    props.get(vars.$block--rounding);
+		pre {
+			padding-block:    props.get(vars.$block--pad-b);
+			padding-inline:   props.get(vars.$block--pad-i);
+			margin-block:     props.get(vars.$block--margin-bs) 0;
+			margin-inline:    0;
+			color:            props.get(vars.$block--fg);
+			background-color: props.get(vars.$block--bg);
+			border-radius:    props.get(vars.$block--rounding);
 
-            code {
-                display:           inline-block;
-                padding:           0;
-                margin-inline-end: props.get(vars.$block--pad-i);
-                color:             currentColor;
-                background-color:  transparent;
-                border-radius:     0;
-            }
-        }
-    }
+			code {
+				display:           inline-block;
+				padding:           0;
+				margin-inline-end: props.get(vars.$block--pad-i);
+				color:             currentColor;
+				background-color:  transparent;
+				border-radius:     0;
+			}
+		}
+	}
 }
diff --git a/src/scopes/_figures.scss b/src/scopes/_figures.scss
index 981a8b6..d931820 100644
--- a/src/scopes/_figures.scss
+++ b/src/scopes/_figures.scss
@@ -4,18 +4,18 @@
 @use '../objects/figure.vars' as figure;
 
 @mixin styles {
-    @include bem.scope('figures') {
-        figcaption {
-            padding-block:    props.get(figure.$pad-b);
-            font-size:        props.get(figure.$font-size);
-            color:            props.get(figure.$text-color);
-            border-block-end: props.get(figure.$border-width) solid props.get(figure.$border-color);
+	@include bem.scope('figures') {
+		figcaption {
+			padding-block:    props.get(figure.$pad-b);
+			font-size:        props.get(figure.$font-size);
+			color:            props.get(figure.$text-color);
+			border-block-end: props.get(figure.$border-width) solid props.get(figure.$border-color);
 
-            &::before {
-                display:       block;
-                margin-block:  -100em 100em;
-                content:       '';
-            }
-        }
-    }
+			&::before {
+				display:       block;
+				margin-block:  -100em 100em;
+				content:       '';
+			}
+		}
+	}
 }
diff --git a/src/scopes/_headings.scss b/src/scopes/_headings.scss
index 32559cd..f8a7854 100644
--- a/src/scopes/_headings.scss
+++ b/src/scopes/_headings.scss
@@ -4,64 +4,64 @@
 @use '../objects/heading.vars' as heading;
 
 @mixin styles {
-    /* stylelint-disable-next-line scss/dollar-variable-pattern */
-    $-size-map: (
-        xs: h6,
-        sm: h5,
-        md: h4,
-        lg: h3,
-        xl: h2,
-        xxl: h1,
-    );
+	/* stylelint-disable-next-line scss/dollar-variable-pattern */
+	$-size-map: (
+		xs: h6,
+		sm: h5,
+		md: h4,
+		lg: h3,
+		xl: h2,
+		xxl: h1,
+	);
 
-    @include bem.scope('headings') {
-        h1,
-        h2,
-        h3,
-        h4,
-        h5,
-        h6 {
-            display:               block;
-            margin-block-start:    props.get(heading.$margin-bs);
-            font-family:           props.get(heading.$font-family);
-            font-weight:           props.get(heading.$font-weight);
-            font-feature-settings: props.get(heading.$feature-settings);
-            line-height:           props.get(heading.$line-height);
-            text-transform:        none;
-            letter-spacing:        normal;
-            transform:             translateX(props.get(heading.$offset));
-        }
+	@include bem.scope('headings') {
+		h1,
+		h2,
+		h3,
+		h4,
+		h5,
+		h6 {
+			display:               block;
+			margin-block-start:    props.get(heading.$margin-bs);
+			font-family:           props.get(heading.$font-family);
+			font-weight:           props.get(heading.$font-weight);
+			font-feature-settings: props.get(heading.$feature-settings);
+			line-height:           props.get(heading.$line-height);
+			text-transform:        none;
+			letter-spacing:        normal;
+			transform:             translateX(props.get(heading.$offset));
+		}
 
-        @include bem.elem('highlight') {
-            background-image: linear-gradient(to top,
-            transparent .15em,
-            props.get(heading.$bg-color) .15em,
-            props.get(heading.$bg-color) .6em,
-            transparent .6em);
-        }
+		@include bem.elem('highlight') {
+			background-image: linear-gradient(to top,
+			transparent .15em,
+			props.get(heading.$bg-color) .15em,
+			props.get(heading.$bg-color) .6em,
+			transparent .6em);
+		}
 
-        @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings in heading.$sizes {
-            #{map.get($-size-map, $mod)} {
-                font-family:           props.get($font-family);
-                font-size:             props.get($font-size);
-                font-weight:           props.get($font-weight);
-                font-feature-settings: props.get($feature-settings);
-                line-height:           props.get($line-height);
-                letter-spacing:        props.get($letter-spacing);
-            }
-        }
+		@each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings in heading.$sizes {
+			#{map.get($-size-map, $mod)} {
+				font-family:           props.get($font-family);
+				font-size:             props.get($font-size);
+				font-weight:           props.get($font-weight);
+				font-feature-settings: props.get($feature-settings);
+				line-height:           props.get($line-height);
+				letter-spacing:        props.get($letter-spacing);
+			}
+		}
 
-        @include bem.modifier('display') {
-            @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings in heading.$display--sizes {
-                #{map.get($-size-map, $mod)} {
-                    font-family:           props.get($font-family);
-                    font-size:             props.get($font-size);
-                    font-weight:           props.get($font-weight);
-                    font-feature-settings: props.get($feature-settings);
-                    line-height:           props.get($line-height);
-                    letter-spacing:        props.get($letter-spacing);
-                }
-            }
-        }
-    }
+		@include bem.modifier('display') {
+			@each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings in heading.$display--sizes {
+				#{map.get($-size-map, $mod)} {
+					font-family:           props.get($font-family);
+					font-size:             props.get($font-size);
+					font-weight:           props.get($font-weight);
+					font-feature-settings: props.get($feature-settings);
+					line-height:           props.get($line-height);
+					letter-spacing:        props.get($letter-spacing);
+				}
+			}
+		}
+	}
 }
diff --git a/src/scopes/_implicit.scss b/src/scopes/_implicit.scss
index 78f06be..cee1639 100644
--- a/src/scopes/_implicit.scss
+++ b/src/scopes/_implicit.scss
@@ -11,170 +11,170 @@
 @use 'implicit.vars' as vars;
 
 @mixin styles {
-    @include materialize-at-root(meta.module-variables('vars'));
-
-    @layer scope {
-        html {
-            accent-color:    props.get(core.$theme, --accent, --600);
-            scrollbar-color: props.get(core.$theme, --text-disabled) transparent;
-        }
-
-        body {
-            padding:               0;
-            margin:                0;
-            font-family:           props.get(vars.$body--font-family);
-            font-size:             props.get(vars.$body--font-size);
-            font-feature-settings: props.get(vars.$body--feature-settings);
-            line-height:           props.get(vars.$body--line-height);
-            color:                 props.get(core.$theme, --text);
-            background-color:      props.get(core.$theme, --bg-base);
-        }
-
-        pre,
-        code {
-            font-family:           props.get(vars.$code--font-family);
-            font-size:             props.get(vars.$code--font-size);
-            font-feature-settings: props.get(vars.$code--feature-settings);
-            line-height:           props.get(vars.$code--line-height);
-        }
-
-        pre {
-            margin:     0;
-            overflow-x: auto;
-
-            code {
-                font-size: 1em;
-                color:     currentColor;
-            }
-        }
-
-        h1,
-        h2,
-        h3,
-        h4,
-        h5,
-        h6 {
-            margin-block:          props.get(vars.$heading--margin-bs) 0;
-            font-family:           props.get(vars.$heading--font-family);
-            font-size:             props.get(vars.$heading--font-size);
-            font-weight:           props.get(vars.$heading--font-weight);
-            font-feature-settings: props.get(vars.$heading--feature-settings);
-            line-height:           props.get(vars.$heading--line-height);
-            color:                 props.get(vars.$heading--color);
-
-            & + & {
-                margin-block-start: props.get(vars.$heading--margin-bs-sibling);
-            }
-        }
-
-        p {
-            margin-block: props.get(vars.$paragraph--margin-bs) 0;
-
-            &:empty {
-                display: none;
-            }
-        }
-
-        strong {
-            font-weight: bold;
-        }
-
-        small {
-            font-size: props.get(vars.$small--font-size);
-        }
-
-        ul,
-        ol {
-            padding:    0;
-            margin:     0;
-            list-style: none;
-        }
-
-        li {
-            padding: 0;
-            margin:  0;
-        }
-
-        :focus,
-        :focus-visible {
-            outline: 0;
-        }
-
-        :link,
-        :visited {
-            color:           currentColor;
-            text-decoration: none;
-        }
-
-
-        button,
-        input,
-        textarea {
-            box-sizing:     content-box;
-            padding:        0;
-            margin:         0;
-            font-family:    inherit;
-            font-size:      1em;
-            font-style:     inherit;
-            font-weight:    inherit;
-            line-height:    inherit;
-            color:          currentColor;
-            text-align:     inherit;
-            text-transform: inherit;
-            appearance:     none;
-            background:     none;
-            border:         0;
-
-            &::-moz-focus-inner {
-                border: 0;
-            }
-        }
-
-        input,
-        textarea {
-            &::placeholder {
-                color:   props.get(core.$theme, --text-mute);
-                opacity: 1;
-            }
-
-            &:disabled {
-                color: props.get(core.$theme, --text-disabled);
-            }
-        }
-
-        textarea {
-            block-size: calc(1em * props.get(core.$font--standard--line-height));
-        }
-
-        hr {
-            block-size:       props.get(core.$border-width--thin);
-            margin:           0;
-            background-color: props.get(core.$theme, --border);
-            border:           0;
-        }
-
-        figure {
-            padding: 0;
-            margin:  0;
-        }
-
-        @each $theme in map.keys(props.get(core.$transparent-colors)) {
-            .t-static-#{string.slice($theme, 3)} {
-                color: props.get(core.$transparent-colors, $theme, --800);
-
-                h1,
-                h2,
-                h3,
-                h4,
-                h5,
-                h6 {
-                    color: props.get(core.$transparent-colors, $theme, --900);
-                }
-
-                hr {
-                    color: props.get(core.$transparent-colors, $theme, --400);
-                }
-            }
-        }
-    }
+	@include materialize-at-root(meta.module-variables('vars'));
+
+	@layer scope {
+		html {
+			accent-color:    props.get(core.$theme, --accent, --600);
+			scrollbar-color: props.get(core.$theme, --text-disabled) transparent;
+		}
+
+		body {
+			padding:               0;
+			margin:                0;
+			font-family:           props.get(vars.$body--font-family);
+			font-size:             props.get(vars.$body--font-size);
+			font-feature-settings: props.get(vars.$body--feature-settings);
+			line-height:           props.get(vars.$body--line-height);
+			color:                 props.get(core.$theme, --text);
+			background-color:      props.get(core.$theme, --bg-base);
+		}
+
+		pre,
+		code {
+			font-family:           props.get(vars.$code--font-family);
+			font-size:             props.get(vars.$code--font-size);
+			font-feature-settings: props.get(vars.$code--feature-settings);
+			line-height:           props.get(vars.$code--line-height);
+		}
+
+		pre {
+			margin:     0;
+			overflow-x: auto;
+
+			code {
+				font-size: 1em;
+				color:     currentColor;
+			}
+		}
+
+		h1,
+		h2,
+		h3,
+		h4,
+		h5,
+		h6 {
+			margin-block:          props.get(vars.$heading--margin-bs) 0;
+			font-family:           props.get(vars.$heading--font-family);
+			font-size:             props.get(vars.$heading--font-size);
+			font-weight:           props.get(vars.$heading--font-weight);
+			font-feature-settings: props.get(vars.$heading--feature-settings);
+			line-height:           props.get(vars.$heading--line-height);
+			color:                 props.get(vars.$heading--color);
+
+			& + & {
+				margin-block-start: props.get(vars.$heading--margin-bs-sibling);
+			}
+		}
+
+		p {
+			margin-block: props.get(vars.$paragraph--margin-bs) 0;
+
+			&:empty {
+				display: none;
+			}
+		}
+
+		strong {
+			font-weight: bold;
+		}
+
+		small {
+			font-size: props.get(vars.$small--font-size);
+		}
+
+		ul,
+		ol {
+			padding:    0;
+			margin:     0;
+			list-style: none;
+		}
+
+		li {
+			padding: 0;
+			margin:  0;
+		}
+
+		:focus,
+		:focus-visible {
+			outline: 0;
+		}
+
+		:link,
+		:visited {
+			color:           currentColor;
+			text-decoration: none;
+		}
+
+
+		button,
+		input,
+		textarea {
+			box-sizing:     content-box;
+			padding:        0;
+			margin:         0;
+			font-family:    inherit;
+			font-size:      1em;
+			font-style:     inherit;
+			font-weight:    inherit;
+			line-height:    inherit;
+			color:          currentColor;
+			text-align:     inherit;
+			text-transform: inherit;
+			appearance:     none;
+			background:     none;
+			border:         0;
+
+			&::-moz-focus-inner {
+				border: 0;
+			}
+		}
+
+		input,
+		textarea {
+			&::placeholder {
+				color:   props.get(core.$theme, --text-mute);
+				opacity: 1;
+			}
+
+			&:disabled {
+				color: props.get(core.$theme, --text-disabled);
+			}
+		}
+
+		textarea {
+			block-size: calc(1em * props.get(core.$font--standard--line-height));
+		}
+
+		hr {
+			block-size:       props.get(core.$border-width--thin);
+			margin:           0;
+			background-color: props.get(core.$theme, --border);
+			border:           0;
+		}
+
+		figure {
+			padding: 0;
+			margin:  0;
+		}
+
+		@each $theme in map.keys(props.get(core.$transparent-colors)) {
+			.t-static-#{string.slice($theme, 3)} {
+				color: props.get(core.$transparent-colors, $theme, --800);
+
+				h1,
+				h2,
+				h3,
+				h4,
+				h5,
+				h6 {
+					color: props.get(core.$transparent-colors, $theme, --900);
+				}
+
+				hr {
+					color: props.get(core.$transparent-colors, $theme, --400);
+				}
+			}
+		}
+	}
 }
diff --git a/src/scopes/_links.scss b/src/scopes/_links.scss
index 4ff242c..9ade0c2 100644
--- a/src/scopes/_links.scss
+++ b/src/scopes/_links.scss
@@ -9,111 +9,111 @@
 @use 'links.vars' as vars;
 
 @mixin styles {
-    @include materialize-at-root(meta.module-variables('vars'));
+	@include materialize-at-root(meta.module-variables('vars'));
 
-    @include bem.scope('links') {
-        :link,
-        :visited {
-            color:                     currentColor;
-            text-decoration:           underline;
-            text-decoration-thickness: props.get(vars.$underline-width);
-            text-decoration-color:     props.get(vars.$underline-color);
-            border-radius:             props.get(vars.$rounding-sm);
-            box-decoration-break:      clone;
+	@include bem.scope('links') {
+		:link,
+		:visited {
+			color:                     currentColor;
+			text-decoration:           underline;
+			text-decoration-thickness: props.get(vars.$underline-width);
+			text-decoration-color:     props.get(vars.$underline-color);
+			border-radius:             props.get(vars.$rounding-sm);
+			box-decoration-break:      clone;
 
-            &:hover {
-                text-decoration:           underline;
-                text-decoration-skip-ink:  none;
-                text-decoration-thickness: props.get(vars.$hover--underline-width);
-            }
+			&:hover {
+				text-decoration:           underline;
+				text-decoration-thickness: props.get(vars.$hover--underline-width);
+				text-decoration-skip-ink:  none;
+			}
 
-            &:focus-visible {
-                color:           props.get(vars.$key-focus--text-color);
-                text-decoration: none;
-                outline:         props.get(vars.$key-focus--border-color) solid props.get(vars.$key-focus--border-width);
-                box-shadow:
-                    0
-                    0
-                    0
-                    calc(props.get(vars.$key-focus--border-width) + props.get(vars.$key-focus--outline-width))
-                    props.get(vars.$key-focus--outline-color);
-            }
-        }
+			&:focus-visible {
+				color:           props.get(vars.$key-focus--text-color);
+				text-decoration: none;
+				outline:         props.get(vars.$key-focus--border-color) solid props.get(vars.$key-focus--border-width);
+				box-shadow:
+					0
+					0
+					0
+					calc(props.get(vars.$key-focus--border-width) + props.get(vars.$key-focus--outline-width))
+					props.get(vars.$key-focus--outline-color);
+			}
+		}
 
-        @include bem.modifier('invisible') {
-            :link,
-            :visited {
-                text-decoration: none;
-            }
-        }
+		@include bem.modifier('invisible') {
+			:link,
+			:visited {
+				text-decoration: none;
+			}
+		}
 
-        @include bem.modifier('colored') {
-            :link {
-                color:                 props.get(vars.$colored--text-color);
-                text-decoration-color: props.get(vars.$colored--underline-color);
+		@include bem.modifier('colored') {
+			:link {
+				color:                 props.get(vars.$colored--text-color);
+				text-decoration-color: props.get(vars.$colored--underline-color);
 
-                &:hover {
-                    color:             props.get(vars.$colored--hover--text-color);
-                }
-            }
+				&:hover {
+					color:             props.get(vars.$colored--hover--text-color);
+				}
+			}
 
-            :visited {
-                color:                 props.get(vars.$colored--visited--text-color);
-                text-decoration-color: props.get(vars.$colored--visited--underline-color);
+			:visited {
+				color:                 props.get(vars.$colored--visited--text-color);
+				text-decoration-color: props.get(vars.$colored--visited--underline-color);
 
-                &:hover {
-                    color:             props.get(vars.$colored--visited--hover--text-color);
-                }
-            }
-        }
+				&:hover {
+					color:             props.get(vars.$colored--visited--hover--text-color);
+				}
+			}
+		}
 
-        @each $theme in map.keys(props.get(vars.$static-themes)) {
-            @include bem.modifier(string.slice($theme, 3)) {
-                :link,
-                :visited {
-                    color:                 props.get(vars.$static-themes, $theme, --text-color);
-                    text-decoration-color: props.get(vars.$static-themes, $theme, --underline-color);
+		@each $theme in map.keys(props.get(vars.$static-themes)) {
+			@include bem.modifier(string.slice($theme, 3)) {
+				:link,
+				:visited {
+					color:                 props.get(vars.$static-themes, $theme, --text-color);
+					text-decoration-color: props.get(vars.$static-themes, $theme, --underline-color);
 
-                    &:hover {
-                        color:             props.get(vars.$static-themes, $theme, --hover, --text-color);
-                    }
+					&:hover {
+						color:             props.get(vars.$static-themes, $theme, --hover, --text-color);
+					}
 
-                    &:focus-visible {
-                        color:         props.get(vars.$static-themes, $theme, --key-focus, --text-color);
-                        outline-color: props.get(vars.$static-themes, $theme, --key-focus, --border-color);
-                        box-shadow:
-                            0
-                            0
-                            0
-                            calc(props.get(vars.$key-focus--border-width) + props.get(vars.$key-focus--outline-width))
-                            props.get(vars.$static-themes, $theme, --key-focus, --outline-color);
-                    }
-                }
-            }
-        }
+					&:focus-visible {
+						color:         props.get(vars.$static-themes, $theme, --key-focus, --text-color);
+						outline-color: props.get(vars.$static-themes, $theme, --key-focus, --border-color);
+						box-shadow:
+							0
+							0
+							0
+							calc(props.get(vars.$key-focus--border-width) + props.get(vars.$key-focus--outline-width))
+							props.get(vars.$static-themes, $theme, --key-focus, --outline-color);
+					}
+				}
+			}
+		}
 
-        @include bem.elem('image') {
-            img {
-                margin-inline: calc(-1 * props.get(vars.$key-focus--border-offset));
-                border:        props.get(vars.$key-focus--border-offset) solid transparent;
-                border-radius: calc(props.get(vars.$rounding) + props.get(vars.$key-focus--border-offset));
-            }
+		@include bem.elem('image') {
+			img {
+				margin-inline: calc(-1 * props.get(vars.$key-focus--border-offset));
+				border:        props.get(vars.$key-focus--border-offset) solid transparent;
+				border-radius: calc(props.get(vars.$rounding) + props.get(vars.$key-focus--border-offset));
+			}
     
-            &:link,
-            &:visited {
-                &:focus-visible {
-                    outline:    none;
-                    box-shadow: none;
+			&:link,
+			&:visited {
+				&:focus-visible {
+					outline:    none;
+					box-shadow: none;
     
-                    img {
-                        outline: props.get(vars.$key-focus--border-color) solid
-                            props.get(vars.$key-focus--border-width);
-                        box-shadow: 0 0 0
-                            calc(props.get(vars.$key-focus--border-width) + props.get(vars.$key-focus--outline-width))
-                            props.get(vars.$key-focus--outline-color);
-                    }
-                }
-            }
-        }
-    }
+					img {
+						outline: props.get(vars.$key-focus--border-color) solid
+							props.get(vars.$key-focus--border-width);
+						box-shadow: 0 0 0
+							calc(props.get(vars.$key-focus--border-width) + props.get(vars.$key-focus--outline-width))
+							props.get(vars.$key-focus--outline-color);
+					}
+				}
+			}
+		}
+	}
 }
diff --git a/src/scopes/_links.vars.scss b/src/scopes/_links.vars.scss
index ac7815a..c69cc32 100644
--- a/src/scopes/_links.vars.scss
+++ b/src/scopes/_links.vars.scss
@@ -28,22 +28,22 @@ $key-focus--outline-color: props.def(--s-links--key-focus--outline-color, props.
 
 $static-themes: props.def(--s-links, (), 'color');
 @each $theme in map.keys(props.get(core.$transparent-colors)) {
-    $link-theme: --static-#{string.slice($theme, 3)};
-
-    $static-themes: props.merge($static-themes, (
-        $link-theme: (
-            --text-color:        currentColor,
-            --underline-color:   props.get(core.$transparent-colors, $theme, --500),
-
-            --hover: (
-                --text-color:    props.get(core.$transparent-colors, $theme, --900),
-            ),
-
-            --key-focus: (
-                --text-color:    props.get(core.$transparent-colors, $theme, --900),
-                --border-color:  props.get(core.$transparent-colors, $theme, --900),
-                --outline-color: props.get(core.$transparent-colors, $theme, --300),
-            ),
-        )
-    ));
+	$link-theme: --static-#{string.slice($theme, 3)};
+
+	$static-themes: props.merge($static-themes, (
+		$link-theme: (
+			--text-color:        currentColor,
+			--underline-color:   props.get(core.$transparent-colors, $theme, --500),
+
+			--hover: (
+				--text-color:    props.get(core.$transparent-colors, $theme, --900),
+			),
+
+			--key-focus: (
+				--text-color:    props.get(core.$transparent-colors, $theme, --900),
+				--border-color:  props.get(core.$transparent-colors, $theme, --900),
+				--outline-color: props.get(core.$transparent-colors, $theme, --300),
+			),
+		)
+	));
 }
diff --git a/src/scopes/_lists.scss b/src/scopes/_lists.scss
index 98b1df1..fc8a577 100644
--- a/src/scopes/_lists.scss
+++ b/src/scopes/_lists.scss
@@ -8,53 +8,53 @@
 @use 'lists.vars' as vars;
 
 @mixin styles {
-    @include materialize-at-root(meta.module-variables('vars'));
-
-    @include bem.scope('lists') {
-        ul,
-        ol {
-            padding-inline-start: props.get(vars.$indent);
-            margin-block-start:   props.get(vars.$margin-bs);
-
-            ul,
-            ol {
-                margin-block-start: 0;
-            }
-        }
-
-        ul {
-            list-style: disc;
-        }
-
-        ol {
-            list-style: decimal;
-        }
-
-        dl {
-            padding:       0;
-            margin-block:  props.get(vars.$margin-bs) 0;
-            margin-inline: 0;
-        }
-
-        dt {
-            font-weight: bold;
-            color:       props.get(core.$theme, --heading);
-        }
-
-        dd {
-            margin-block:  0;
-            margin-inline: props.get(vars.$indent) 0;
-        }
-
-        @include bem.modifier('compact') {
-            ul,
-            ol {
-                padding-inline-start: calc(props.get(vars.$compact--indent) - 3px);
-            }
-
-            dd {
-                margin-inline-start: calc(props.get(vars.$compact--indent) - 3px);
-            }
-        }
-    }
+	@include materialize-at-root(meta.module-variables('vars'));
+
+	@include bem.scope('lists') {
+		ul,
+		ol {
+			padding-inline-start: props.get(vars.$indent);
+			margin-block-start:   props.get(vars.$margin-bs);
+
+			ul,
+			ol {
+				margin-block-start: 0;
+			}
+		}
+
+		ul {
+			list-style: disc;
+		}
+
+		ol {
+			list-style: decimal;
+		}
+
+		dl {
+			padding:       0;
+			margin-block:  props.get(vars.$margin-bs) 0;
+			margin-inline: 0;
+		}
+
+		dt {
+			font-weight: bold;
+			color:       props.get(core.$theme, --heading);
+		}
+
+		dd {
+			margin-block:  0;
+			margin-inline: props.get(vars.$indent) 0;
+		}
+
+		@include bem.modifier('compact') {
+			ul,
+			ol {
+				padding-inline-start: calc(props.get(vars.$compact--indent) - 3px);
+			}
+
+			dd {
+				margin-inline-start: calc(props.get(vars.$compact--indent) - 3px);
+			}
+		}
+	}
 }
diff --git a/src/scopes/_tables.scss b/src/scopes/_tables.scss
index 0a87eaa..5b64301 100644
--- a/src/scopes/_tables.scss
+++ b/src/scopes/_tables.scss
@@ -8,95 +8,95 @@
 @use 'tables.vars' as vars;
 
 @mixin styles {
-    @include materialize-at-root(meta.module-variables('vars'));
+	@include materialize-at-root(meta.module-variables('vars'));
 
-    @include bem.scope('tables') {
-        table {
-            margin-block-start: props.get(vars.$margin-bs);
-            border-spacing:     0;
-            border-collapse:    separate;
-        }
+	@include bem.scope('tables') {
+		table {
+			margin-block-start: props.get(vars.$margin-bs);
+			border-spacing:     0;
+			border-collapse:    separate;
+		}
 
-        th {
-            padding-block:  props.get(table.$pad-b);
-            padding-inline: props.get(table.$pad-i);
-            font-family:    props.get(table.$heading--font-family);
-            font-size:      props.get(table.$heading--font-size);
-            font-weight:    props.get(table.$heading--font-weight);
-            color:          props.get(table.$heading-color);
-            text-align:     start;
-            text-transform: props.get(table.$heading--text-transform);
-            letter-spacing: props.get(table.$heading--letter-spacing);
-        }
+		th {
+			padding-block:  props.get(table.$pad-b);
+			padding-inline: props.get(table.$pad-i);
+			font-family:    props.get(table.$heading--font-family);
+			font-size:      props.get(table.$heading--font-size);
+			font-weight:    props.get(table.$heading--font-weight);
+			color:          props.get(table.$heading-color);
+			text-align:     start;
+			text-transform: props.get(table.$heading--text-transform);
+			letter-spacing: props.get(table.$heading--letter-spacing);
+		}
 
-        td {
-            padding-block:            props.get(table.$pad-b);
-            padding-inline:           props.get(table.$pad-i);
-            border-color:             props.get(table.$border-color);
-            border-style:             solid;
-            border-width:             0;
-            border-block-start-width: props.get(table.$border-width);
-        }
+		td {
+			padding-block:            props.get(table.$pad-b);
+			padding-inline:           props.get(table.$pad-i);
+			border-color:             props.get(table.$border-color);
+			border-style:             solid;
+			border-width:             0;
+			border-block-start-width: props.get(table.$border-width);
+		}
 
-        tr {
-            &:last-child {
-                td {
-                    border-block-end-width: props.get(table.$border-width);
-                }
-            }
-        }
+		tr {
+			&:last-child {
+				td {
+					border-block-end-width: props.get(table.$border-width);
+				}
+			}
+		}
 
-        @include bem.modifier('flush') {
-            th,
-            td {
-                &:first-child {
-                    padding-inline-start: 0;
-                }
+		@include bem.modifier('flush') {
+			th,
+			td {
+				&:first-child {
+					padding-inline-start: 0;
+				}
 
-                &:last-child {
-                    padding-inline-end: 0;
-                }
-            }
-        }
+				&:last-child {
+					padding-inline-end: 0;
+				}
+			}
+		}
 
-        @include bem.modifier('box') {
-            td {
-                background-color: props.get(table.$box--bg-color);
+		@include bem.modifier('box') {
+			td {
+				background-color: props.get(table.$box--bg-color);
             
-                &:first-child {
-                    border-inline-start-width: props.get(table.$border-width);
-                }
+				&:first-child {
+					border-inline-start-width: props.get(table.$border-width);
+				}
             
-                &:last-child {
-                    border-inline-end-width: props.get(table.$border-width);
-                }
-            }
+				&:last-child {
+					border-inline-end-width: props.get(table.$border-width);
+				}
+			}
     
-            tr {
-                &:first-child {
-                    td {
-                        &:first-child {
-                            border-start-start-radius: props.get(table.$rounding);
-                        }
+			tr {
+				&:first-child {
+					td {
+						&:first-child {
+							border-start-start-radius: props.get(table.$rounding);
+						}
             
-                        &:last-child {
-                            border-start-end-radius: props.get(table.$rounding);
-                        }
-                    }
-                }
+						&:last-child {
+							border-start-end-radius: props.get(table.$rounding);
+						}
+					}
+				}
     
-                &:last-child {
-                    td {
-                        &:first-child {
-                            border-end-start-radius: props.get(table.$rounding);
-                        }
+				&:last-child {
+					td {
+						&:first-child {
+							border-end-start-radius: props.get(table.$rounding);
+						}
             
-                        &:last-child {
-                            border-end-end-radius: props.get(table.$rounding);
-                        }
-                    }
-                }
-            }
-        }
-    }
+						&:last-child {
+							border-end-end-radius: props.get(table.$rounding);
+						}
+					}
+				}
+			}
+		}
+	}
 }
-- 
cgit v1.2.3-70-g09d2