File: D:/HostingSpaces/SBogers10/base.komma.pro/resources/sass/6-Organisms/_organisms.testimonials.scss
$o-testimonials-gap: space(6);
$o-testimonials-ext-pad: space(5);
$o-testimonials-int-pad: space(3);
.o-testimonials {
}
.o-testimonials__matrix {
display: flex;
flex-wrap: wrap;
margin: halve($o-testimonials-gap) * -1;
}
.o-testimonials__item {
@include border-radius(s);
flex: 0 1 100%;
margin: halve($o-testimonials-gap);
padding-top: $o-testimonials-ext-pad;
padding-bottom: $o-testimonials-ext-pad;
background-color: palette(neutral, 100);
box-shadow: 0 12.5px 10px rgba(0, 0, 0, 0.035),
0 100px 80px rgba(0, 0, 0, 0.07);
@include mq(800){
flex-basis: calc(50% - #{$o-testimonials-gap});
}
}
.o-testimonials__body {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-top: 0;
padding-right: $o-testimonials-ext-pad;
}
.o-testimonials__picture {
display: block;
flex-grow: 1;
flex-basis: 25%;
margin-bottom: space(3);
margin-left: $o-testimonials-ext-pad;
}
.o-testimonials__content {
flex-grow: 9999;
flex-basis: 12em;
margin-left: $o-testimonials-int-pad;
}
.o-testimonials__author {
margin-top: $o-testimonials-int-pad;
}