diff options
| author | Volpeon <git@volpeon.ink> | 2023-10-14 08:07:45 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2023-10-14 08:07:45 +0200 |
| commit | daa3013be474a2e158936b06ea152c543679b661 (patch) | |
| tree | 51c09a9c5da68ee62541a36cae134be47bd0a9be /src/objects | |
| parent | Fix container (diff) | |
| download | iro-design-daa3013be474a2e158936b06ea152c543679b661.tar.gz iro-design-daa3013be474a2e158936b06ea152c543679b661.tar.bz2 iro-design-daa3013be474a2e158936b06ea152c543679b661.zip | |
Update
Diffstat (limited to 'src/objects')
| -rw-r--r-- | src/objects/_action-menu.scss | 2 | ||||
| -rw-r--r-- | src/objects/_badge.scss | 1 | ||||
| -rw-r--r-- | src/objects/_text-field.scss | 22 |
3 files changed, 13 insertions, 12 deletions
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 @@ | |||
| 93 | 93 | ||
| 94 | @include iro.bem-at-theme('keyboard') { | 94 | @include iro.bem-at-theme('keyboard') { |
| 95 | &:focus { | 95 | &:focus { |
| 96 | border-radius: 2px; | 96 | border-radius: calc(fn.dim(--rounding) - 1px); |
| 97 | border-color: fn.color(--item --key-focus --border); | 97 | border-color: fn.color(--item --key-focus --border); |
| 98 | background-color: fn.color(--item --key-focus --bg); | 98 | background-color: fn.color(--item --key-focus --bg); |
| 99 | box-shadow: fn.color(--item --key-focus --shadow); | 99 | 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 @@ | |||
| 63 | background-color: fn.color(--bg); | 63 | background-color: fn.color(--bg); |
| 64 | color: fn.color(--label); | 64 | color: fn.color(--label); |
| 65 | text-align: center; | 65 | text-align: center; |
| 66 | text-decoration: none; | ||
| 66 | 67 | ||
| 67 | &:link, | 68 | &:link, |
| 68 | &:visited, | 69 | &: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 @@ | |||
| 32 | @include iro.props-namespace('text-field') { | 32 | @include iro.props-namespace('text-field') { |
| 33 | @include iro.props-store(( | 33 | @include iro.props-store(( |
| 34 | --dims: ( | 34 | --dims: ( |
| 35 | --pad-x: fn.global-dim(--size --125), | 35 | --pad-x: fn.global-dim(--size --125), |
| 36 | --pad-y: fn.global-dim(--size --125), | 36 | --pad-y: fn.global-dim(--size --125), |
| 37 | --border: fn.global-dim(--border --thin), | 37 | --border: fn.global-dim(--border --thin), |
| 38 | --border-radius: 2px, | 38 | --rounding: 2px, |
| 39 | 39 | ||
| 40 | --extended: ( | 40 | --extended: ( |
| 41 | --pad: fn.global-dim(--size --50), | 41 | --pad: fn.global-dim(--size --50), |
| 42 | --border-radius: 6px, | 42 | --rounding: 6px, |
| 43 | ), | 43 | ), |
| 44 | 44 | ||
| 45 | --focus: ( | 45 | --focus: ( |
| @@ -97,7 +97,7 @@ | |||
| 97 | 97 | ||
| 98 | position: relative; | 98 | position: relative; |
| 99 | min-width: 0; | 99 | min-width: 0; |
| 100 | border-radius: fn.dim(--border-radius); | 100 | border-radius: fn.dim(--rounding); |
| 101 | background-color: fn.color(--bg); | 101 | background-color: fn.color(--bg); |
| 102 | 102 | ||
| 103 | @include iro.bem-elem('bg') { | 103 | @include iro.bem-elem('bg') { |
| @@ -108,7 +108,7 @@ | |||
| 108 | bottom: 0; | 108 | bottom: 0; |
| 109 | left: 0; | 109 | left: 0; |
| 110 | border: fn.dim(--border) solid fn.color(--border); | 110 | border: fn.dim(--border) solid fn.color(--border); |
| 111 | border-radius: fn.dim(--border-radius); | 111 | border-radius: fn.dim(--rounding); |
| 112 | box-shadow: fn.color(--shadow); | 112 | box-shadow: fn.color(--shadow); |
| 113 | pointer-events: none; | 113 | pointer-events: none; |
| 114 | } | 114 | } |
| @@ -144,7 +144,7 @@ | |||
| 144 | bottom: $focus-border-offset; | 144 | bottom: $focus-border-offset; |
| 145 | left: $focus-border-offset; | 145 | left: $focus-border-offset; |
| 146 | border: fn.dim(--focus --border) solid fn.color(--focus --border); | 146 | border: fn.dim(--focus --border) solid fn.color(--focus --border); |
| 147 | border-radius: calc(fn.dim(--border-radius) - $focus-border-offset); | 147 | border-radius: calc(fn.dim(--rounding) - $focus-border-offset); |
| 148 | box-shadow: fn.color(--focus --shadow); | 148 | box-shadow: fn.color(--focus --shadow); |
| 149 | } | 149 | } |
| 150 | } | 150 | } |
| @@ -158,13 +158,13 @@ | |||
| 158 | padding: fn.dim(--extended --pad); | 158 | padding: fn.dim(--extended --pad); |
| 159 | 159 | ||
| 160 | @include iro.bem-multi('&', 'elem' 'bg') { | 160 | @include iro.bem-multi('&', 'elem' 'bg') { |
| 161 | border-radius: calc(fn.dim(--border-radius) + fn.dim(--extended --pad)); | 161 | border-radius: calc(fn.dim(--rounding) + fn.dim(--extended --pad)); |
| 162 | } | 162 | } |
| 163 | 163 | ||
| 164 | @include iro.bem-elem('native') { | 164 | @include iro.bem-elem('native') { |
| 165 | &:focus { | 165 | &:focus { |
| 166 | @include iro.bem-sibling-elem('bg') { | 166 | @include iro.bem-sibling-elem('bg') { |
| 167 | border-radius: calc(fn.dim(--extended --border-radius) - $focus-border-offset); | 167 | border-radius: calc(fn.dim(--extended --rounding) - $focus-border-offset); |
| 168 | } | 168 | } |
| 169 | } | 169 | } |
| 170 | } | 170 | } |
