>
他のscssファイルのクラスを継承する方法について説明します。
@useと@extendを使用します。
// ファイルの配置
styles
- common.scss
- style.scss
.box {
border: 1px solid #aaa;
border-radius: 0.25rem;
padding: 0.5rem;
}
@use 'common'; // idやclassの定義より上に書く必要がある
.error-box {
@extend .box;
color: red;
border-color: red;
}