From daa3013be474a2e158936b06ea152c543679b661 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 14 Oct 2023 08:07:45 +0200 Subject: Update --- src/_utils.scss | 4 ++++ src/objects/_action-menu.scss | 2 +- src/objects/_badge.scss | 1 + src/objects/_text-field.scss | 22 +++++++++++----------- 4 files changed, 17 insertions(+), 12 deletions(-) (limited to 'src') diff --git a/src/_utils.scss b/src/_utils.scss index 7983bea..d8fbd72 100644 --- a/src/_utils.scss +++ b/src/_utils.scss @@ -22,6 +22,10 @@ $dirs: ( display: contents; } +@include iro.bem-utility('td-none') { + text-decoration: none; +} + @include iro.bem-utility('d-none') { display: none; diff --git a/src/objects/_action-menu.scss b/src/objects/_action-menu.scss index 3061293..12e3b5f 100644 --- a/src/objects/_action-menu.scss +++ b/src/objects/_action-menu.scss @@ -93,7 +93,7 @@ @include iro.bem-at-theme('keyboard') { &:focus { - border-radius: 2px; + border-radius: calc(fn.dim(--rounding) - 1px); border-color: fn.color(--item --key-focus --border); background-color: fn.color(--item --key-focus --bg); box-shadow: fn.color(--item --key-focus --shadow); diff --git a/src/objects/_badge.scss b/src/objects/_badge.scss index af4f2a7..c359abc 100644 --- a/src/objects/_badge.scss +++ b/src/objects/_badge.scss @@ -63,6 +63,7 @@ background-color: fn.color(--bg); color: fn.color(--label); text-align: center; + text-decoration: none; &:link, &:visited, diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss index baed043..4f1fd1b 100644 --- a/src/objects/_text-field.scss +++ b/src/objects/_text-field.scss @@ -32,14 +32,14 @@ @include iro.props-namespace('text-field') { @include iro.props-store(( --dims: ( - --pad-x: fn.global-dim(--size --125), - --pad-y: fn.global-dim(--size --125), - --border: fn.global-dim(--border --thin), - --border-radius: 2px, + --pad-x: fn.global-dim(--size --125), + --pad-y: fn.global-dim(--size --125), + --border: fn.global-dim(--border --thin), + --rounding: 2px, --extended: ( - --pad: fn.global-dim(--size --50), - --border-radius: 6px, + --pad: fn.global-dim(--size --50), + --rounding: 6px, ), --focus: ( @@ -97,7 +97,7 @@ position: relative; min-width: 0; - border-radius: fn.dim(--border-radius); + border-radius: fn.dim(--rounding); background-color: fn.color(--bg); @include iro.bem-elem('bg') { @@ -108,7 +108,7 @@ bottom: 0; left: 0; border: fn.dim(--border) solid fn.color(--border); - border-radius: fn.dim(--border-radius); + border-radius: fn.dim(--rounding); box-shadow: fn.color(--shadow); pointer-events: none; } @@ -144,7 +144,7 @@ bottom: $focus-border-offset; left: $focus-border-offset; border: fn.dim(--focus --border) solid fn.color(--focus --border); - border-radius: calc(fn.dim(--border-radius) - $focus-border-offset); + border-radius: calc(fn.dim(--rounding) - $focus-border-offset); box-shadow: fn.color(--focus --shadow); } } @@ -158,13 +158,13 @@ padding: fn.dim(--extended --pad); @include iro.bem-multi('&', 'elem' 'bg') { - border-radius: calc(fn.dim(--border-radius) + fn.dim(--extended --pad)); + border-radius: calc(fn.dim(--rounding) + fn.dim(--extended --pad)); } @include iro.bem-elem('native') { &:focus { @include iro.bem-sibling-elem('bg') { - border-radius: calc(fn.dim(--extended --border-radius) - $focus-border-offset); + border-radius: calc(fn.dim(--extended --rounding) - $focus-border-offset); } } } -- cgit v1.2.3-54-g00ecf