File: /var/www/vhosts/creativefellows.nl/skl.creativefellows.nl/public/scss/_section.scss
.page-section{
padding:3rem 0;
h1{}
h2{color:$primary-color;}
h3{color:$primary-color;}
h4{color:$secondary-color;}
a{font-weight:500;}
.link{}
}
.page-section__legacy{
//border:solid 1px red;
padding:0 0;
.legacy-container{
@include xy-grid-container;
padding:0 !important;
section{
//border:solid 1px red;
@include xy-grid;
margin:0 -0.5rem;
.col24{@include xy-cell(12,null,2rem,padding);}
.col16{
@include xy-cell(8,null,2rem,padding);
@include xy-cell-offset(2,$grid-margin-gutters,padding);
@include breakpoint(medium down){
margin:0;
}
}
.col12{@include xy-cell(6,null,2rem,padding);}
.col8{@include xy-cell(4,null,2rem,padding);}
.col6{
@include xy-cell(3,null,2rem,padding);
&.offset3{@include xy-cell-offset(3/24,$grid-margin-gutters,padding);}
}
.col5{
width:20%;
&.offset2{margin-left:10%;}
}
.col4{
@include xy-cell(2,null,2rem,padding);
&.offset4{margin-left:calc(100%/6);}
}
.col4-5{
@include xy-cell(20%,null,2rem,padding);
}
.col3{
width:calc(100%/8);float:left;text-align:center;
&.offset2{margin-left:calc(100%/16);}
&.offset3{margin-left:calc(100%/8);}
}
@include breakpoint(small only){
margin:0 1.125rem;
div[class^="col"]{width:100%;}
}
}
}
}
.page-section__showcase + .page-section__legacy{padding-top:3rem;}
.page-section__showcase + .page-section__legacy~ .page-section__legacy{margin-bottom:1.5rem;}
/* skl-tarieven */
.page-section__skl-tarieven{padding-top:0;}
.page-section__skl-tarieven .column-wrapper{background-color:#00b6ee;text-align:center;}
.page-section__skl-tarieven h1,
.page-section__skl-tarieven h2,
.page-section__skl-tarieven h3,
.page-section__skl-tarieven p{color:#fff;}
.page-section__skl-tarieven h2:before{content:"";clear:both;display:block;height:0.75em;}
.page-section__skl-tarieven a{display:block;border-top:solid 0.25em #fff;background-color:#6ccaf3;color:#fff;padding:0.75em;text-decoration:none;}
/* skl-locaties */
.page-section__skl-locaties{background: #e95977 url(../images/bg-pattern-white.png) 0 -1em;}
.page-section__skl-locaties h1,
.page-section__skl-locaties h2,
.page-section__skl-locaties h3,
.page-section__skl-locaties h4,
.page-section__skl-locaties p{color:#fff;}
.page-section__skl-locaties img{border:solid 0.125em #fff;max-width:100%;max-height:100%;height:auto !important;}
.jarallax__full-width{
background-color:$light-gray;
}
.page-section__formulieren{padding-bottom:0;}