A page with example paragraphs
Nedan följer ett antal paragraphs med olika inställningar. Ni kan dels använda sidan för att ge feedback om något ska ändras och dels editera sidan och kolla på vilka inställningar som är gjorda per paragraph.
Text i en Layout-kolumn.
Dessa 3 kolomner är skapta med en Layout utan några inställningar och i varje kolumn ligger en Text.
Text i en Layout-kolumn.
Dessa 3 kolomner är skapta med en Layout utan några inställningar och i varje kolumn ligger en Text.
Text i en Layout-kolumn.
Dessa 3 kolomner är skapta med en Layout utan några inställningar och i varje kolumn ligger en Text.
Text i en Layout-pane som har färgschema.
På layouten är det inställt align_items center. Det innebär att alla panes som inte har några inställningar alignar innehållet center.
Text i en Layout-pane som har färgschema.
På layouten är det inställt align_items center. Det innebär att alla panes som inte har några inställningar alignar innehållet center.
Just i denna har jag lagt lite mer text enbart för att effekten av align på övriga ska synas. Har alla samma mängd innehåll har inte align någon effekt alls.
Aenean lacinia bibendum nulla sed consectetur. Aenean lacinia bibendum nulla sed consectetur. Donec ullamcorper nulla non metus auctor fringilla. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vestibulum id ligula porta felis euismod semper.
Text i en Layout-pane som har färgschema och align start (a.k.a. top).
På layouten är det inställt align_items center. Det innebär att alla panes som inte har några inställningar alignar innehållet center. Just denna har inställningar för att aligna innehållet start.
Text i en Layout-pane som har färgschema och align end (a.k.a. bottom).
På layouten är det inställt align_items center. Det innebär att alla panes som inte har några inställningar alignar innehållet center. Just denna har inställningar för att aligna innehållet end.
Text i en Layout-pane där Layout har färgschema.
På layouten är det inställt align_items center. Det innebär att alla panes som inte har några inställningar alignar innehållet center.
Text i en Layout-pane som där layout har färgschema.
På layouten är det inställt align_items center. Det innebär att alla panes som inte har några inställningar alignar innehållet center.
Just i denna har jag lagt lite mer text enbart för att effekten av align på övriga ska synas. Har alla samma mängd innehåll har inte align någon effekt alls.
Aenean lacinia bibendum nulla sed consectetur. Aenean lacinia bibendum nulla sed consectetur. Donec ullamcorper nulla non metus auctor fringilla. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vestibulum id ligula porta felis euismod semper.
Text i en Layout-pane med align start (a.k.a. top) och där Layout har färgschema
På layouten är det inställt align_items center. Det innebär att alla panes som inte har några inställningar alignar innehållet center. Just denna har inställningar för att aligna innehållet start.
Text i en Layout-pane med align end (a.k.a. bottom) och där Layout har färgschema.
På layouten är det inställt align_items center. Det innebär att alla panes som inte har några inställningar alignar innehållet center. Just denna har inställningar för att aligna innehållet end.
Text i en Layout color scheme och endast en pane.
Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean lacinia bibendum nulla sed consectetur. Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Sed posuere consectetur est at lobortis. Curabitur blandit tempus porttitor.
Text i en Container med color scheme.
Containern sträcker sig alltid 100% men innehållet kan ha en max-bredd. I detta fallet har jag inte satt en max-bredd på Containern. Det flesta paragraphs har en inbyggd max-bredd och därmed behöver man inte lägga saker i en Container annat än när man vill gruppera/avskilja/bryta av mha bakgrund.
Denna text ligger i en layout med max-bredd large samt färgschema på hela layouten. Layouten i sin tur ligger i en Container med färgschema.
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Vestibulum id ligula porta felis euismod semper. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Curabitur blandit tempus porttitor.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nulla vitae elit libero, a pharetra augue. Donec sed odio dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Detta är en container med en bakgrundsbild.
Vestibulum id ligula porta felis euismod semper. Maecenas faucibus mollis interdum. Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
