From c1e28224aa2e1450031669d9a7e359b63e04687d Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 22 Jul 2026 19:40:59 +0200 Subject: Init --- src/styles/components/_visited-indicator.scss | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 src/styles/components/_visited-indicator.scss (limited to 'src/styles/components/_visited-indicator.scss') diff --git a/src/styles/components/_visited-indicator.scss b/src/styles/components/_visited-indicator.scss new file mode 100644 index 0000000..7aa1f38 --- /dev/null +++ b/src/styles/components/_visited-indicator.scss @@ -0,0 +1,27 @@ +@use "pkg:iro-sass/bem"; +@use "pkg:iro-sass/props"; +@use "pkg:iro-design" as iro; + +@mixin styles { + @include bem.component("with-visited-indicator") { + @include bem.elem("indicator") { + block-size: 1.4em; + color: props.get(iro.$core--theme, --text); + + &::after { + content: ""; + display: block; + block-size: 100%; + inline-size: props.get(iro.$core--border-width--thick); + border-radius: 10em; + background-color: currentColor; + } + } + + &:visited { + @include bem.elem("indicator") { + color: props.get(iro.$core--theme, --border-mute); + } + } + } +} -- cgit v1.3.1