.some-element $main-color: black color: $main-color .red > & $main-color: red color: $main-color
‘@font-face { font-family: ‘Source Sans Pro’; font-style: normal; font-weight: 200; src: url(‘../fonts/source-sans-pro/source-sans-pro-v11-latin-200.eot’); /* IE9 Compat Modes */ src: local(‘Source Sans Pro ExtraLight’), local(‘SourceSansPro-ExtraLight’), url(‘../fonts/source-sans-pro/source-sans-pro-v11-latin-200.eot?#iefix’) format(‘embedded-opentype’), /* IE6-IE8 */ url(‘../fonts/source-sans-pro/source-sans-pro-v11-latin-200.woff2’) format(‘woff2’), /* Super Modern Browsers */ url(‘../fonts/source-sans-pro/source-sans-pro-v11-latin-200.woff’) format(‘woff’), /* Modern Browsers */ url(‘../fonts/source-sans-pro/source-sans-pro-v11-latin-200.ttf’) format(’truetype’), /* Safari, Android, iOS */ url(‘../fonts/source-sans-pro/source-sans-pro-v11-latin-200.svg#SourceSansPro’) format(‘svg’); /* Legacy iOS */ }
.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 […]
.full-width { left: 50%; margin-left: -50vw; margin-right: -50vw; max-width: 100vw; position: relative; right: 50%; width: 100vw; }
p:nth-child(2) { background: red; }
#toggle-content:after { content: ”; background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%); background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#fff)); background: -o-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%); background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%); display: block; position: absolute; pointer-events: none; bottom: 0; left: 0; width: 100%; height: 65%; }