aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authoreug-vs <eugene@eug-vs.xyz>2022-05-04 12:57:59 +0300
committereug-vs <eugene@eug-vs.xyz>2022-05-04 12:57:59 +0300
commit997999bf618ea4c4fc8c4f6a27534afa97f3731a (patch)
treea2d68e90b156843fec8a729092eee57982a312e3
parentf35c1cf5480f7506442ac4c9170c5e0a1a4a8b15 (diff)
downloadchrono-cube-ui-997999bf618ea4c4fc8c4f6a27534afa97f3731a.tar.gz
feat: add css
-rw-r--r--src/components/Timer.tsx2
-rw-r--r--src/index.tsx1
-rw-r--r--src/style.css18
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;
+}