File: /var/www/vhosts/creativefellows.nl/nec.creativefellows.nl/public/scss/_resources.scss
.page-section__resources{
padding:3rem 0;
background: #ececec;
h2{
text-align:center;
// @include header-line-before();
}
.resources{
width:100%;
padding:0;
margin:0.5rem 0 0 0;
@include xy-grid;
.list-item{
list-style:none;
margin-top:1rem;
@include xy-cell(3,null,1rem,padding);
line-height:1.25rem;
@include breakpoint(small only) {
width:100%;
}
}
.resource-link{
&.lazy-load{
&::after{ background-image:none !important;}
}
display:block;
background:$white;
padding:0.75rem 0.75rem 0.75rem 3.5rem;
color:$secondary-color;
border:solid 1px $light-gray;
border-radius:0.5rem;
min-height:4rem;
position:relative;
text-transform:uppercase;
&:hover{color:$primary-color;box-shadow:0 0 1.5rem rgba($black,0.2);}
&::after{
content:"";width:2em;height:2em;position:absolute;left:0.75em;top:1em;background: url(../images/resources-spread.png) no-repeat 0.25rem -1em;
}
&.resource-link__video::after{background-position:0.25rem -505px;}
&.resource-link__brochure::after,
&.resource-link__case-study::after,
&.resource-link__file::after,
&.resource-link__salessheet::after,
&.resource-link__datasheet::after,
&.resource-link__infosheet::after,
&.resource-link__report::after,
&.resource-link__manual::after{background-position:0.25rem -88px;}
&.resource-link__podcast::after,
&.resource-link__infographic::after{background-position:0.25rem -297px;}
&.resource-link__alliance::after{background-position:0.25rem -17px;}
&.resource-link__awards::after{background-position:0.25rem -157px;}
&.resource-link__news::after{background-position:0.25rem -227px;}
&.resource-link__sdn::after{background-position:0.25rem -367px;}
&.resource-link__support::after{background-position:0.25rem -437px;}
&.resource-link__video::after{background-position:0.25rem -507px;}
&.resource-link__webinar::after{background-position:0.25rem -577px;}
}
.resource-type{
display:block;
font-weight:500;
line-height:1.125rem;
font-size: 0.875rem;
position:absolute;
top:50%;
transform:translateY(-50%);
}
// .resource-title{display: block;font-size: 0.75rem;overflow:hidden;height:1.25rem;}
}
}