abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-07 17:35:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Run prettier on all files.

Browse Source
This commit is contained in:
Paul
2021-07-05 11:23:23 +01:00
parent 56058c1e75
commit 7bd33d8d34
181 changed files with 18084 additions and 13521 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/components/ui/InputBox.tsx
View File

@@ -1,39 +1,39 @@
import styled, { css } from "styled-components";
interface Props {
readonly contrast?: boolean;
readonly contrast?: boolean;
}
export default styled.input<Props>`
z-index: 1;
padding: 8px 16px;
border-radius: 6px;
font-family: inherit;
color: var(--foreground);
background: var(--primary-background);
transition: 0.2s ease background-color;
border: none;
outline: 2px solid transparent;
transition: outline-color 0.2s ease-in-out;
z-index: 1;
padding: 8px 16px;
border-radius: 6px;
&:hover {
background: var(--secondary-background);
}
font-family: inherit;
color: var(--foreground);
background: var(--primary-background);
transition: 0.2s ease background-color;
&:focus {
outline: 2px solid var(--accent);
}
border: none;
outline: 2px solid transparent;
transition: outline-color 0.2s ease-in-out;
${(props) =>
props.contrast &&
css`
color: var(--secondary-foreground);
background: var(--secondary-background);
&:hover {
background: var(--secondary-background);
}
&:hover {
background: var(--hover);
}
`}
&:focus {
outline: 2px solid var(--accent);
}
${(props) =>
props.contrast &&
css`
color: var(--secondary-foreground);
background: var(--secondary-background);
&:hover {
background: var(--hover);
}
`}
`;