diff options
author | eug-vs <eugene@eug-vs.xyz> | 2022-05-04 12:57:59 +0300 |
---|---|---|
committer | eug-vs <eugene@eug-vs.xyz> | 2022-05-04 12:57:59 +0300 |
commit | 997999bf618ea4c4fc8c4f6a27534afa97f3731a (patch) | |
tree | a2d68e90b156843fec8a729092eee57982a312e3 | |
parent | f35c1cf5480f7506442ac4c9170c5e0a1a4a8b15 (diff) | |
download | chrono-cube-ui-997999bf618ea4c4fc8c4f6a27534afa97f3731a.tar.gz |
feat: add css
-rw-r--r-- | src/components/Timer.tsx | 2 | ||||
-rw-r--r-- | src/index.tsx | 1 | ||||
-rw-r--r-- | src/style.css | 18 |
3 files changed, 20 insertions, 1 deletions
diff --git a/src/components/Timer.tsx b/src/components/Timer.tsx index c9d7adf..e90c3ce 100644 --- a/src/components/Timer.tsx +++ b/src/components/Timer.tsx @@ -81,7 +81,7 @@ const Timer: React.FC = () => { return ( <> - <span>{ displayTime }</span> + <b>{ displayTime }</b> <p>{ helperText[mode] }</p> </> ); diff --git a/src/index.tsx b/src/index.tsx index 2b8d92d..713039f 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -1,5 +1,6 @@ import React from 'react'; import ReactDOM from 'react-dom'; +import './style.css'; import Timer from './components/Timer'; diff --git a/src/style.css b/src/style.css new file mode 100644 index 0000000..04b2382 --- /dev/null +++ b/src/style.css @@ -0,0 +1,18 @@ +html { + font-family: "Open Sans", sans-serif; + color: #ebdbb2; + background-color: #282828; +} +p { + margin: 1em 0; +} +a { + color: #fabd2f; + text-decoration: none; +} +a:hover { + text-decoration: underline; +} +h1, h2, h3, h4, h5, h6 { + font-weight: normal; +} |