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/objects/_button.scss | 532 +++++++++++++++++++++++------------------------
 1 file changed, 266 insertions(+), 266 deletions(-)

(limited to 'src/objects/_button.scss')

diff --git a/src/objects/_button.scss b/src/objects/_button.scss
index 5ba8576..8163cf9 100644
--- a/src/objects/_button.scss
+++ b/src/objects/_button.scss
@@ -10,276 +10,276 @@
 @use 'button.vars' as vars;
 
 @mixin -apply-theme($theme, $key: ()) {
-    color:            props.get($theme, list.join($key, --disabled --label-color)...);
-    background-color: props.get($theme, list.join($key, --disabled --bg-color)...);
-    border-color:     props.get($theme, list.join($key, --disabled --border-color)...);
-
-    &::after {
-        outline-color: props.get($theme, list.join($key, --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($theme, list.join($key, --key-focus --outline-color)...);
-    }
-
-    &:link,
-    &:visited,
-    &:enabled {
-        color:            props.get($theme, list.join($key, --label-color)...);
-        background-color: props.get($theme, list.join($key, --bg-color)...);
-        border-color:     props.get($theme, list.join($key, --border-color)...);
-        box-shadow:
-            props.get(vars.$shadow-x)
-            props.get(vars.$shadow-y)
-            props.get(vars.$shadow-blur)
-            props.get(vars.$shadow-grow)
-            props.get($theme, list.join($key, --shadow-color)...);
+	color:            props.get($theme, list.join($key, --disabled --label-color)...);
+	background-color: props.get($theme, list.join($key, --disabled --bg-color)...);
+	border-color:     props.get($theme, list.join($key, --disabled --border-color)...);
+
+	&::after {
+		outline-color: props.get($theme, list.join($key, --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($theme, list.join($key, --key-focus --outline-color)...);
+	}
+
+	&:link,
+	&:visited,
+	&:enabled {
+		color:            props.get($theme, list.join($key, --label-color)...);
+		background-color: props.get($theme, list.join($key, --bg-color)...);
+		border-color:     props.get($theme, list.join($key, --border-color)...);
+		box-shadow:
+			props.get(vars.$shadow-x)
+			props.get(vars.$shadow-y)
+			props.get(vars.$shadow-blur)
+			props.get(vars.$shadow-grow)
+			props.get($theme, list.join($key, --shadow-color)...);
             
-        &:hover,
-        &:focus-visible {
-            color:            props.get($theme, list.join($key, --hover --label-color)...);
-            background-color: props.get($theme, list.join($key, --hover --bg-color)...);
-            border-color:     props.get($theme, list.join($key, --hover --border-color)...);
-        }
-
-        &:active {
-            color:            props.get($theme, list.join($key, --active --label-color)...);
-            background-color: props.get($theme, list.join($key, --active --bg-color)...);
-            border-color:     props.get($theme, list.join($key, --active --border-color)...);
-            box-shadow:       none;
-        }
-    }
-
-    @include bem.modifier('badge') {
-        color:            props.get($theme, list.join($key, --badge --label-color)...);
-        background-color: props.get($theme, list.join($key, --badge --bg-color)...);
-        border-color:     props.get($theme, list.join($key, --badge --border-color)...);
-        box-shadow:       none;
-
-        &:link,
-        &:visited,
-        &:enabled {
-            color:            props.get($theme, list.join($key, --badge --label-color)...);
-            background-color: props.get($theme, list.join($key, --badge --bg-color)...);
-            border-color:     props.get($theme, list.join($key, --badge --border-color)...);
-            box-shadow:       none;
-
-            &:hover,
-            &:focus-visible {
-                color:            props.get($theme, list.join($key, --badge --hover --label-color)...);
-                background-color: props.get($theme, list.join($key, --badge --hover --bg-color)...);
-                border-color:     props.get($theme, list.join($key, --badge --hover --border-color)...);
-            }
-
-            &:active {
-                color:            props.get($theme, list.join($key, --badge --active --label-color)...);
-                background-color: props.get($theme, list.join($key, --badge --active --bg-color)...);
-                border-color:     props.get($theme, list.join($key, --badge --active --border-color)...);
-            }
-        }
-    }
-
-    @include bem.modifier('quiet') {
-        color:            props.get($theme, list.join($key, --quiet --disabled --label-color)...);
-        background-color: transparent;
-        border-color:     transparent;
-
-        &:link,
-        &:visited,
-        &:enabled {
-            color:            props.get($theme, list.join($key, --quiet --label-color)...);
-            background-color: transparent;
-            border-color:     transparent;
-            box-shadow:       none;
-
-            &:hover,
-            &:focus-visible {
-                color:            props.get($theme, list.join($key, --quiet --hover --label-color)...);
-                background-color: props.get($theme, list.join($key, --quiet --hover --bg-color)...);
-                border-color:     transparent;
-            }
-
-            &:active {
-                color:            props.get($theme, list.join($key, --quiet --active --label-color)...);
-                background-color: props.get($theme, list.join($key, --quiet --active --bg-color)...);
-                border-color:     transparent;
-            }
-        }
-    }
-
-    @include bem.is('highlighted') {
-        &:link,
-        &:visited,
-        &:enabled {
-            &,
-            &:hover,
-            &:focus-visible {
-                border-color: props.get($theme, list.join($key, --highlighted --border-color)...);
-            }
-
-            box-shadow:
-                0 0 0 1px props.get($theme, list.join($key, --highlighted --border-color)...),
-                props.get(vars.$shadow-x)
-                props.get(vars.$shadow-y)
-                props.get(vars.$shadow-blur)
-                props.get(vars.$shadow-grow)
-                props.get($theme, list.join($key, --highlighted --shadow-color)...);
-
-            &:focus-visible {
-                box-shadow:
-                    props.get(vars.$shadow-x)
-                    props.get(vars.$shadow-y)
-                    props.get(vars.$shadow-blur)
-                    props.get(vars.$shadow-grow)
-                    props.get($theme, list.join($key, --shadow-color)...);
-            }
-        }
-    }
-
-    @include bem.is('selected') {
-        color:            props.get($theme, list.join($key, --selected --disabled --label-color)...);
-        background-color: props.get($theme, list.join($key, --selected --disabled --bg-color)...);
-        border-color:     props.get($theme, list.join($key, --selected --disabled --border-color)...);
-
-        @include bem.multi('&:link, &:visited, &:enabled', 'modifier' 'badge') {
-            color:            props.get($theme, list.join($key, --selected --label-color)...);
-            background-color: props.get($theme, list.join($key, --selected --bg-color)...);
-            border-color:     props.get($theme, list.join($key, --selected --border-color)...);
-        }
-
-        &:link,
-        &:visited,
-        &:enabled {
-            &:hover,
-            &:focus-visible {
-                color:            props.get($theme, list.join($key, --selected --hover --label-color)...);
-                background-color: props.get($theme, list.join($key, --selected --hover --bg-color)...);
-                border-color:     props.get($theme, list.join($key, --selected --hover --border-color)...);
-            }
+		&:hover,
+		&:focus-visible {
+			color:            props.get($theme, list.join($key, --hover --label-color)...);
+			background-color: props.get($theme, list.join($key, --hover --bg-color)...);
+			border-color:     props.get($theme, list.join($key, --hover --border-color)...);
+		}
+
+		&:active {
+			color:            props.get($theme, list.join($key, --active --label-color)...);
+			background-color: props.get($theme, list.join($key, --active --bg-color)...);
+			border-color:     props.get($theme, list.join($key, --active --border-color)...);
+			box-shadow:       none;
+		}
+	}
+
+	@include bem.modifier('badge') {
+		color:            props.get($theme, list.join($key, --badge --label-color)...);
+		background-color: props.get($theme, list.join($key, --badge --bg-color)...);
+		border-color:     props.get($theme, list.join($key, --badge --border-color)...);
+		box-shadow:       none;
+
+		&:link,
+		&:visited,
+		&:enabled {
+			color:            props.get($theme, list.join($key, --badge --label-color)...);
+			background-color: props.get($theme, list.join($key, --badge --bg-color)...);
+			border-color:     props.get($theme, list.join($key, --badge --border-color)...);
+			box-shadow:       none;
+
+			&:hover,
+			&:focus-visible {
+				color:            props.get($theme, list.join($key, --badge --hover --label-color)...);
+				background-color: props.get($theme, list.join($key, --badge --hover --bg-color)...);
+				border-color:     props.get($theme, list.join($key, --badge --hover --border-color)...);
+			}
+
+			&:active {
+				color:            props.get($theme, list.join($key, --badge --active --label-color)...);
+				background-color: props.get($theme, list.join($key, --badge --active --bg-color)...);
+				border-color:     props.get($theme, list.join($key, --badge --active --border-color)...);
+			}
+		}
+	}
+
+	@include bem.modifier('quiet') {
+		color:            props.get($theme, list.join($key, --quiet --disabled --label-color)...);
+		background-color: transparent;
+		border-color:     transparent;
+
+		&:link,
+		&:visited,
+		&:enabled {
+			color:            props.get($theme, list.join($key, --quiet --label-color)...);
+			background-color: transparent;
+			border-color:     transparent;
+			box-shadow:       none;
+
+			&:hover,
+			&:focus-visible {
+				color:            props.get($theme, list.join($key, --quiet --hover --label-color)...);
+				background-color: props.get($theme, list.join($key, --quiet --hover --bg-color)...);
+				border-color:     transparent;
+			}
+
+			&:active {
+				color:            props.get($theme, list.join($key, --quiet --active --label-color)...);
+				background-color: props.get($theme, list.join($key, --quiet --active --bg-color)...);
+				border-color:     transparent;
+			}
+		}
+	}
+
+	@include bem.is('highlighted') {
+		&:link,
+		&:visited,
+		&:enabled {
+			&,
+			&:hover,
+			&:focus-visible {
+				border-color: props.get($theme, list.join($key, --highlighted --border-color)...);
+			}
+
+			box-shadow:
+				0 0 0 1px props.get($theme, list.join($key, --highlighted --border-color)...),
+				props.get(vars.$shadow-x)
+				props.get(vars.$shadow-y)
+				props.get(vars.$shadow-blur)
+				props.get(vars.$shadow-grow)
+				props.get($theme, list.join($key, --highlighted --shadow-color)...);
+
+			&:focus-visible {
+				box-shadow:
+					props.get(vars.$shadow-x)
+					props.get(vars.$shadow-y)
+					props.get(vars.$shadow-blur)
+					props.get(vars.$shadow-grow)
+					props.get($theme, list.join($key, --shadow-color)...);
+			}
+		}
+	}
+
+	@include bem.is('selected') {
+		color:            props.get($theme, list.join($key, --selected --disabled --label-color)...);
+		background-color: props.get($theme, list.join($key, --selected --disabled --bg-color)...);
+		border-color:     props.get($theme, list.join($key, --selected --disabled --border-color)...);
+
+		@include bem.multi('&:link, &:visited, &:enabled', 'modifier' 'badge') {
+			color:            props.get($theme, list.join($key, --selected --label-color)...);
+			background-color: props.get($theme, list.join($key, --selected --bg-color)...);
+			border-color:     props.get($theme, list.join($key, --selected --border-color)...);
+		}
+
+		&:link,
+		&:visited,
+		&:enabled {
+			&:hover,
+			&:focus-visible {
+				color:            props.get($theme, list.join($key, --selected --hover --label-color)...);
+				background-color: props.get($theme, list.join($key, --selected --hover --bg-color)...);
+				border-color:     props.get($theme, list.join($key, --selected --hover --border-color)...);
+			}
     
-            &:active {
-                color:            props.get($theme, list.join($key, --selected --active --label-color)...);
-                background-color: props.get($theme, list.join($key, --selected --active --bg-color)...);
-                border-color:     props.get($theme, list.join($key, --selected --active --border-color)...);
-            }
-        }
-    }
+			&:active {
+				color:            props.get($theme, list.join($key, --selected --active --label-color)...);
+				background-color: props.get($theme, list.join($key, --selected --active --bg-color)...);
+				border-color:     props.get($theme, list.join($key, --selected --active --border-color)...);
+			}
+		}
+	}
 }
 
 @mixin styles {
-    @include materialize-at-root(meta.module-variables('vars'));
-
-    @include bem.object('button') {
-        position:         relative;
-        display:          inline-block;
-        padding-block:    props.get(vars.$pad-b);
-        padding-inline:   props.get(vars.$pad-i);
-        line-height:      props.get(vars.$line-height);
-        font-size:        props.get(vars.$font-size);
-        text-align:       center;
-        text-decoration:  none;
-        text-overflow:    ellipsis;
-        white-space:      nowrap;
-        border:           props.get(vars.$border-width) solid transparent;
-        border-radius:    props.get(vars.$rounding);
-        transition:       color .1s, background-color .1s, border-color .1s, box-shadow .1s;
-
-        &::after {
-            position:       absolute;
-            inset:          calc(-1 * props.get(vars.$border-width) - props.get(vars.$key-focus--border-offset));
-            z-index:        1;
-            display:        none;
-            pointer-events: none;
-            content:        '';
-            border-radius:  calc(props.get(vars.$rounding) + props.get(vars.$key-focus--border-offset));
-            outline:        transparent solid props.get(vars.$key-focus--border-width);
-        }
-
-        &:link,
-        &:visited,
-        &:enabled {
-            &:focus-visible {
-                transition: none;
-
-                &::after {
-                    display: block;
-                }
-            }
-        }
-
-        @include bem.elem('label') {
-            margin-inline: props.get(vars.$pad-i-label);
-        }
-
-        @include -apply-theme(vars.$default-theme);
-
-        @each $theme in map.keys(props.get(vars.$themes)) {
-            @include bem.modifier(string.slice($theme, 3)) {
-                @include -apply-theme(vars.$themes, $theme);
-            }
-        }
-
-        @include bem.modifier('pill') {
-            padding-inline: props.get(vars.$pad-i-pill);
-            border-radius:  100em;
-
-            &::after {
-                border-radius:  100em;
-            }
-        }
-
-        @include bem.modifier('icon') {
-            inline-size:    calc(1em * props.get(vars.$line-height) + 2 * props.get(vars.$pad-b));
-            padding-inline: 0;
-        }
-
-        @each $mod, $pad-i, $pad-i-label, $pad-i-pill, $pad-b, $font-size in vars.$fixed-sizes {
-            @include bem.modifier($mod) {
-                padding-block:  props.get($pad-b);
-                padding-inline: props.get($pad-i);
-                font-size:      props.get($font-size);
-
-                @include bem.elem('label') {
-                    margin-inline: props.get($pad-i-label);
-                }
-
-                @include bem.modifier('pill') {
-                    padding-inline: props.get($pad-i-pill);
-                }
-
-                @include bem.modifier('icon') {
-                    inline-size:    calc(1em * props.get(vars.$line-height) + 2 * props.get($pad-b));
-                    padding-inline: 0;
-                }
-            }
-        }
-
-        @include bem.modifier('align-block') {
-            margin-inline: calc(-1 * props.get(vars.$pad-i) - props.get(vars.$border-width));
-
-            @include bem.modifier('pill') {
-                margin-inline: calc(-1 * props.get(vars.$pad-i-pill) - props.get(vars.$border-width));
-            }
-
-            @include bem.modifier('icon') {
-                margin-inline: calc(-1 * props.get(vars.$pad-b) - props.get(vars.$border-width) - .5em * (props.get(vars.$line-height) - 1));
-            }
-
-            @each $mod, $pad-i, $pad-i-label, $pad-i-pill, $pad-b, $font-size in vars.$fixed-sizes {
-                @include bem.modifier($mod) {
-                    margin-inline: calc(-1 * props.get($pad-i) - props.get(vars.$border-width));
+	@include materialize-at-root(meta.module-variables('vars'));
+
+	@include bem.object('button') {
+		position:         relative;
+		display:          inline-block;
+		padding-block:    props.get(vars.$pad-b);
+		padding-inline:   props.get(vars.$pad-i);
+		text-overflow:    ellipsis;
+		font-size:        props.get(vars.$font-size);
+		line-height:      props.get(vars.$line-height);
+		text-align:       center;
+		white-space:      nowrap;
+		text-decoration:  none;
+		border:           props.get(vars.$border-width) solid transparent;
+		border-radius:    props.get(vars.$rounding);
+		transition:       color .1s, background-color .1s, border-color .1s, box-shadow .1s;
+
+		&::after {
+			position:       absolute;
+			inset:          calc(-1 * props.get(vars.$border-width) - props.get(vars.$key-focus--border-offset));
+			z-index:        1;
+			display:        none;
+			pointer-events: none;
+			outline:        transparent solid props.get(vars.$key-focus--border-width);
+			content:        '';
+			border-radius:  calc(props.get(vars.$rounding) + props.get(vars.$key-focus--border-offset));
+		}
+
+		&:link,
+		&:visited,
+		&:enabled {
+			&:focus-visible {
+				transition: none;
+
+				&::after {
+					display: block;
+				}
+			}
+		}
+
+		@include bem.elem('label') {
+			margin-inline: props.get(vars.$pad-i-label);
+		}
+
+		@include -apply-theme(vars.$default-theme);
+
+		@each $theme in map.keys(props.get(vars.$themes)) {
+			@include bem.modifier(string.slice($theme, 3)) {
+				@include -apply-theme(vars.$themes, $theme);
+			}
+		}
+
+		@include bem.modifier('pill') {
+			padding-inline: props.get(vars.$pad-i-pill);
+			border-radius:  100em;
+
+			&::after {
+				border-radius:  100em;
+			}
+		}
+
+		@include bem.modifier('icon') {
+			inline-size:    calc(1em * props.get(vars.$line-height) + 2 * props.get(vars.$pad-b));
+			padding-inline: 0;
+		}
+
+		@each $mod, $pad-i, $pad-i-label, $pad-i-pill, $pad-b, $font-size in vars.$fixed-sizes {
+			@include bem.modifier($mod) {
+				padding-block:  props.get($pad-b);
+				padding-inline: props.get($pad-i);
+				font-size:      props.get($font-size);
+
+				@include bem.elem('label') {
+					margin-inline: props.get($pad-i-label);
+				}
+
+				@include bem.modifier('pill') {
+					padding-inline: props.get($pad-i-pill);
+				}
+
+				@include bem.modifier('icon') {
+					inline-size:    calc(1em * props.get(vars.$line-height) + 2 * props.get($pad-b));
+					padding-inline: 0;
+				}
+			}
+		}
+
+		@include bem.modifier('align-block') {
+			margin-inline: calc(-1 * props.get(vars.$pad-i) - props.get(vars.$border-width));
+
+			@include bem.modifier('pill') {
+				margin-inline: calc(-1 * props.get(vars.$pad-i-pill) - props.get(vars.$border-width));
+			}
+
+			@include bem.modifier('icon') {
+				margin-inline: calc(-1 * props.get(vars.$pad-b) - props.get(vars.$border-width) - .5em * (props.get(vars.$line-height) - 1));
+			}
+
+			@each $mod, $pad-i, $pad-i-label, $pad-i-pill, $pad-b, $font-size in vars.$fixed-sizes {
+				@include bem.modifier($mod) {
+					margin-inline: calc(-1 * props.get($pad-i) - props.get(vars.$border-width));
     
-                    @include bem.modifier('pill') {
-                        margin-inline: calc(-1 * props.get($pad-i-pill) - props.get(vars.$border-width));
-                    }
-
-                    @include bem.modifier('icon') {
-                        margin-inline: calc(-1 * props.get($pad-b) - props.get(vars.$border-width) - .5em * (props.get(vars.$line-height) - 1));
-                    }
-                }
-            }
-        }
-    }
+					@include bem.modifier('pill') {
+						margin-inline: calc(-1 * props.get($pad-i-pill) - props.get(vars.$border-width));
+					}
+
+					@include bem.modifier('icon') {
+						margin-inline: calc(-1 * props.get($pad-b) - props.get(vars.$border-width) - .5em * (props.get(vars.$line-height) - 1));
+					}
+				}
+			}
+		}
+	}
 }
-- 
cgit v1.2.3-70-g09d2