js
1略 2import css from "../static/scss/styles.scss" 3略 4<div className={css.mainbg} style={backgroundImage}> 5 <div className={css.mainbg.mainbgcover}> 6 7 </div> 8</div> 9略
sass
1.mainbg { 2 width: 100%; 3 height: 800px; 4 background-size: cover; 5 6 .mainbgcover{ 7 background-color: green; 8 opacity: 0.8; 9 } 10}
Next.js、reactにてsassでこのようにコードを書いているのですがjs側でモジュールを使ってどの様に書けばいいのかが分かりません。現状上記のように書いているのですが反映されないのでどなたかご教授お願いいたします
あなたの回答
tips
プレビュー