aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components/ui/input.tsx
diff options
context:
space:
mode:
authorfragosti <francesco.agosti93@gmail.com>2018-11-07 07:59:16 +0800
committerfragosti <francesco.agosti93@gmail.com>2018-11-07 07:59:16 +0800
commit10da1e24e13b728c2837e5360a48fcb2913855a5 (patch)
tree6e2421617a5ac499ea1224ba50b99120dc6b2ca0 /packages/instant/src/components/ui/input.tsx
parent42c441fafa0a0c2de45904a2f67293152dd954b2 (diff)
downloaddexon-sol-tools-10da1e24e13b728c2837e5360a48fcb2913855a5.tar
dexon-sol-tools-10da1e24e13b728c2837e5360a48fcb2913855a5.tar.gz
dexon-sol-tools-10da1e24e13b728c2837e5360a48fcb2913855a5.tar.bz2
dexon-sol-tools-10da1e24e13b728c2837e5360a48fcb2913855a5.tar.lz
dexon-sol-tools-10da1e24e13b728c2837e5360a48fcb2913855a5.tar.xz
dexon-sol-tools-10da1e24e13b728c2837e5360a48fcb2913855a5.tar.zst
dexon-sol-tools-10da1e24e13b728c2837e5360a48fcb2913855a5.zip
feat: make instant resistant to external styles
Diffstat (limited to 'packages/instant/src/components/ui/input.tsx')
-rw-r--r--packages/instant/src/components/ui/input.tsx23
1 files changed, 13 insertions, 10 deletions
diff --git a/packages/instant/src/components/ui/input.tsx b/packages/instant/src/components/ui/input.tsx
index a884ff7cb..2fb408db4 100644
--- a/packages/instant/src/components/ui/input.tsx
+++ b/packages/instant/src/components/ui/input.tsx
@@ -16,17 +16,20 @@ export const Input =
styled.input <
InputProps >
`
- font-size: ${props => props.fontSize};
- width: ${props => props.width};
- padding: 0.1em 0em;
- font-family: 'Inter UI';
- color: ${props => props.theme[props.fontColor || 'white']};
- background: transparent;
- outline: none;
- border: none;
- &::placeholder {
+ && {
+ all: initial;
+ font-size: ${props => props.fontSize};
+ width: ${props => props.width};
+ padding: 0.1em 0em;
+ font-family: 'Inter UI';
color: ${props => props.theme[props.fontColor || 'white']};
- opacity: 0.5;
+ background: transparent;
+ outline: none;
+ border: none;
+ &::placeholder {
+ color: ${props => props.theme[props.fontColor || 'white']};
+ opacity: 0.5;
+ }
}
`;