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

feat(select): focus state

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

9
src/components/select.js
View File

@@ -7,6 +7,15 @@ const Select = styled.select`
padding: var(--spacing-y-xs) var(--spacing-x-sm); padding: var(--spacing-y-xs) var(--spacing-x-sm);
background-color: var(--color-white); background-color: var(--color-white);
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 InputSelect({ id, name, value, options = [] }) { export default function InputSelect({ id, name, value, options = [] }) {