diff options
| author |  Hassan Abouelela <[email protected]> | 2021-01-06 08:00:31 +0300 |
|---|---|---|
| committer | Hassan Abouelela <[email protected]> | 2021-01-06 09:36:01 +0300 |
| commit | 996c14afb9d81e962ef66b99bd869bce4f3688f0 (patch) | |
| tree | ea19a979c62a0da3685a1ea44a624ee2863320cc /src/components/ScrollToTop.tsx | |
| parent | Fixes Model Casing (diff) | |
Breaks Up CSS Into Components
Moves the styles from the CSS file, into emotion CSS in each component's
file to make navigation easier, and keep CSS and JSX together.Drops
raw-loader dependency.
Signed-off-by: Hassan Abouelela <[email protected]>
Diffstat (limited to 'src/components/ScrollToTop.tsx')
| -rw-r--r-- | src/components/ScrollToTop.tsx | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/src/components/ScrollToTop.tsx b/src/components/ScrollToTop.tsx index 6af938d..4888dec 100644 --- a/src/components/ScrollToTop.tsx +++ b/src/components/ScrollToTop.tsx @@ -1,6 +1,7 @@ /** @jsx jsx */ import { jsx, css } from "@emotion/react"; import React from "react"; +import colors from "../colors"; const styles = css` width: 2.5rem; @@ -10,7 +11,7 @@ const styles = css` bottom: 3rem; right: 3rem; - background-color: #7289DA; /* Blurple */ + background-color: ${colors.blurple}; border-radius: 50%; opacity: 0; |