Created
January 15, 2018 09:35
-
-
Save AttilaVM/478c02900916db637bb5cee05874e099 to your computer and use it in GitHub Desktop.
Simple style-elements v4 layout
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <style> | |
| /* you can style your program here */ | |
| </style> | |
| </head> | |
| <body> | |
| <script> | |
| var app = Elm.Main.fullscreen() | |
| // you can use ports and stuff here | |
| </script> | |
| </body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| module Main exposing (main) | |
| import Color | |
| import Html exposing (Html) | |
| import Element exposing (..) | |
| import Element.Attributes exposing (center) | |
| import Style exposing (..) | |
| import Style.Color as Color | |
| import Style.Font as Font | |
| type Styles | |
| = None | |
| | Text | |
| stylesheet = | |
| Style.styleSheet | |
| [ style None [] | |
| , style Text []] | |
| main : Html msg | |
| main = | |
| layout stylesheet <| | |
| column None [] <| | |
| [row | |
| Text | |
| [center] | |
| [ text "Centered Text" ]] | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment