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

Sitename 

<span class="rh-sitename h3">Vårdgivare Halland</span>
 
<span class="rh-sitename h3">{{siteTitle}}</span>
 
{
  "siteTitle": "Vårdgivare Halland"
}
  • Content: 
    .rh-sitename{
	/* Box-modell/beteende */
	margin-left: 1.3125em;//em(21);

	/* Typografi */
    font-weight: normal;
    @if $SITENAME--COLOR {
        color: $SITENAME--COLOR;
    }
	font-size: $SITENAME--SMALL-FONT-SIZE; //em(14);

	@include medium {
		/* Box-modell/beteende */
		margin-right: 1.3125em; //em(21);

		/* Typografi */
		font-size: $SITENAME--MEDIUM-FONT-SIZE;//em(14);
	}

	@include large {
		/* Box-modell/beteende */
		margin-left: 1.8125em; //em(29);

		/* Typografi */
		font-size: $SITENAME--LARGE-FONT-SIZE; //em(20);
	}
}
  • URL: /components/raw/sitename/_sitename.scss
  • Filesystem Path: components/Atoms/sitename/_sitename.scss
  • Size: 547 Bytes
  • Content: 
    {
    "name": "regionhalland/sitename",
    "description": "sitename",
    "type": "styleguide-atom",
    "license": "GPL-3.0",
    "authors": [
        {
            "name": "Region Halland",
            "email": "webbplatser@regionhalland.se"
        }
    ],
    "require": {}
}
  • URL: /components/raw/sitename/composer.json
  • Filesystem Path: components/Atoms/sitename/composer.json
  • Size: 281 Bytes
  • Content: 
    /* Atom - Sitename */
$SITENAME--COLOR: false; // false - Ex: $black

$SITENAME--SMALL-FONT-SIZE: $font-size--small;
$SITENAME--MEDIUM-FONT-SIZE: $font-size--small;
$SITENAME--LARGE-FONT-SIZE: $font-size--xl;
  • URL: /components/raw/sitename/sitename.settings.scss
  • Filesystem Path: components/Atoms/sitename/sitename.settings.scss
  • Size: 208 Bytes

Atomen “Sitename”

Versionshistorik

  • 1.0.0.20200124 Global variabler används
  • 1.0.0 Skapat atomen