From a579620c9bea904fedb23dbaa137647d3e0344e5 Mon Sep 17 00:00:00 2001
From: Steven Vandevelde <icid.asset@gmail.com>
Date: Sat, 1 Aug 2020 18:55:25 +0200
Subject: [PATCH] Remove Html.Styled from Kit

---
 src/Applications/UI/Kit.elm | 34 ++++++++--------------------------
 src/Css/Logo.css            |  8 ++++++++
 2 files changed, 16 insertions(+), 26 deletions(-)

diff --git a/src/Applications/UI/Kit.elm b/src/Applications/UI/Kit.elm
index b681cf5a..c2775d83 100644
--- a/src/Applications/UI/Kit.elm
+++ b/src/Applications/UI/Kit.elm
@@ -9,10 +9,8 @@ import Conditional exposing (ifThenElse)
 import Css
 import Css.Classes as C
 import Html exposing (Html)
-import Html.Attributes exposing (href, style)
+import Html.Attributes as A exposing (href, style)
 import Html.Events exposing (onClick, onInput)
-import Html.Styled
-import Html.Styled.Attributes exposing (css)
 import Material.Icons as Icons
 import Material.Icons.Types exposing (Coloring(..))
 import Svg
@@ -250,9 +248,7 @@ centeredContent children =
         , C.overflow_hidden
         , C.relative
         ]
-        [ logoBackdrop
-            |> Html.Styled.map never
-            |> Html.Styled.toUnstyled
+        [ Html.map never logoBackdrop
         , chunk
             [ C.flex
             , C.flex_col
@@ -405,11 +401,13 @@ link params =
         [ Html.text params.label ]
 
 
-logoBackdrop : Html.Styled.Html Never
+logoBackdrop : Html Never
 logoBackdrop =
-    Chunky.Styled.brick
-        [ css logoBackdropStyles ]
-        [ C.absolute
+    Html.div
+        [ A.class "logo-backdrop"
+
+        --
+        , C.absolute
         , C.bg_cover
         , C.bg_no_repeat
         , C.h_0
@@ -610,19 +608,3 @@ textFieldAlt attributes =
         , C.dark__text_gray_600
         ]
         []
-
-
-
------------------------------------------
--- ㊙️
------------------------------------------
-
-
-logoBackdropStyles : List Css.Style
-logoBackdropStyles =
-    [ Css.backgroundImage (Css.url "images/diffuse__icon-dark.svg")
-    , Css.backgroundPosition2 (Css.pct -43.5) (Css.px 98)
-    , Css.property "transform-origin" "left top"
-    , Css.transform (Css.rotate (Css.deg 90))
-    , Css.width (Css.vh 105)
-    ]
diff --git a/src/Css/Logo.css b/src/Css/Logo.css
index a2cffdcc..075cb26f 100644
--- a/src/Css/Logo.css
+++ b/src/Css/Logo.css
@@ -5,3 +5,11 @@
 .logo img {
   width: 154px;
 }
+
+.logo-backdrop {
+  background-image: url("images/diffuse__icon-dark.svg");
+  background-position: -43.5% 98px;
+  transform-origin: left top;
+  transform: rotate(90deg);
+  width: 105vh;
+}
-- 
2.51.2