Create Tailwind module

Moving the UI.tw function into Tailwind.use. Creating and consuming some
functions like Tailwind.if_ and Tailwind.when to make it easier to conditionally
style some of my components.

1 files changed, 3 insertions, 2 deletions

diff --git a/website/sandbox/learnpianochords/src/Preferences.elm b/website/sandbox/learnpianochords/src/Preferences.elm
index e90a669c21f2..83d4f97e24d5 100644
--- a/website/sandbox/learnpianochords/src/Preferences.elm
+++ b/website/sandbox/learnpianochords/src/Preferences.elm
@@ -6,6 +6,7 @@ import Html.Events exposing (..)
 import Icon
 import Responsive
 import State
+import Tailwind
 import Tempo
 import Theory
 import UI
@@ -105,7 +106,7 @@ keyCheckboxes model =
               , "pt-10"
               , Responsive.h2
               ]
-                |> UI.tw
+                |> Tailwind.use
                 |> class
             ]
             [ text "Select keys" ]
@@ -134,7 +135,7 @@ closePreferences =
           , "top-0"
           , "z-10"
           ]
-            |> UI.tw
+            |> Tailwind.use
             |> class
         , onClick (State.SetView State.Practice)
         ]