Omschrijving

.wrapper-medewerker {
background: $heling_light_grey;
padding-top: 30px;

//common block settings
position: relative;

min-height: rem-calc(900);

// stripe
// ———-
&.stripe {
overflow: hidden;

&:before {
content: ”;
width: 0;
height: 0;
border-style: solid;
border-color: $heling_lightest_grey transparent transparent transparent;
position: absolute;
top: 0px;
left: 0;
right: 0;
border-width: 0 100vw 25px 0;

//include – breakpoint specificks
@include breakpoint(768 down) {
z-index: 999;
}
/*
@include breakpoint(medium) {
border-width: 0 0 60px 100vw;
}
*/
@include breakpoint(xlarge) {
border-width: 100px 250vw 0px 0 ;
}
/*
@include breakpoint(1440) {
border-width: 0 0 60px 100vw;
}
*/
} // after
} // stripe
}

Snippet