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

Direktlänk 1177 

<div class="rh-search-external-1177">
    <h6 class="rh-search-external-1177-title">Lorem ipsum dolor sit amer</h6>

    <p class="rh-search-external-1177-text"><a class="rh-search-external-1177-text-link"> Länk till annan webbplats </a></p>

    <p class="rh-search-external-1177-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidunt ut labore et dolore manga aliqua. Ut enim ad mino veniam.</p>

</div>
 
<div class="rh-search-external-1177">
	<h6 class="rh-search-external-1177-title">Lorem ipsum dolor sit amer</h6>

	<p class="rh-search-external-1177-text"><a class="rh-search-external-1177-text-link"> Länk till annan webbplats </a></p>

	<p class="rh-search-external-1177-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidunt ut labore et dolore manga aliqua. Ut enim ad mino veniam.</p>

</div>
 
{
  "caption": "",
  "name": ""
}
  • Content: 
    .rh-search-external-1177{
	padding-top: em(10); 	
	padding-bottom: em(10); 	
	padding-left: em(15); 	
	padding-right: em(15); 	
	background-color: $white;
	border: 1px solid $complementary3;
	border-radius: 4px;

	&-title{
		display: inline-block;
	}

	&-text{
		display: block;
		margin-bottom: em(15);
		font-size: em(10);
		color: $grey-darkest;
		@include medium{
			display: inline-block;
			margin-left: em(20);
			font-size: em(13);
		}
		@include large{
			font-size: em(14);
		}

		&-link{
		    cursor: pointer;
		    text-decoration: none;

		    &:hover, &:active {
		      text-decoration: underline;  
		    }
		    &:visited {
		      color: $link-visited;
		    }
	    }
		
		&:before {
			margin-right: em(10);
			padding: em(8);
			background: $complementary3;
			border-radius: 50%;
			font-weight: normal;
	    	font-family: "feather"; 
	    	content: "\e869";
	    	color: $white;
		}
	}

	&-description{
		color: $grey-darker;
		font-size: em(11);
		@include medium{font-size: em(15);}
		@include large{font-size: em(16);}
	}
}
  • URL: /components/raw/search-external-link-1177/_search-external-link-1177.scss
  • Filesystem Path: components/Molecules/search-external-link-1177/_search-external-link-1177.scss
  • Size: 1 KB
  • Content: 
    {
    "name": "regionhalland/search-external-link-1177",
    "description": "search external link 1177",
    "type": "styleguide-molecule",
    "license": "GPL-3.0",
    "authors": [
        {
            "name": "Roland Hydén",
            "email": "Roland.Hyden@Regionhalland.se"
        }
    ],
    "require": {}
}
  • URL: /components/raw/search-external-link-1177/composer.json
  • Filesystem Path: components/Molecules/search-external-link-1177/composer.json
  • Size: 319 Bytes
  • Handle: @search-external-link-1177
  • Preview:
  • Filesystem Path: components/Molecules/search-external-link-1177/search-external-link-1177.hbs

Molekyeln “Search external link 1177”

Versionshistorik

  • 1.0.0.20191122 Flyttat till gitrepo