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

#178 Sidfot 

<div class="rh-footer">

    <div class="rh-footer-section">
        <h5>Kontakta oss </h5>
        <hr class="rh-footer-title-hr">
        <p>
            Region Halland </br>
            Box 517 </br>
            301 80 Halmstad
        </p>
        <p><strong> Telefon:</strong> 035 - 13 48 00 </p>
        <p><strong> E-post:</strong> <a class="rh-link"> regionen@regionhalland.se</a> </p>
        <br>
        <p><a class="rh-link"> Kontakta mottagning</a></p>
        <p><a class="rh-link"> Kontakta personal</a></p>
    </div>

    <div class="rh-footer-section">
        <h5>Övriga webbplatser </h5>
        <hr class="rh-footer-title-hr">
        <ul>
            <li class="rh-footer-item">
                <a class="rh-link" href="#">
					Regionhalland.se
				</a>
            </li>
            <li class="rh-footer-item">
                <a class="rh-link" href="#">
					Vardgivare.regionhalland.se
				</a>
            </li>
            <li class="rh-footer-item">
                <a class="rh-link" href="#">
					Intra.regionhalland.se
				</a>
            </li>
            <li class="rh-footer-item">
                <a class="rh-link" href="#">
					Hallandstrafiken.se
				</a>
            </li>
            <li class="rh-footer-item">
                <a class="rh-link" href="#">
					1177.se
				</a>
            </li>
        </ul>
    </div>

    <div class="rh-footer-section">
        <h5>Om webbplatsen </h5>
        <hr class="rh-footer-title-hr">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation allamco laboris nisi ut aliquip ex ea commodo consequat. </p>
    </div>

</div>
 
<div class="rh-footer">

	<div class="rh-footer-section">
		<h5>Kontakta oss </h5>
		<hr class="rh-footer-title-hr">
		<p> 
			Region Halland </br>
			Box 517 </br>
			301 80 Halmstad
		</p>
		<p><strong> Telefon:</strong> 035 - 13 48 00 </p>
		<p><strong> E-post:</strong> <a class="rh-link"> regionen@regionhalland.se</a> </p>
		<br>
		<p><a class="rh-link"> Kontakta mottagning</a></p>
		<p><a class="rh-link"> Kontakta personal</a></p>
	</div>

	<div class="rh-footer-section">
		<h5>Övriga webbplatser </h5>
		<hr class="rh-footer-title-hr">
		<ul>
			<li class="rh-footer-item">
				<a class="rh-link" href="#">
					Regionhalland.se
				</a>
			</li>
			<li class="rh-footer-item">
				<a class="rh-link" href="#">
					Vardgivare.regionhalland.se
				</a>
			</li>
			<li class="rh-footer-item">
				<a class="rh-link" href="#">
					Intra.regionhalland.se
				</a>
			</li>
			<li class="rh-footer-item">
				<a class="rh-link" href="#">
					Hallandstrafiken.se
				</a>
			</li>
			<li class="rh-footer-item">
				<a class="rh-link" href="#">
					1177.se
				</a>
			</li>
		</ul>
	</div>

	<div class="rh-footer-section">
		<h5>Om webbplatsen </h5>
		<hr class="rh-footer-title-hr">
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation allamco laboris nisi ut aliquip ex ea commodo consequat. </p>
	</div>

</div>
 
{
  "caption": "",
  "name": ""
}
  • Content: 
    .rh-footer{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	//background-color: $grey-lightest;

	.rh-footer-section {
		padding-top: em(20);
		//padding-right: em(30);
		padding-bottom: em(20);
		//padding-left: em(30);
		flex-basis: 100%;
		@include medium { 
            flex-basis: 33.33%;
        }
		@include large {
            padding-right: em(60);
            
            flex-basis: 33.33%;
        }
	}

	.rh-footer-title-hr {
    	width: 100%;
		margin-top: em(0);
		margin-bottom: em(25);
		border: em(1) solid $base2;
	}

	.rh-footer-item{
		margin-bottom: em(20);
		font-size: $p-small;
		@include medium { font-size: $p-medium;}
		@include large { font-size: $p-large;}

	    &:last-child{
	       margin-bottom: 0;
	    }

	}

}
  • URL: /components/raw/footer/_footer.scss
  • Filesystem Path: components/Organisms/footer/_footer.scss
  • Size: 767 Bytes
  • Content: 
    {
    "name": "regionhalland/footer",
    "description": "footer",
    "type": "styleguide-organism",
    "license": "GPL-3.0",
    "authors": [
        {
            "name": "Roland Hydén",
            "email": "Roland.Hyden@Regionhalland.se"
        }
    ],
    "require": {}
}
  • URL: /components/raw/footer/composer.json
  • Filesystem Path: components/Organisms/footer/composer.json
  • Size: 282 Bytes

Organismen “Footer”

Versionshistorik

  • 1.0.0.20191123 Flyttat till gitrepo