dan/abc-project-design
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fat(input-text): focus state

Browse Source
This commit is contained in:
Dan Head
2021-02-02 23:41:35 +00:00
parent 5500a49037
commit 6f63e99a3c
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/input-text.js
View File

@@ -6,6 +6,15 @@ const Input = styled.input`
margin-bottom: var(--spacing-y-sm); margin-bottom: var(--spacing-y-sm);
padding: var(--spacing-y-xs) var(--spacing-x-sm); padding: var(--spacing-y-xs) var(--spacing-x-sm);
border: 1px solid var(--color-dark); border: 1px solid var(--color-dark);
&:focus {
outline: 0;
box-shadow: 0 0 0 2px var(--color-dark);
}
&:focus:not(:focus-visible) {
box-shadow: none;
}
`; `;
export default function InputText({ export default function InputText({