From aeed08dc46662a0d70e04bcea612a701633736e7 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 22 Jul 2026 13:00:59 +0200 Subject: Revert "Paths" This reverts commit cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226. --- src/scopes/_implicit.scss | 107 +++++++++++++++++++++++----------------------- 1 file changed, 54 insertions(+), 53 deletions(-) (limited to 'src/scopes/_implicit.scss') diff --git a/src/scopes/_implicit.scss b/src/scopes/_implicit.scss index f8c575d..728fd22 100644 --- a/src/scopes/_implicit.scss +++ b/src/scopes/_implicit.scss @@ -1,21 +1,21 @@ -@use "sass:map"; -@use "sass:math"; -@use "sass:meta"; -@use "sass:string"; -@use "pkg:iro-sass/bem"; -@use "pkg:iro-sass/props"; -@use "../props" as *; -@use "../core.vars" as core; - -@forward "implicit.vars"; -@use "implicit.vars" as vars; +@use 'sass:map'; +@use 'sass:math'; +@use 'sass:meta'; +@use 'sass:string'; +@use 'pkg:iro-sass/src/bem'; +@use 'pkg:iro-sass/src/props'; +@use '../props' as *; +@use '../core.vars' as core; + +@forward 'implicit.vars'; +@use 'implicit.vars' as vars; @mixin styles { - @include materialize-at-root(meta.module-variables("vars")); + @include materialize-at-root(meta.module-variables('vars')); @layer scope { html { - accent-color: props.get(core.$theme, --accent, --600); + accent-color: props.get(core.$theme, --accent, --600); scrollbar-color: props.get(core.$theme, --text-disabled) transparent; &:has(dialog[open]), @@ -26,31 +26,31 @@ } body { - padding: 0; - margin: 0; - font-family: props.get(vars.$body--font-family); - font-size: props.get(vars.$body--font-size); + 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); + 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-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); + line-height: props.get(vars.$code--line-height); } pre { - margin: 0; + margin: 0; overflow-x: auto; code { font-size: 1em; - color: currentColor; + color: currentColor; } } @@ -60,13 +60,13 @@ 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); + 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); + line-height: props.get(vars.$heading--line-height); + color: props.get(vars.$heading--color); & + & { margin-block-start: props.get(vars.$heading--margin-bs-sibling); @@ -91,14 +91,14 @@ ul, ol { - padding: 0; - margin: 0; + padding: 0; + margin: 0; list-style: none; } li { padding: 0; - margin: 0; + margin: 0; } :focus, @@ -108,27 +108,28 @@ :link, :visited { - color: currentColor; + 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; + 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; + appearance: none; + background: none; + border: 0; &::-moz-focus-inner { border: 0; @@ -138,7 +139,7 @@ input, textarea { &::placeholder { - color: props.get(core.$theme, --text-mute); + color: props.get(core.$theme, --text-mute); opacity: 1; } @@ -152,15 +153,15 @@ } hr { - block-size: props.get(core.$border-width--thin); - margin: 0; + block-size: props.get(core.$border-width--thin); + margin: 0; background-color: props.get(core.$theme, --border); - border: 0; + border: 0; } figure { padding: 0; - margin: 0; + margin: 0; } @each $theme in map.keys(props.get(core.$transparent-colors)) { -- cgit v1.3.1