<figure class="logo-house">
</figure>
<figure class="logo-house"{{ has_border is defined and has_border == true ? ' data-has-border' }}{{ size is defined ? ' data-size=' ~ size }}>
{% if logo is defined %}
<img alt="{{ logo.alt }}" src="{{ logo.getUrl('companyLogo') }}" loading="lazy" />
{% endif %}
</figure>
/* No context defined. */
.logo-house {
align-content: center;
aspect-ratio: 1;
background-color: var(--white);
padding: var(--space-xs-s);
position: relative;
width: fit-content;
}
.logo-house img {
height: auto;
width: clamp(4.375rem, 3.246rem + 5.6452vw, 8.75rem);
}
.logo-house[data-has-border] {
border: 1px solid var(--light-grey);
}
.logo-house[data-size="small"] {
padding: 0.625rem;
}
.logo-house[data-size="small"] img {
width: clamp(3.75rem, 2.7273rem + 4.5455vw, 6.25rem);
}
No notes defined.