From 6e1009c6c4c1cedfd2bfbb38eb9543e72a275461 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Thu, 5 Dec 2024 08:45:00 +0100 Subject: Style lists by default --- src/layouts/_button-group.scss | 9 ++++++--- src/layouts/_card-list.scss | 3 +++ src/layouts/_list.scss | 14 ++++++++++++++ 3 files changed, 23 insertions(+), 3 deletions(-) create mode 100644 src/layouts/_list.scss (limited to 'src/layouts') diff --git a/src/layouts/_button-group.scss b/src/layouts/_button-group.scss index c51ae7e..cae7042 100644 --- a/src/layouts/_button-group.scss +++ b/src/layouts/_button-group.scss @@ -10,8 +10,11 @@ @include materialize-at-root(meta.module-variables('vars')); @include bem.layout('button-group') { - display: flex; - flex-wrap: wrap; - gap: props.get(vars.$spacing); + display: flex; + flex-wrap: wrap; + gap: props.get(vars.$spacing); + padding: 0; + margin: 0; + list-style: none; } } diff --git a/src/layouts/_card-list.scss b/src/layouts/_card-list.scss index 8ef40c5..f76d18b 100644 --- a/src/layouts/_card-list.scss +++ b/src/layouts/_card-list.scss @@ -14,6 +14,9 @@ display: flex; flex-direction: column; gap: props.get(vars.$row-gap); + padding: 0; + margin: 0; + list-style: none; @include bem.modifier('quiet') { row-gap: props.get(vars.$quiet--row-gap); diff --git a/src/layouts/_list.scss b/src/layouts/_list.scss new file mode 100644 index 0000000..997634c --- /dev/null +++ b/src/layouts/_list.scss @@ -0,0 +1,14 @@ +@use 'sass:meta'; +@use 'iro-sass/src/bem'; +@use 'iro-sass/src/props'; +@use '../props' as *; + +@mixin styles { + @include bem.layout('list') { + @include bem.modifier('unstyled') { + padding: 0; + margin: 0; + list-style: none; + } + } +} -- cgit v1.2.3-70-g09d2