BETA Hej! Denna webbplats är under utveckling. Bidra gärna med feedback!
Stilguide
Bidra

Text 

<div class="rh-article">
    <p class="rh-ingress">Ingress. Som bäckasiner varit icke ingalunda ser vemod miljoner dimma, blev blivit om åker år när för tre, ännu räv när vad dimma fram icke. Räv ser göras det vid dock ingalunda där dag verkligen, bra och att kanske varit precis så trevnadens, räv
        tidigare annat färdväg vad trevnadens rännil blivit.</p>

    <h1>Heading 1</h1>
    <p>Groda sig sällan smultron genom sista år vemod, mot ska mjuka rännil att hans, nu av sax annat genom tiden. Brunsås hela regn dimmhöljd av kom oss på att ta björnbär, annat samma faktor varit och fram kunde precis rot på räv, söka åker så träutensilierna
        ordningens trevnadens mjuka hwila blev.</p>

    <h2>Heading 2</h2>
    <p>Groda sig sällan smultron genom sista år vemod, mot ska mjuka rännil att hans, nu av sax annat genom tiden. Brunsås hela regn dimmhöljd av kom oss på att ta björnbär, annat samma faktor varit och fram kunde precis rot på räv, söka åker så träutensilierna
        ordningens trevnadens mjuka hwila blev.</p>

    <h3>Heading 3</h3>
    <p>Groda sig sällan smultron genom sista år vemod, mot ska mjuka rännil att hans, nu av sax annat genom tiden. Brunsås hela regn dimmhöljd av kom oss på att ta björnbär, annat samma faktor varit och fram kunde precis rot på räv, söka åker så träutensilierna
        ordningens trevnadens mjuka hwila blev.</p>

    <h4>Heading 4</h4>
    <p>Groda sig sällan smultron genom sista år vemod, mot ska mjuka rännil att hans, nu av sax annat genom tiden. Brunsås hela regn dimmhöljd av kom oss på att ta björnbär, annat samma faktor varit och fram kunde precis rot på räv, söka åker så träutensilierna
        ordningens trevnadens mjuka hwila blev.</p>

    <h5>Heading 5</h5>
    <p>Groda sig sällan smultron genom sista år vemod, mot ska mjuka rännil att hans, nu av sax annat genom tiden. Brunsås hela regn dimmhöljd av kom oss på att ta björnbär, annat samma faktor varit och fram kunde precis rot på räv, söka åker så träutensilierna
        ordningens trevnadens mjuka hwila blev.</p>

    <h6>Heading 6</h6>
    <p>Groda sig sällan smultron genom sista år vemod, mot ska mjuka rännil att hans, nu av sax annat genom tiden. Brunsås hela regn dimmhöljd av kom oss på att ta björnbär, annat samma faktor varit och fram kunde precis rot på räv, söka åker så träutensilierna
        ordningens trevnadens mjuka hwila blev.</p>

    <ul>
        <li>
            Löksås
        </li>
        <li>
            Smörgåsbord
        </li>
    </ul>
</div>
 
<div class="rh-article">
    <p class="rh-ingress">{{ingress-text}}</p>

    <h1>{{title}} 1</h1>
    <p>{{text}}</p>

    <h2>{{title}} 2</h2>
    <p>{{text}}</p>

    <h3>{{title}} 3</h3>
    <p>{{text}}</p>

    <h4>{{title}} 4</h4>
    <p>{{text}}</p>

    <h5>{{title}} 5</h5>
    <p>{{text}}</p>

    <h6>{{title}} 6</h6>
    <p>{{text}}</p>

    <ul>
        <li>
            Löksås
        </li>
        <li>
            Smörgåsbord
        </li>
    </ul>
</div>
 
{
  "title": "Heading",
  "text": "Groda sig sällan smultron genom sista år vemod, mot ska mjuka rännil att hans, nu av sax annat genom tiden. Brunsås hela regn dimmhöljd av kom oss på att ta björnbär, annat samma faktor varit och fram kunde precis rot på räv, söka åker så träutensilierna ordningens trevnadens mjuka hwila blev.",
  "ingress-text": "Ingress. Som bäckasiner varit icke ingalunda ser vemod miljoner dimma, blev blivit om åker år när för tre, ännu räv när vad dimma fram icke. Räv ser göras det vid dock ingalunda där dag verkligen, bra och att kanske varit precis så trevnadens, räv tidigare annat färdväg vad trevnadens rännil blivit."
}
  • Content: 
    {
    "name": "regionhalland/text",
    "description": "Atomen text",
    "type": "styleguide-atom",
    "license": "GPL-3.0",
    "authors": [
        {
            "name": "Roland Hydén",
            "email": "Roland.Hyden@Regionhalland.se"
        }
    ],
    "require": {}
}
  • URL: /components/raw/text/composer.json
  • Filesystem Path: components/Atoms/text/composer.json
  • Size: 281 Bytes

Atomen “Text”

Versioner

  • 1.0.0.20191121 Flyttat till gitrepo
  • 1.0.0.20191112 Gått igenom config och hbs-filerna och skapat README

Implementeringsråd

Denna komponent används endast i templates för att demonstrera hur typografin som styrs centralt i projektets kärna ser ut. Notera dock att klassen rh-article ofta används på våra webbplatser för att t.ex. återge listor deras grafiska element och rh-ingress behöver användas i blade-filerna för ingresser.