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/blijegasten/blijegasten.be/resources/sass/site/5-Components/_components.card.scss
.c-card {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;

	.ie & {
		display: block;
	}
}

.c-card__link {
	@include border-radius(s);
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	margin: 0 space(2) 0;
	padding: space(2) space(2) space(1);
	text-decoration: none;
	transition: all 200ms linear;

	//&:hover {
	//	box-shadow: inset 0 0 10px 4px rgba(0,0,0,0.05);
	//}
}

.c-card__figure {
	//display: flex;
	//flex-direction: column;
	//align-items: center;
	//justify-content: center;
	margin-bottom: space(3);
	min-height: 150px;
}


.c-card__img {
	background: palette(neutral, 100);
}


.c-card__label {
	@include font-size(xs);
	@include font-weight('black');
	letter-spacing: 0.93px;
	text-transform: uppercase;
	color: palette(primary);
	margin-bottom: space(1);
}


.c-card__description {
	margin-top: auto;
}


.c-card__title {
	@include font-weight('bold');
}


.c-card__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	//margin-top: auto;
	padding: space(1) space(4) space(2);
}


.c-card__price {
	@include font-size(l);
	@include font-weight('semi-bold');
	color: palette(text, 300);
}


.c-card__action {
	@include border-radius(s);
	display: flex;
	align-items: center;
	justify-content: center;
	height: space(6);
	width: space(9);
	color: palette(neutral, 0);
	background-color: palette(primary);
	border: none;
	transition: all 150ms linear;
	cursor: pointer;

	&:hover {
		background-color: scale_color(palette(primary), $lightness: -20%);
		box-shadow: inset 0 0 10px 1px rgba(0, 0, 0, 0.2);
	}
}