about summary refs log tree commit diff
path: root/website/sandbox/learnpianochords/src/Tempo.elm
diff options
context:
space:
mode:
authorWilliam Carroll <wpcarro@gmail.com>2020-04-19T12·40+0100
committerWilliam Carroll <wpcarro@gmail.com>2020-04-19T12·42+0100
commitf92fe97aff16fa65ed8d4587b74b132811ff04ec (patch)
treeb73f9cda33f132bc2b6823ff3d7d98d8939067d9 /website/sandbox/learnpianochords/src/Tempo.elm
parent7b2163d804a67054b7ac1bf5d8eb047b39dd92d9 (diff)
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.
Diffstat (limited to 'website/sandbox/learnpianochords/src/Tempo.elm')
-rw-r--r--website/sandbox/learnpianochords/src/Tempo.elm3
1 files changed, 2 insertions, 1 deletions
diff --git a/website/sandbox/learnpianochords/src/Tempo.elm b/website/sandbox/learnpianochords/src/Tempo.elm
index a1afd776acb4..041313614f53 100644
--- a/website/sandbox/learnpianochords/src/Tempo.elm
+++ b/website/sandbox/learnpianochords/src/Tempo.elm
@@ -4,6 +4,7 @@ import Html exposing (..)
 import Html.Attributes exposing (..)
 import Html.Events exposing (..)
 import Responsive
+import Tailwind
 import UI
 
 
@@ -20,7 +21,7 @@ render { tempo, handleInput } =
             [ [ "py-10"
               , Responsive.h2
               ]
-                |> UI.tw
+                |> Tailwind.use
                 |> class
             ]
             [ text (String.fromInt tempo ++ " BPM") ]