Q&A
実現したいこと
このサイトを参考に六角形の要素を敷き詰めたWebsiteの作成
前提
このサイトを参考に六角形の要素を敷き詰めたWebsiteの作成をしています。scssファイルが正しくコンパイルされない不具合が発生しました。
発生している問題・エラーメッセージ
エラーは発生しておりません。
style.scssファイルをコンパイルすると、style.css.mapとstyle.cssファイルが作られるが、style.cssファイルの中身が以下だけである。
style.css
1/*# sourceMappingURL=style.css.map */
ちなみに
style.css.map
1{"version":3,"sources":[],"names":[],"mappings":"","file":"style.css"}
該当のソースコード
style.scss
1#myHexGrid { 2 $gridWidth: 20em; 3 $gridHeight: auto; 4 $columnCount: 3; 5 $rowCount: 2; 6 $hexCount: auto; 7 $hexLayout: row; 8 $gridOrient: vertical; 9 $crop: none; 10 $cropFactor: 1; 11 $hexContent: auto; 12 $hexSize: auto; 13 $hexMargin: 0.5em; 14 $hexShape: hexagon; 15 $hexColor: #48a999; 16 $breakpoints: none; 17 $images: none; 18 }
試したこと
sassmeisterに対象のscssファイルを記載しても、何も表示されなかったので、このscssファイルの中身に原因があるとは思うのですが、何が悪いのかよくわかりませんでしたので質問させていだきます。
補足情報(FW/ツールのバージョンなど)
Ruby Sass 3.7.4
回答1件
あなたの回答
tips
プレビュー
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。
2023/03/13 12:52
2023/03/15 14:10