X-Git-Url: https://pwan.org/git/?p=tech-radar.git;a=blobdiff_plain;f=src%2Fstylesheets%2Fbase.scss;h=eb6f48c47637e15753fee456e2da7f7436ace07d;hp=a6fbd7d43633d771b9caef8636f126e0a4d2c7fa;hb=4e488d92209240532d080c10f46c6db9f0e42cf2;hpb=81d538513be2cb5eca002041a965dc2f08f0ad46

diff --git a/src/stylesheets/base.scss b/src/stylesheets/base.scss
index a6fbd7d..eb6f48c 100644
--- a/src/stylesheets/base.scss
+++ b/src/stylesheets/base.scss
@@ -7,11 +7,6 @@ body {
 svg {
   padding: 20px;
 
-  .first { fill: $green; }
-  .second { fill: $blue; }
-  .third { fill: $orange; }
-  .fourth { fill: $violet; }
-
   circle {
     &:nth-child(1) { stroke: none; fill: $grey-light; }
     &:nth-child(2) { stroke: none; fill: $grey; }
@@ -19,8 +14,15 @@ svg {
     &:nth-child(4) { stroke: none; fill: $grey-darkest; }
   }
 
+  .blip-group {
+    cursor: pointer;
+  }
+
   circle, polygon {
-    stroke: $white;
+    &.first { fill: $green; stroke: $white; }
+    &.second { fill: $blue; stroke: $white; }
+    &.third { fill: $orange; stroke: $white; }
+    &.fourth { fill: $violet; stroke: $white; }
   }
 
   line {
@@ -28,6 +30,11 @@ svg {
   }
 
   text {
+    &.first { fill: $green; }
+    &.second { fill: $blue; }
+    &.third { fill: $orange; }
+    &.fourth { fill: $violet; }
+
     &.first, &.second, &.third, &.fourth {
       font-size: 16px;
       font-weight: bold;
@@ -39,6 +46,13 @@ svg {
       fill: $white;
     }
 
+    &.blip-name {
+      font-size: 12px;
+      font-weight: bold;
+      fill: $black;
+      display: none;
+    }
+
     &.line-text {
       font-weight: bold;
       text-transform: uppercase;