diff options
Diffstat (limited to 'src/styles/objects/_toc.scss')
| -rw-r--r-- | src/styles/objects/_toc.scss | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/src/styles/objects/_toc.scss b/src/styles/objects/_toc.scss new file mode 100644 index 0000000..aefb0c5 --- /dev/null +++ b/src/styles/objects/_toc.scss | |||
| @@ -0,0 +1,27 @@ | |||
| 1 | @use "sass:list"; | ||
| 2 | |||
| 3 | @use "pkg:iro-sass/bem"; | ||
| 4 | @use "pkg:iro-sass/props"; | ||
| 5 | @use "pkg:iro-design" as iro; | ||
| 6 | |||
| 7 | @mixin styles { | ||
| 8 | @include bem.object("toc") { | ||
| 9 | @include bem.elem("item") { | ||
| 10 | @include bem.next-twin-elem { | ||
| 11 | margin-block-start: props.get(iro.$core--size--50); | ||
| 12 | } | ||
| 13 | |||
| 14 | @include bem.is("active") { | ||
| 15 | @include bem.elem("item-link") { | ||
| 16 | font-weight: bold; | ||
| 17 | text-decoration-line: none; | ||
| 18 | color: props.get(iro.$core--theme, --heading); | ||
| 19 | |||
| 20 | &:hover { | ||
| 21 | text-decoration-line: underline; | ||
| 22 | } | ||
| 23 | } | ||
| 24 | } | ||
| 25 | } | ||
| 26 | } | ||
| 27 | } | ||
