From 6a3c59e409cf4467ca2c59a0303f2df85ffde73f Mon Sep 17 00:00:00 2001 From: Dan 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/itcss') 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