murketでのSassの変数・@mixinのご紹介 - Qiita

この記事はレコチョク Advent Calendar 2021の2日目の記事となります。 前書き はじめまして！ 好きなものはみかんゼリーとアイドル、嫌いなものはマンゴーゼリーと掃除機の音、おおくぼです。 普段はレコチョクで各サービスのウェブ画面を作るお仕事をしています。 直近は10月に始まったmurket(ミューケット)を作っています。 【隙あらば宣伝】murketについてはこちら → https://recochoku.jp/corporate/murket/ 今回はそのmurket開発での個人的こだわりポイントとして、Sassの変数や@￰mixinについてお話できればと思います。 簡単にはなりますが変数や@￰mixinの定義の参考になれば幸いです。 前提 前書きにも一部出てきましたが、murketではCSSを書く際にSass(SCSS記法)を使用しています。 Sassの公式サイト →