Fix: changed outlines to box-shadow

This commit is contained in:
nizune
2021-07-05 21:06:08 +02:00
parent 52c81fc70b
commit e5b233e14e
7 changed files with 20 additions and 10 deletions

View File

@@ -1,7 +1,7 @@
import styled from "styled-components";
export default styled.select`
padding: 8px;
padding: 10px;
border-radius: 6px;
font-family: inherit;
color: var(--secondary-foreground);
@@ -10,11 +10,11 @@ export default styled.select`
border: none;
outline: 2px solid transparent;
transition: outline-color 0.2s ease-in-out;
transition: box-shadow 0.3s;
transition: box-shadow .2s ease-in-out;
cursor: pointer;
width: 100%;
&:focus {
box-shadow: 0 0 0 2pt var(--accent);
box-shadow: 0 0 0 1.5pt var(--accent);
}
`;