From 41b0d0497988274057fc2512c822a6bc9d2d3ebd Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 6 Aug 2025 16:40:56 +0200 Subject: Switch to tab indentation --- src/scopes/_links.scss | 186 ++++++++++++++++++++++++------------------------- 1 file changed, 93 insertions(+), 93 deletions(-) (limited to 'src/scopes/_links.scss') 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); + } + } + } + } + } } -- cgit v1.2.3-70-g09d2