1 files changed, 67 insertions, 0 deletions

diff --git a/src/Styles.elm b/src/Styles.elm
new file mode 100644
index 0000000..57c124b
--- /dev/null
+++ b/src/Styles.elm
@@ -0,0 +1,67 @@
+module Styles exposing (..)
+
+import Css exposing (..)
+import Css.Global exposing (global, selector)
+import Html
+import Html.Styled exposing (..)
+
+
+styledButton : List (Attribute msg) -> List (Html msg) -> Html msg
+styledButton =
+    styled
+        button
+        [ margin (px 12)
+        , color (hex "#000")
+        , fontFamily monospace
+        , backgroundColor (hex "#ddd")
+        , border (px 0)
+        , borderRadius (px 4)
+        , padding (px 12)
+        ]
+
+
+styledInput : List (Attribute msg) -> List (Html msg) -> Html msg
+styledInput =
+    styled
+        input
+        [ margin (px 12)
+        , color (hex "#000")
+        , fontFamily monospace
+        , backgroundColor (hex "#eee")
+        , border (px 0)
+        , borderRadius (px 4)
+        , padding (px 12)
+        ]
+
+
+styledListItem : List (Attribute msg) -> List (Html msg) -> Html msg
+styledListItem =
+    styled
+        li
+        [ display inline
+        ]
+
+
+styledUnorderedList : List (Attribute msg) -> List (Html msg) -> Html msg
+styledUnorderedList =
+    styled
+        ul
+        [ listStyle Css.none
+        , padding (px 0)
+        ]
+
+
+styledTextBox : List (Attribute msg) -> List (Html msg) -> Html msg
+styledTextBox =
+    styled
+        div
+        [ margin (px 12)
+        , color (hex "#000")
+        , fontFamily monospace
+        , backgroundColor (hex "#eee")
+        , border (px 0)
+        , borderRadius (px 4)
+        , padding (px 12)
+        , width (px 500)
+        , display inlineBlock
+        ]