diff options
Diffstat (limited to 'frontend/src/components/Form/mixins.js')
| -rw-r--r-- | frontend/src/components/Form/mixins.js | 25 |
1 files changed, 11 insertions, 14 deletions
diff --git a/frontend/src/components/Form/mixins.js b/frontend/src/components/Form/mixins.js index dd26f7e..55d6259 100644 --- a/frontend/src/components/Form/mixins.js +++ b/frontend/src/components/Form/mixins.js @@ -1,16 +1,22 @@ import {css} from 'styled-components'; -export const Dropshadow = css` +export const DropShadow = css` box-shadow: 0 14px 28px rgba(27, 33, 48,0.06), 0 10px 10px rgba(27, 33, 48,0.02); ` +export const Rounded = css` + border-radius: 3px; +` + +export const Border = css` + border: 1px solid ${p => p.theme.colors.border}; +` + export const InputLike = css` - width: 100%; font-family: 'JetBrains Mono', monospace; + width: 100%; font-size: 0.8em; - padding: calc(0.8em - 1px); - border-radius: 3px; - border: 1px solid ${p => p.theme.colors.border}; + padding: 0.6em; outline: none; margin: 1.7em 0; ` @@ -21,13 +27,4 @@ export const ButtonLike = css` padding: 0.8em 2em; margin: 2em 0; outline: 0; - - ${p => p.primary ? ` - color: #faf9f5; - background-color: #111111; - ` : ` - color: #faf9f5; - background-color: #111111; - `} - `
\ No newline at end of file |