From e468196ebaa006360ad817c899c09c62d4f8ab19 Mon Sep 17 00:00:00 2001
From: Thomas Dehaeze <dehaeze.thomas@gmail.com>
Date: Thu, 26 Nov 2020 19:55:43 +0100
Subject: [PATCH] Use color variables

---
 scss/partials/_boxes.scss | 24 +++++++++++-------------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/scss/partials/_boxes.scss b/scss/partials/_boxes.scss
index 08104f8..b33c16f 100644
--- a/scss/partials/_boxes.scss
+++ b/scss/partials/_boxes.scss
@@ -1,14 +1,13 @@
 $types: (
-    note:       (color: hsl(0,   0%,  94%), title-color: hsl(0,   0%,  64%), icon: ""),
-    seealso:    (color: hsl(0,   0%,  94%), title-color: hsl(0,   0%,  64%), icon: ""),
-    definition: (color: hsl(360, 61%, 94%), title-color: hsl(360, 61%, 64%), icon: ""),
-    exampl:     (color: hsl(160, 61%, 94%), title-color: hsl(160, 61%, 64%), icon: ""),
-    question:   (color: hsl(55,  61%, 94%), title-color: hsl(55,  61%, 64%), icon: ""),
-    summary:    (color: hsl(204, 61%, 94%), title-color: hsl(204, 61%, 64%), icon: ""),
-    hint:       (color: hsl(0,   0%,  94%), title-color: hsl(0,   0%,  64%), icon: ""),
-    important:  (color: hsl(32,  61%, 94%), title-color: hsl(32,  61%, 64%), icon: ""),
-    caution:    (color: hsl(32,  61%, 94%), title-color: hsl(32,  61%, 64%), icon: ""),
-    warning:    (color: hsl(32,  61%, 94%), title-color: hsl(32,  61%, 64%), icon: "")
+    seealso:    (color: $pale-grey,   title-color: $grey,   icon: "\f05a"),
+    definition: (color: $pale-red,    title-color: $red,    icon: "\f005"),
+    exampl:     (color: $pale-green,  title-color: $green,  icon: "\f013"),
+    question:   (color: $pale-yellow, title-color: $yellow, icon: "\f059"),
+    summary:    (color: $pale-blue,   title-color: $blue,   icon: "\f02e"),
+    hint:       (color: $pale-grey,   title-color: $grey,   icon: "\f05a"),
+    important:  (color: $pale-orange, title-color: $orange, icon: "\f005"),
+    caution:    (color: $pale-orange, title-color: $orange, icon: "\f071"),
+    warning:    (color: $pale-orange, title-color: $orange, icon: "\f071")
 );
 
 
@@ -22,11 +21,10 @@ $types: (
 
         background: map-get($map, color);
 
-        p:last-child, .last {
-            margin-bottom:0;
+        > p:last-child {
+            margin-bottom: 0;
         }
 
-
         &.admonition-title{
             line-height: 1;
             background: map-get($map, title-color);