From 6a3c59e409cf4467ca2c59a0303f2df85ffde73f Mon Sep 17 00:00:00 2001
From: Dan <danjm.com@gmail.com>
Date: Wed, 6 Sep 2017 20:07:48 -0230
Subject: Highlighted circle icons for the network menu.

---
 ui/app/css/itcss/components/network.scss | 17 +++++++++++++++++
 ui/app/css/itcss/settings/variables.scss |  4 ++++
 2 files changed, 21 insertions(+)

(limited to 'ui/app/css')

diff --git a/ui/app/css/itcss/components/network.scss b/ui/app/css/itcss/components/network.scss
index 8beef5e72..adc8e4662 100644
--- a/ui/app/css/itcss/components/network.scss
+++ b/ui/app/css/itcss/components/network.scss
@@ -43,3 +43,20 @@
 .network-check__transparent {
   opacity: 0;
 }
+
+.menu-icon-circle {
+  height: 17px;
+  width: 17px;
+  border-radius: 17px;
+}
+
+.menu-icon-circle-select {
+  height: 23px;
+  width: 23px;
+  margin: 9px;
+  background: none;
+  border-radius: 22px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
diff --git a/ui/app/css/itcss/settings/variables.scss b/ui/app/css/itcss/settings/variables.scss
index e4c83def8..93156de9c 100644
--- a/ui/app/css/itcss/settings/variables.scss
+++ b/ui/app/css/itcss/settings/variables.scss
@@ -31,6 +31,10 @@ $tundora: #4d4d4d;
 $nile-blue: #1b344d;
 $scorpion: #5d5d5d;
 $silver: #cdcdcd;
+$crimson: #e91550;
+$blue-lagoon: #038789;
+$purple: #690496;
+$tulip-tree: #ebb33f;
 
 /*
   Z-Indicies
-- 
cgit v1.2.3