From 8ce0f34cd6f1fc3373d0c6406bbfdac4f1a8df15 Mon Sep 17 00:00:00 2001
From: Romulus21 <romain@delanoe.me>
Date: Mon, 27 Apr 2020 21:41:55 +0200
Subject: [PATCH] almost finish tailwind integration

---
 resources/sass/app.scss                 |  2 +-
 resources/sass/pages/games/hangman.scss | 19 +++++++++----------
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/resources/sass/app.scss b/resources/sass/app.scss
index 01bfe22..e953642 100644
--- a/resources/sass/app.scss
+++ b/resources/sass/app.scss
@@ -30,7 +30,7 @@
 //@import "pages/meteo";
 //@import "pages/games";
 //
-//@import "pages/games/hangman";
+@import "pages/games/hangman";
 
 
 @tailwind utilities;
diff --git a/resources/sass/pages/games/hangman.scss b/resources/sass/pages/games/hangman.scss
index e51b322..cb53665 100644
--- a/resources/sass/pages/games/hangman.scss
+++ b/resources/sass/pages/games/hangman.scss
@@ -17,14 +17,14 @@
 
 .figure-container {
     fill: transparent;
-    stroke: $mediumDark;
+    stroke: orange;
     stroke-width: 4px;
     stroke-linecap: round;
 }
 
 .figure-part {
     display: none;
-    stroke: $dark;
+    stroke: #7b341e;
 }
 
 .wrong-letters-container {
@@ -47,13 +47,11 @@
 }
 
 .word {
-    display: flex;
-    align-self: center;
-    justify-self: center;
+    @apply flex justify-center items-center;
     bottom: 1rem;
 
     .letter {
-        border-bottom: 3px solid $medium;
+        border-bottom: 3px solid #c05621;
         display: inline-flex;
         font-size: 30px;
         align-items: center;
@@ -69,16 +67,17 @@
     width: calc(100% - 6rem);
 
     .popup {
-        background-color: $medium;
+        background-color: #c05621;
         border-radius: 5px;
-        color: $light;
+        color: #fbd38d;
+        min-height: 10rem;
         padding: 20px;
         text-align: center;
 
         button {
             cursor: pointer;
             background-color: #fff;
-            color: $dark;
+            color: #7b341e;
             border: 0;
             margin-top: 20px;
             padding: 12px 20px;
@@ -96,7 +95,7 @@
 }
 
 .notification-container {
-    background-color: $mediumLight;
+    background-color: #ed8936;
     border-radius: 2px;
     padding: 1rem;
     text-align: center;