git.iko.soy/typeable/elm-ui
on dfef577 help sign in
typeable/elm-ui/tests-rendering/cases/Manual/TextLayout.elm
43 lines 2.8 kB history raw
1module Main exposing (main)
3import Tests.Palette as Palette exposing (..)
4import Element exposing (..)
5import Element.Background as Background
6import Element.Font as Font
7import Element.Input as Input
8import Html exposing (Html)
11main : Html msg
12main =
13 layout
14 [ Font.size 20
15 , Font.lineHeight 1.3
16 , Font.color darkCharcoal
17 ]
18 <|
19 textColumn
20 [ spacing 56 ]
21 [ paragraph []
22 [ el
23 [ alignLeft
24 , Font.size 60
25 , Font.lineHeight 0.8
26 , moveUp 5
27 , paddingEach
28 { right = 5
29 , top = 0
30 , bottom = 0
31 , left = 0
32 }
33 ]
34 (text "S")
35 , text "tylish elephants are on the loose. By day they prowl, by night they sleep."
36 , text "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam dictum turpis sem, sed commodo felis blandit quis. Etiam gravida velit a felis accumsan, ut finibus risus bibendum. Donec eget augue lorem. Curabitur neque sem, fermentum sed nisl at, semper feugiat nibh. Morbi mollis tempor turpis. Suspendisse est urna, sodales sed molestie semper, rhoncus eu nisl. Fusce ultrices leo sit amet arcu maximus, in scelerisque ante egestas. Suspendisse dictum augue eu venenatis molestie. Duis ullamcorper magna ut ex placerat fringilla. In mollis efficitur tellus, sit amet tincidunt mauris accumsan non. Morbi vel dapibus velit. Nullam quam sem, mattis vel feugiat et, sagittis vulputate libero. Maecenas posuere dui semper mollis hendrerit. Sed sit amet dolor tempus, tristique enim in, porttitor sem. Ut lobortis egestas lorem ut ornare."
37 ]
38 , paragraph []
39 [ text "Vivamus luctus ex eros, ac accumsan lectus ornare eget. Phasellus mattis dapibus tortor, ut rutrum dolor pulvinar eget. Sed vulputate metus vel sapien dignissim, ac ornare justo porta. Praesent dolor leo, varius id nisl ut, pretium dapibus purus. Curabitur at dolor et augue accumsan venenatis et non urna. Aenean rutrum augue nulla, a tempus sapien aliquam vel. Cras sodales nulla sed dolor mollis, ac consectetur lorem consectetur." ]
40 , paragraph []
41 [ text "Maecenas ultricies felis ipsum, quis rhoncus libero malesuada eget. Maecenas sagittis quis ipsum at convallis. Suspendisse potenti. Donec feugiat ligula nunc, id pellentesque erat tristique sed. In hac habitasse platea dictumst. Sed rutrum, urna vel efficitur pretium, lacus risus blandit turpis, sed finibus nisi odio pretium diam. Etiam elementum ante non nibh semper, quis gravida elit fermentum."
42 ]
43 ]