jareddreyer
10/17/2017 - 9:37 PM

SASS Class extend

Reuse a class styles and append to multiple classes e.g. template styles as a base for a class.

multiclass.scss
content_copyfile_download
%bg-image {
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.image-one, .image-two {
    @extend %bg-image;
}
.image-one {
    background-image:url(/img/image-one.jpg");
}

.image-two {
    background-image:url(/img/image-two.jpg");
}