HEX
Server: Microsoft-IIS/8.5
System: Windows NT YDAWBH120 6.3 build 9600 (Windows Server 2012 R2 Standard Edition) AMD64
User: tentjecom_web (0)
PHP: 7.4.14
Disabled: NONE
Upload Files
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);
}