diff options
| author | jackyzha0 <[email protected]> | 2021-03-06 09:44:00 -0800 |
|---|---|---|
| committer | jackyzha0 <[email protected]> | 2021-03-06 09:44:00 -0800 |
| commit | cf59188dff4526a358d0386f8113f542e24fffc2 (patch) | |
| tree | 79eff89e90909c2391b0fa6eb7e81695d7c88413 /frontend/src/components/Form/mixins.js | |
| parent | button styling (diff) | |
| download | ctrl-v-cf59188dff4526a358d0386f8113f542e24fffc2.tar.xz ctrl-v-cf59188dff4526a358d0386f8113f542e24fffc2.zip | |
add more css mixins
Diffstat (limited to 'frontend/src/components/Form/mixins.js')
| -rw-r--r-- | frontend/src/components/Form/mixins.js | 10 |
1 files changed, 10 insertions, 0 deletions
diff --git a/frontend/src/components/Form/mixins.js b/frontend/src/components/Form/mixins.js index 38ea394..64b7cc0 100644 --- a/frontend/src/components/Form/mixins.js +++ b/frontend/src/components/Form/mixins.js @@ -4,6 +4,15 @@ 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); + + &:focus, &:hover, &:focus span { + opacity: 1; + } +` + export const Rounded = css` border-radius: 3px; ` @@ -13,6 +22,7 @@ export const Border = css` ` export const InputLike = css` + ${Hover} font-family: 'JetBrains Mono', monospace; width: 100%; font-size: 0.8em; |