Use css variables.

2020-08-05 19:04:02 -07:00
parent 5d4ff5cfa4
commit a5930f1772
29 changed files with 131 additions and 85 deletions
--- a/components/PageviewsChart.module.css
+++ b/components/PageviewsChart.module.css
@@ -12,12 +12,12 @@
  flex-direction: column;
  justify-content: center;
  align-items: center;
-  color: #fff;
+  color: var(--gray50);
  text-align: center;
 }

 .title {
-  font-size: 12px;
+  font-size: var(--font-size-xsmall);
  font-weight: 600;
 }

@@ -25,7 +25,7 @@
  display: flex;
  justify-content: center;
  align-items: center;
-  font-size: 14px;
+  font-size: var(--font-size-small);
  font-weight: 600;
 }

@@ -34,7 +34,7 @@
  overflow: hidden;
  border-radius: 100%;
  margin-right: 8px;
-  background: #fff;
+  background: var(--gray50);
 }

 .color {