From a20c8d4895ad1c2949e0a9533042cc8018be3f0f Mon Sep 17 00:00:00 2001 From: Volpeon Date: Thu, 5 Dec 2024 09:14:24 +0100 Subject: Revert "Style lists by default" This reverts commit 6e1009c6c4c1cedfd2bfbb38eb9543e72a275461. --- src/_iro-design.scss | 2 +- src/layouts/_button-group.scss | 9 +++------ src/layouts/_card-list.scss | 3 --- src/layouts/_list.scss | 14 -------------- src/objects/_tabbar.scss | 3 --- src/scopes/_implicit.scss | 28 ++++------------------------ src/scopes/_implicit.vars.scss | 3 --- src_demo/index.scss | 1 + 8 files changed, 9 insertions(+), 54 deletions(-) delete mode 100644 src/layouts/_list.scss diff --git a/src/_iro-design.scss b/src/_iro-design.scss index 31e1f71..04857e3 100644 --- a/src/_iro-design.scss +++ b/src/_iro-design.scss @@ -25,7 +25,6 @@ $breakpoints: ( @forward 'core' as core--*; @forward 'layers' as layers--*; -@forward 'layouts/list' as l-list--*; @forward 'layouts/button-group' as l-button-group--*; @forward 'layouts/card-list' as l-card-list--*; @forward 'layouts/container' as l-container--*; @@ -42,6 +41,7 @@ $breakpoints: ( @forward 'scopes/figures' as s-figures--*; @forward 'scopes/headings' as s-headings--*; @forward 'scopes/links' as s-links--*; +@forward 'scopes/lists' as s-lists--*; @forward 'scopes/tables' as s-tables--*; @forward 'objects/action-button' as o-action-button--*; diff --git a/src/layouts/_button-group.scss b/src/layouts/_button-group.scss index cae7042..c51ae7e 100644 --- a/src/layouts/_button-group.scss +++ b/src/layouts/_button-group.scss @@ -10,11 +10,8 @@ @include materialize-at-root(meta.module-variables('vars')); @include bem.layout('button-group') { - display: flex; - flex-wrap: wrap; - gap: props.get(vars.$spacing); - padding: 0; - margin: 0; - list-style: none; + display: flex; + flex-wrap: wrap; + gap: props.get(vars.$spacing); } } diff --git a/src/layouts/_card-list.scss b/src/layouts/_card-list.scss index f76d18b..8ef40c5 100644 --- a/src/layouts/_card-list.scss +++ b/src/layouts/_card-list.scss @@ -14,9 +14,6 @@ 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 deleted file mode 100644 index 997634c..0000000 --- a/src/layouts/_list.scss +++ /dev/null @@ -1,14 +0,0 @@ -@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; - } - } -} diff --git a/src/objects/_tabbar.scss b/src/objects/_tabbar.scss index 860ab47..131c832 100644 --- a/src/objects/_tabbar.scss +++ b/src/objects/_tabbar.scss @@ -27,11 +27,8 @@ @include bem.elem('tabs') { display: flex; block-size: 100%; - padding: 0; - margin-block: 0; margin-inline: calc(-.5 * props.get(vars.$spacing)); overflow-inline: auto; - list-style: none; } @include bem.modifier('quiet') { diff --git a/src/scopes/_implicit.scss b/src/scopes/_implicit.scss index 86c65ce..78f06be 100644 --- a/src/scopes/_implicit.scss +++ b/src/scopes/_implicit.scss @@ -85,15 +85,9 @@ ul, ol { - padding-block: 0; - padding-inline: props.get(vars.$list--indent) 0; - margin-block: props.get(vars.$list--margin-bs) 0; - margin-inline: 0; - - ul, - ol { - margin-block-start: 0; - } + padding: 0; + margin: 0; + list-style: none; } li { @@ -101,21 +95,6 @@ margin: 0; } - dl { - padding: 0; - margin-block: props.get(vars.$list--margin-bs) 0; - margin-inline: 0; - } - - dt { - font-weight: bold; - } - - dd { - margin-block: 0; - margin-inline: props.get(vars.$list--indent) 0; - } - :focus, :focus-visible { outline: 0; @@ -127,6 +106,7 @@ text-decoration: none; } + button, input, textarea { diff --git a/src/scopes/_implicit.vars.scss b/src/scopes/_implicit.vars.scss index d8d79cf..388f0af 100644 --- a/src/scopes/_implicit.vars.scss +++ b/src/scopes/_implicit.vars.scss @@ -24,6 +24,3 @@ $heading--font-size: props.def(--s-implicit--heading--font-size, props.g $heading--feature-settings: props.def(--s-implicit--heading--feature-settings, props.get(core.$font--standard--feature-settings)) !default; $heading--color: props.def(--s-implicit--heading--color, props.get(core.$theme, --heading), 'color') !default; - -$list--indent: props.def(--s-implicit--list--indent, calc(props.get(core.$list--indent) + 1em)) !default; -$list--margin-bs: props.def(--s-implicit--list--margin-bs, props.get($paragraph--margin-bs)) !default; diff --git a/src_demo/index.scss b/src_demo/index.scss index 5e170c0..85d1918 100644 --- a/src_demo/index.scss +++ b/src_demo/index.scss @@ -10,6 +10,7 @@ @include iro.s-figures--styles; @include iro.s-headings--styles; @include iro.s-links--styles; +@include iro.s-lists--styles; @include iro.s-tables--styles; @include iro.l-button-group--styles; -- cgit v1.2.3-70-g09d2