Refactoring sass chill colors variables and badge mixins

src/Bundle/ChillPersonBundle/Resources/public/chill/chillperson.scss

@@ -1,10 +1,13 @@
 // Access to Bootstrap variables and mixins
 @import '~ChillMainAssets/module/bootstrap/shared';
 
+@import 'ChillMainAssets/chill/scss/chill_variables';
+
 // Complete/override Main generic assets
 @import './scss/mixins';
 @import './scss/render_box.scss';
 @import './scss/flex_table.scss';
+@import './scss/badge.scss';
 
 // Specific templates styles
 @import './scss/accompanying_period_work.scss';
@@ -19,13 +22,13 @@
 
 div.banner {
     div#header-person-name {
-        background: none repeat scroll 0 0 $chill-green-dark;
+        background: none repeat scroll 0 0 shade-color($chill-person-context, 20%);
         color: $white;
         padding-top: 1em;
         padding-bottom: 1em;
     }
     div#header-person-details {
-        background: none repeat scroll 0 0 $chill-green;
+        background: none repeat scroll 0 0 $chill-person-context;
         color: $white;
         padding-top: 1em;
         padding-bottom: 1em;
@@ -92,7 +95,6 @@ div.person-view {
  *  Header custom for Accompanying Course
  */
 
-$chill-accourse-context: #718596;
 
 div.banner {
     div#header-accompanying_course-name {
@@ -104,9 +106,9 @@ div.banner {
         span {
             a {
                 color: $white;
-            }
-            a:hover {
-                text-decoration: underline;
+                &:hover {
+                    text-decoration: underline;
+                }
             }
         }
     }
@@ -118,7 +120,7 @@ div.banner {
     }
 }
 
-abbr.referrer {
+abbr.referrer {   // still used ?
     font-size: 70%;
     padding-right: 0.4em;
     align-self: center; // in flex context
@@ -129,8 +131,6 @@ abbr.referrer {
  *  Header custom for Household
  */
 
-$chill-household-context: #929d69;
-
 div.banner {
     div#header-household-name {
         background: none repeat scroll 0 0 $chill-household-context;
@@ -142,9 +142,9 @@ div.banner {
         span {
             a {
                 color: $white;
-            }
-            a:hover {
-                text-decoration: underline;
+                &:hover {
+                    text-decoration: underline;
+                }
             }
         }
         div.household-members {
@@ -208,47 +208,7 @@ div.household-resume {
     }
 }
 
-/*
-*  BADGES, MARKS, PINS
-*  for chill person theme
-*/
-
-// chill person badges
-span.badge-person,
-span.badge-thirdparty {
-    display: inline-block;
-    padding: 0 0.5em !important;
-    background-color: $white;
-    color: $dark;
-    border: 1px solid $chill-ll-gray;
-    border-bottom-width: 2px;
-    border-bottom-style: solid;
-    border-radius: 6px;
-    a {
-        text-decoration: none;
-    }
-}
-span.badge-person {
-    border-bottom-color: $chill-green;
-}
-// todo: move in thirdparty
-span.badge-thirdparty {
-    border-bottom-color: shade-color($chill-pink, 10%);
-}
-
-// household holder mark
-span.fa-holder {
-    width: 1em;
-    margin: -10px 0.3em -8px 0;
-    i:last-child {
-        font-weight: 900;
-        color: white;
-        font-size: 70%;
-        font-family: "Open Sans Extrabold";
-    }
-}
-
-///
+/// Horizontal list of persons (Accourse resume page)
 div.accompanyingcourse-resume {
     div.associated-persons {
         font-size: 110%;