From 0835d1c0dfcb448bb3228dd617da5d974fa86e19 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Se=CC=81rgio=20Ramos?= <mail@sergioramos.me>
Date: Thu, 27 Oct 2016 10:38:33 +0100
Subject: [PATCH] use more variables in Radio css

---
 ui/src/components/radio/style.css | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/ui/src/components/radio/style.css b/ui/src/components/radio/style.css
index c6fce9df..38f33d23 100644
--- a/ui/src/components/radio/style.css
+++ b/ui/src/components/radio/style.css
@@ -1,5 +1,7 @@
 :root {
   --radio-radius: 20px;
+  --dot-color: #646464;
+  --border-color: #cfd1d1;
 }
 
 .radio {
@@ -18,7 +20,7 @@
       content: '';
       border : calc( var(--radio-radius) / 4 ) solid white;
       border-radius: 50%;
-      box-shadow: 0 0 0 1px #cfd1d1;
+      box-shadow: 0 0 0 1px var(--border-color);
       display: inline-block;
       height: var(--radio-radius);
       left: -30px;
@@ -35,10 +37,10 @@
 
     &:checked {
       & ~ span:before {
-        background: #D8D8D8;
+        background: var(--dot-color);
         border : calc( var(--radio-radius) / 4 ) solid white;
         border-radius: 50%;
-        box-shadow: 0 0 0 1px #cfd1d1;
+        box-shadow: 0 0 0 1px var(--border-color);
         height: var(--radio-radius);
         position: absolute;
         width: var(--radio-radius);