scss SASS Class扩展

Posted 2021-05-17

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了scss SASS Class扩展相关的知识，希望对你有一定的参考价值。

%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");
}

以上是关于scss SASS Class扩展的主要内容，如果未能解决你的问题，请参考以下文章

sass的使用

如何在 vue 3 vite 中使用 sass 扩展？