diff options
Diffstat (limited to 'src/objects')
-rw-r--r-- | src/objects/_badge.scss | 6 |
1 files changed, 2 insertions, 4 deletions
diff --git a/src/objects/_badge.scss b/src/objects/_badge.scss index 4ecde17..52cccc8 100644 --- a/src/objects/_badge.scss +++ b/src/objects/_badge.scss | |||
@@ -4,7 +4,7 @@ | |||
4 | @include iro.props-namespace('badge') { | 4 | @include iro.props-namespace('badge') { |
5 | @include iro.props-store(( | 5 | @include iro.props-store(( |
6 | --dims: ( | 6 | --dims: ( |
7 | --pad-x: fn.global-dim(--size --40), | 7 | --pad-x: fn.global-dim(--size --50), |
8 | --pad-y: 0, | 8 | --pad-y: 0, |
9 | --rounding: 3px, | 9 | --rounding: 3px, |
10 | --fixed-100: 1em, | 10 | --fixed-100: 1em, |
@@ -59,7 +59,6 @@ | |||
59 | @include iro.bem-object(iro.props-namespace()) { | 59 | @include iro.bem-object(iro.props-namespace()) { |
60 | display: inline-block; | 60 | display: inline-block; |
61 | padding: fn.dim(--pad-y) fn.dim(--pad-x); | 61 | padding: fn.dim(--pad-y) fn.dim(--pad-x); |
62 | border: 2px solid transparent; | ||
63 | border-radius: fn.dim(--rounding); | 62 | border-radius: fn.dim(--rounding); |
64 | background-color: fn.color(--bg); | 63 | background-color: fn.color(--bg); |
65 | color: fn.color(--label); | 64 | color: fn.color(--label); |
@@ -101,8 +100,7 @@ | |||
101 | &:enabled { | 100 | &:enabled { |
102 | @include iro.bem-at-theme('keyboard') { | 101 | @include iro.bem-at-theme('keyboard') { |
103 | &:focus { | 102 | &:focus { |
104 | border-color: fn.color(--key-focus --border); | 103 | box-shadow: inset 0 0 0 2px fn.color(--key-focus --border), fn.color(--key-focus --shadow); |
105 | box-shadow: fn.color(--key-focus --shadow); | ||
106 | } | 104 | } |
107 | } | 105 | } |
108 | } | 106 | } |