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

Kontaktkort enheter 

<div class="rh-unit-info">

    <h5>Vårdcentralen Getinge </h5>
    <hr class="rh-unit-info-title-hr">
    <p class="rh-unit-info-text rh-unit-info-text-inline"><strong> Telefon:</strong> 035 - 16 27 70 </p>
    <p class="rh-unit-info-text rh-unit-info-text-inline"><strong> Telefontider:</strong> Mån - Fred 7.30 - 16.50 </p>
    <p class="rh-unit-info-text"><strong> Öppettider:</strong> Måndag, Onsdag, Fredag kl. 08.00 - 17.00 <br> Tisdag kl. 08.00 - 17.00 <br> Torsdag kl. 08.00 - 18.00</p>
    <p class="rh-unit-info-text"><strong> Besöksadress:</strong> Doktorsgatan 4</p>
    <p class="rh-unit-info-text"><a class="rh-link">Mer information</a></p>

    <p class="rh-unit-info-text rh-unit-info-text-title"><strong> E-tjänster</strong></p>
    <p class="rh-unit-info-text"><a class="rh-unit-info-link rh-link--external">Förnya recept</a></p>
    <p class="rh-unit-info-text"><a class="rh-unit-info-link rh-link--external">Boka tid direkt</a></p>
    <p class="rh-unit-info-text"><a class="rh-unit-info-link rh-link--external">Av/omboka tid direkt</a></p>
    <p class="rh-unit-info-text"><a class="rh-unit-info-link rh-link--external">Begär intyg</a></p>
    <p class="rh-unit-info-text"><a class="rh-unit-info-link rh-link--external">Beställa journalkopior</a></p>
    <br>
    <p class="rh-unit-info-text"><a class="rh-link">Logga in på 1177</a></p>

</div>
 
<div class="rh-unit-info">

	<h5>Vårdcentralen Getinge </h5>
	<hr class="rh-unit-info-title-hr">
	<p class="rh-unit-info-text rh-unit-info-text-inline"><strong> Telefon:</strong> 035 - 16 27 70 </p>
	<p class="rh-unit-info-text rh-unit-info-text-inline"><strong> Telefontider:</strong> Mån - Fred 7.30 - 16.50 </p>
	<p class="rh-unit-info-text"><strong> Öppettider:</strong> Måndag, Onsdag, Fredag kl. 08.00 - 17.00 <br>
	Tisdag kl. 08.00 - 17.00 <br>
	Torsdag kl. 08.00 - 18.00</p>
	<p class="rh-unit-info-text"><strong> Besöksadress:</strong> Doktorsgatan 4</p>
	<p class="rh-unit-info-text"><a class="rh-link">Mer information</a></p>



	<p class="rh-unit-info-text rh-unit-info-text-title"><strong> E-tjänster</strong></p>
	<p class="rh-unit-info-text"><a class="rh-unit-info-link rh-link--external">Förnya recept</a></p>
	<p class="rh-unit-info-text"><a class="rh-unit-info-link rh-link--external">Boka tid direkt</a></p>
	<p class="rh-unit-info-text"><a class="rh-unit-info-link rh-link--external">Av/omboka tid direkt</a></p>
	<p class="rh-unit-info-text"><a class="rh-unit-info-link rh-link--external">Begär intyg</a></p>
	<p class="rh-unit-info-text"><a class="rh-unit-info-link rh-link--external">Beställa journalkopior</a></p>
	<br>
	<p class="rh-unit-info-text"><a class="rh-link">Logga in på 1177</a></p>




</div>
 
{
  "caption": "",
  "name": ""
}
  • Content: 
    .rh-unit-info{
 	padding-top: em(25);
 	padding-bottom: em(25);
 	padding-right: em(20);
 	padding-left: em(20);
 	box-shadow: 1px 2px 6px $color-shadow;
	background-color: $white;

	&-text{
	    display: block;
	    line-height: 1.5em;
	    font-size: $p-small;
	    @include medium {font-size: $p-medium;}
		@include large {font-size: $p-large;}

		    &-inline{
		      @include medium {
		        display: inline;
		        margin-right: em(20);
		      }
		    }
		    &-title{
		    	margin-top: em(25);
		    	font-size: em(15);
		    	@include medium {font-size: em(16);}
				@include large {font-size: em(18);}
		    }
	}

	&-link{
	    cursor: pointer;
	    text-decoration: underline;
	  	color: $black;

	    &:hover,
	    &:active {
	      color: $color-primary; 
	      text-decoration: none;  
	    }

	    &:visited {
	      color: $link-visited;
	    }
	}

	&-title-hr {
    	width: 100%;
		margin-top: em(0);
		margin-bottom: em(10);
		border: em(1) solid $color-primary;
	}

}
  • URL: /components/raw/unit-info/_unit-info.scss
  • Filesystem Path: components/Molecules/unit-info/_unit-info.scss
  • Size: 995 Bytes
  • Content: 
    {
    "name": "regionhalland/unit-info",
    "description": "unit info",
    "type": "styleguide-molecule",
    "license": "GPL-3.0",
    "authors": [
        {
            "name": "Roland Hydén",
            "email": "Roland.Hyden@Regionhalland.se"
        }
    ],
    "require": {}
}
  • URL: /components/raw/unit-info/composer.json
  • Filesystem Path: components/Molecules/unit-info/composer.json
  • Size: 287 Bytes

Molekylen “Unit info”

Versionshistorik

  • 1.0.0.20191122 Flyttat till gitrepo