kikiki-kiki https://blog.hatena.ne.jp/kikiki-kiki/ かもメモ https://chaika.hatenablog.com/ CSS Sass (SCSS) Responsive 稀に発生する Sass / SCSS で web サイトを作る案件。 毎回メディアクエリを生成する mixin どう書いてたっけ？ってなるのでコピペできるメモ Motivation breakpoint を変数で持たせて mixin でそれぞれのメディクエリを生成できるようにする media query を生成する mixin $breakpoints: ( "sm": 430, "md": 768, "lg": 1024, "xl": 1280, ) !default; @mixin mediaUp($breakpoint) { @media screen and (min-width: #… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fchaika.hatenablog.com%2Fentry%2F2024%2F08%2F16%2F150000" title="Sass / SCSS で メディアクエリ (media query) をラクする時にコピペするやつのメモ - かもメモ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://m.media-amazon.com/images/I/51Fm5XLcYgL._SL500_.jpg Hatena Blog https://hatena.blog 2024-08-16 15:00:00 rich https://chaika.hatenablog.com/entry/2024/08/16/150000 1.0 100%