diff options
| author | jackyzha0 <[email protected]> | 2021-03-06 16:32:09 -0800 |
|---|---|---|
| committer | jackyzha0 <[email protected]> | 2021-03-06 16:32:09 -0800 |
| commit | 75e8bdd2d4cdaefe28ed40a7735c993f98d15754 (patch) | |
| tree | 1b84a2222a11332075dc5de4405cd9d9e86193a5 /frontend/src/components/Common/mixins.js | |
| parent | paste modal fixes (diff) | |
| download | ctrl-v-75e8bdd2d4cdaefe28ed40a7735c993f98d15754.tar.xz ctrl-v-75e8bdd2d4cdaefe28ed40a7735c993f98d15754.zip | |
refactor form -> common
Diffstat (limited to 'frontend/src/components/Common/mixins.js')
| -rw-r--r-- | frontend/src/components/Common/mixins.js | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/frontend/src/components/Common/mixins.js b/frontend/src/components/Common/mixins.js new file mode 100644 index 0000000..ff2759f --- /dev/null +++ b/frontend/src/components/Common/mixins.js @@ -0,0 +1,52 @@ +import {css} from 'styled-components'; + +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 Hover = css` + opacity: 0.5; + transition: all 0.5s cubic-bezier(.25,.8,.25,1); + + & ~ pre { + transition: all 0.5s cubic-bezier(.25,.8,.25,1); + opacity: 0.5; + } + + &:focus, &:hover, &:focus span, &:focus ~ pre { + opacity: 1; + } +` + +export const Rounded = css` + border-radius: 3px; +` + +export const Border = css` + border: 1px solid ${p => p.theme.colors.border}; +` + +export const InputLike = css` + ${Hover} + font-family: 'JetBrains Mono', monospace; + width: 100%; + font-size: 0.8em; + padding: 0.6em; + outline: none; + margin: 1.7em 0; +` + +export const CodeLike = css` + font-family: JetBrains Mono !important; + font-size: 13px !important; + line-height: 1.6em !important; + white-space: pre-wrap; +` + +export const ButtonLike = css` + font-family: 'JetBrains Mono', serif; + font-weight: 700; + padding: 0.6em 1.5em; + margin: 2em 0; + outline: 0; +`
\ No newline at end of file |