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);
}
}