An example of @extend in Sass.

An example of @extend in Sass.

HTML

<div class="wrapper">
    <h1>Headline</h1>
    <div>
        <p> Lorem Ipsum Dolor sit Amet </p>
    </div>
    <div>
        <p> Lorem Ipsum Dolor sit Amet </p>
    </div>
    <div>
        <p> Lorem Ipsum Dolor sit Amet </p>
    </div>
</div>

SCSS

$color: #C180FF;
.wrapper {
    background-color: darken($color, 30%);
    border-radius:4px;
    padding:10px;
    border:5px solid darken($color, 35%);    
        
}
h1 {
    color: lighten($color,10%)
}
p {
    color: lighten($color,20%)
}