Adds balloon example

styleguide-app/Example.elm

@@ -112,6 +112,7 @@ preview_ navigate example =
         , Container.html
             (ClickableText.link example.name
                 [ ClickableText.href (exampleHref example)
+                , ClickableText.css [ Css.marginBottom (Css.px 10) ]
                 ]
                 :: List.map (Html.map never) example.preview
             )

styleguide-app/Examples/Balloon.elm

@@ -29,7 +29,14 @@ example =
     , state = init
     , update = update
     , subscriptions = \_ -> Sub.none
-    , preview = []
+    , preview =
+        [ Balloon.balloon
+            [ Balloon.onTop
+            , Balloon.navy
+            , Balloon.paddingPx 4
+            ]
+            (text "This is a balloon.")
+        ]
     , view = view
     }
 

styleguide-app/Examples/IconExamples.elm

@@ -15,7 +15,6 @@ preview icons =
         [ css
             [ Css.displayFlex
             , Css.justifyContent Css.spaceBetween
-            , Css.marginTop (Css.px 8)
             , Css.color Colors.gray45
             ]
         ]