diff options
Diffstat (limited to 'src/objects/_text-field.scss')
-rw-r--r-- | src/objects/_text-field.scss | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss index 6c0e7d2..2beff5f 100644 --- a/src/objects/_text-field.scss +++ b/src/objects/_text-field.scss | |||
@@ -104,6 +104,24 @@ | |||
104 | } | 104 | } |
105 | } | 105 | } |
106 | 106 | ||
107 | @include bem.modifier('pill') { | ||
108 | border-radius: 100em; | ||
109 | |||
110 | @include bem.elem('bg') { | ||
111 | border-radius: 100em; | ||
112 | } | ||
113 | |||
114 | @include bem.elem('native') { | ||
115 | padding-inline: props.get(vars.$pad-i-pill); | ||
116 | |||
117 | &:focus { | ||
118 | @include bem.sibling-elem('bg') { | ||
119 | border-radius: 100em; | ||
120 | } | ||
121 | } | ||
122 | } | ||
123 | } | ||
124 | |||
107 | @include bem.modifier('extended') { | 125 | @include bem.modifier('extended') { |
108 | padding: props.get(vars.$extended--pad); | 126 | padding: props.get(vars.$extended--pad); |
109 | 127 | ||