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

Headline - underlined: H 4 

<h4 class="rh-heading-underlined">Ingalunda bäckasiner gör det händer</h4>
 
<{{headingLevel}} class="rh-heading-underlined{{#if extendClass}} {{extendClass}}{{/if}}">{{ headline-text }}</{{headingLevel}}>
 
{
  "headline-text": "Ingalunda bäckasiner gör det händer",
  "headingLevel": "h4",
  "name": "headline-underlined"
}
  • Content: 
    .rh-heading-underlined {
    border-bottom: $HEADING-UNDERLINED__BORDER-BOTTOM--THICKNESS $HEADING-UNDERLINED__BORDER-BOTTOM--STYLE $HEADING-UNDERLINED__BORDER-BOTTOM--COLOR;
    line-height: $HEADING-UNDERLINED__LINE-HEIGHT;
}
  • URL: /components/raw/heading-underlined/_heading-underlined.scss
  • Filesystem Path: components/Atoms/heading-underlined/_heading-underlined.scss
  • Size: 228 Bytes
  • Content: 
    {
    "name": "regionhalland/heading-underlined",
    "description": "Heading underlined",
    "type": "styleguide-atom",
    "license": "GPL-3.0",
    "authors": [
        {
            "name": "Roland Hydén",
            "email": "Roland.Hyden@Regionhalland.se"
        }
    ],
    "require": {}
}
  • URL: /components/raw/heading-underlined/composer.json
  • Filesystem Path: components/Atoms/heading-underlined/composer.json
  • Size: 301 Bytes
  • Content: 
    /* --------------------------- */
/* Atomen "Heading underlined" */
/* --------------------------- */

$HEADING-UNDERLINED__BORDER-BOTTOM--THICKNESS: 2px;
$HEADING-UNDERLINED__BORDER-BOTTOM--STYLE: solid;
$HEADING-UNDERLINED__BORDER-BOTTOM--COLOR: $base3;
$HEADING-UNDERLINED__LINE-HEIGHT: 1.5;
  • URL: /components/raw/heading-underlined/heading-underlined.settings.scss
  • Filesystem Path: components/Atoms/heading-underlined/heading-underlined.settings.scss
  • Size: 295 Bytes

Heading underlined

Det är fritt fram att använda vanliga <h>-taggar, men i de fall man vill ha en understruken rubrik kan man använda denna komponent.

Versioner

  • 1.0.0 (2019-11-29) Omskriven komponent.
  • 1.0.0-20191112 Första versionen