<a href="#" class="sl-c-brand ">
<img alt="Raspberry Pi Logo" class="sl-c-brand__logomark" src="../../assets/images/components/slash-learning-components/brand/logomark.svg">
<span class="sl-c-brand__title">Raspberry Pi </span>
<span class="sl-c-brand__appendix">Learning Resources</span>
</a>
<a href="#" class="sl-c-brand {{ object_modifier }}">
<img alt="Raspberry Pi Logo"
class="sl-c-brand__logomark"
src="{{ path '/assets/images/components/slash-learning-components/brand/logomark.svg' }}">
<span class="sl-c-brand__title">Raspberry Pi </span>
<span class="sl-c-brand__appendix">Learning Resources</span>
</a>
/* No context defined for this component. */
.sl-c-brand {
@include clearfix;
@include font-size($font-size-small);
color: $sl-blue;
display: inline-block;
font-family: $font-family-serif;
line-height: 33px;
text-decoration: none;
@include respond-to('narrow') {
@include font-size($font-size-base);
}
}
.sl-c-brand__logomark {
display: block;
float: left;
height: 33px;
margin-right: .5rem;
vertical-align: middle;
width: 26px;
@include respond-to('medium') {
height: 36px;
width: 29px;
}
}
.sl-c-brand__title {
display: block;
float: left;
font-weight: $font-weight-bold;
}
.sl-c-brand__appendix {
display: block;
float: left;
font-weight: $font-weight-bold;
}
There are no notes for this item.