Responsive fixes and CSS cleanup. Wait #2745 @0.5

diff --git a/resources/styles/components/cookies-consent.styl b/resources/styles/components/cookies-consent.styl
index 8518c1db6f4b33aa19bae7d87743bf7ccfb6750e..c8671c1bcf5d4dda66339da333a4a6b2ddc55dc9 100644 (file)
--- a/resources/styles/components/cookies-consent.styl
+++ b/resources/styles/components/cookies-consent.styl
@@ -1,26 +1,14 @@
 #cookie-consent
-  font-family theme('fontFamily.body')
-  height: 72px
-  width: 100vw
-  font-size: 14px
+  @apply fixed w-full bottom-0
+  @apply flex items-center justify-center
+  @apply font-body text-sm text-white text-center p-4
   background-color: rgba(21, 47, 78, 0.8)
-  position: fixed
-  text-align center
-  bottom: 0
-  color #fff
+  z-index: 100
 
-  @media (max-width: 1105px)
-    padding: 20px 20px
-  @media (max-width: 470px)
-    padding: 70px 20px
-
-  div
-    margin-top: 25px;
-    display: inline-block;
+  +below(550px)
+    @apply block
+    button
+      @apply mt-4
 
   button
-    margin-left: 20px;
-    display: inline-block;
-    background-color: #0EAADA
-    padding: 9px 13px
-    border-radius: 3px
+    @apply bg-blue rounded mx-3 px-4 py-2 whitespace-no-wrap