diff options
author | William Carroll <wpcarro@gmail.com> | 2020-04-19T12·40+0100 |
---|---|---|
committer | William Carroll <wpcarro@gmail.com> | 2020-04-19T12·42+0100 |
commit | f92fe97aff16fa65ed8d4587b74b132811ff04ec (patch) | |
tree | b73f9cda33f132bc2b6823ff3d7d98d8939067d9 /website/sandbox/learnpianochords/src/Tempo.elm | |
parent | 7b2163d804a67054b7ac1bf5d8eb047b39dd92d9 (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.elm | 3 |
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") ] |