crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: make instant resistant to external styles

Browse Source
This commit is contained in:
fragosti
2018-11-06 15:59:16 -08:00
parent 42c441fafa
commit 10da1e24e1
16 changed files with 233 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
packages/instant/src/components/ui/input.tsx
View File

@@ -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;
}
}
`;