File: D:/HostingSpaces/stafa/stafa.nl/resources/sass/site/6-Organisms/_organisms.prefooter.scss
/**
* Prefooter organism (lives inside o-footer)
*/
$bp-prefooter-tagline: 920;
.o-prefooter {
@include vspacing(
'padding-top' 0.5,
'padding-bottom' 0.5
);
position: relative;
border-bottom: 1px solid palette(primary, border);
&::after {
@include ornament-hex-stroked('halve', 'topright');
content: '';
display: block;
}
}
.o-prefooter__main {
@include contain;
display: flex;
flex-direction: column;
@include mq($bp-prefooter-tagline) {
flex-direction: row;
justify-content: space-between;
align-items: center;
}
}
.o-prefooter__tagline {
@include text-style(1);
margin: space(3) 0;
color: palette(neutral, 0);
}
.o-prefooter__cta {
display: flex;
flex-direction: column;
margin: space(3) 0;
@include mq($bp-prefooter-tagline){
align-items: flex-end;
}
}
.o-prefooter__text {
@include font-size(m);
}
.o-prefooter__phone {
@include font-size(m);
@include font-weight(bold);
display: inline-block;
width: 100%;
text-align: right;
margin-top: space(1);
color: palette(neutral, 0);
text-decoration: none;
&:hover {
opacity: 0.7;
text-decoration: underline;
}
}
.o-prefooter__action {
display: inline-block;
margin-top: space(3);
}