File: /var/www/vhosts/creativefellows.nl/apics.creativefellows.nl/23062022/public/scss/_team.scss
/*
* team images
*/
.page-section__team{
h2{margin-bottom:3rem;}
}
.section-row__team{
margin-bottom:1.5rem;
h3{margin:0;}
h3+p{font-style:italic;margin:0;}
img{
mask-size: 100%;
mask-repeat: no-repeat;
mask-position:center center;
width:80%;
margin:0 10%
}
img[src=""]{
height:0;
padding-bottom:80%;
background-color:$light-gray;
}
.team-member-image{
height:0;
padding-bottom:80%;
margin:1.5rem 0;
img{
mask-image: url(/images/mask/mask-team-1.svg);
}
}
.icon{
text-indent:-5000px;
background-position: 50% 50%;
background-size:1rem 1rem;
background-repeat:no-repeat;
}
.icon__linkedin{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath style='fill:%23E82E7B' d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z'/%3E%3C/svg%3E");
}
.icon__phone{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath style='fill:%23E82E7B' d='M487.8 24.1 387 .8a31.33 31.33 0 0 0-35.8 18.1l-46.5 108.5a31.36 31.36 0 0 0 8.9 36.5l53.9 44.1a350 350 0 0 1-159.6 159.6l-44.1-53.9a31.36 31.36 0 0 0-36.5-8.9L18.9 351.3A31.21 31.21 0 0 0 .8 387L24 487.7A31.23 31.23 0 0 0 54.5 512C306.7 512 512 307.8 512 54.5a31.05 31.05 0 0 0-24.2-30.4ZM55.1 480l-23-99.6 107.4-46 59.5 72.8c103.6-48.6 159.7-104.9 208.1-208.1l-72.8-59.5 46-107.4 99.6 23C479.7 289.7 289.6 479.7 55.1 480Z'/%3E%3C/svg%3E");
background-size:1rem 1rem;
}
.icon__email{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath style='fill:%23E82E7B' d='M464 64H48a48 48 0 0 0-48 48v288a48 48 0 0 0 48 48h416a48 48 0 0 0 48-48V112a48 48 0 0 0-48-48ZM48 96h416a16 16 0 0 1 16 16v41.4c-21.9 18.5-53.2 44-150.6 121.3-16.9 13.4-50.2 45.7-73.4 45.3-23.2.4-56.6-31.9-73.4-45.3C85.2 197.4 53.9 171.9 32 153.4V112a16 16 0 0 1 16-16Zm416 320H48a16 16 0 0 1-16-16V195c22.8 18.7 58.8 47.6 130.7 104.7 20.5 16.4 56.7 52.5 93.3 52.3 36.4.3 72.3-35.5 93.3-52.3 71.9-57.1 107.9-86 130.7-104.7v205a16 16 0 0 1-16 16Z'/%3E%3C/svg%3E");
}
.team-member{}
.team-member__become{
/*.contact-email a{
@include button();
text-indent:0;
padding-top:0.5rem;
padding-bottom:0.5rem;
background-image:none;// url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath style='fill:%23ffffff' d='M487.8 24.1 387 .8a31.33 31.33 0 0 0-35.8 18.1l-46.5 108.5a31.36 31.36 0 0 0 8.9 36.5l53.9 44.1a350 350 0 0 1-159.6 159.6l-44.1-53.9a31.36 31.36 0 0 0-36.5-8.9L18.9 351.3A31.21 31.21 0 0 0 .8 387L24 487.7A31.23 31.23 0 0 0 54.5 512C306.7 512 512 307.8 512 54.5a31.05 31.05 0 0 0-24.2-30.4ZM55.1 480l-23-99.6 107.4-46 59.5 72.8c103.6-48.6 159.7-104.9 208.1-208.1l-72.8-59.5 46-107.4 99.6 23C479.7 289.7 289.6 479.7 55.1 480Z'/%3E%3C/svg%3E");
&::after{content:"Solliceer direct";}
}
.contact-phone{display:none;}
.contact-linkedin{display:none;}*/
}
/*.cell:nth-child(2) img{
mask-image: url(/images/mask/mask-team-3.svg);
}
.cell:nth-child(3) img{
mask-image: url(/images/mask/mask-team-2.svg);
} */
}