{"author_url":"https://blog.hatena.ne.jp/kikiki-kiki/","version":"1.0","height":"190","type":"rich","provider_url":"https://hatena.blog","author_name":"kikiki-kiki","url":"https://chaika.hatenablog.com/entry/2022/03/08/123000","width":"100%","provider_name":"Hatena Blog","blog_title":"\u304b\u3082\u30e1\u30e2","image_url":"https://m.media-amazon.com/images/I/51o1M49dzXL._SL500_.jpg","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fchaika.hatenablog.com%2Fentry%2F2022%2F03%2F08%2F123000\" title=\"Sass \u306e\u5909\u6570\u3067 CSS \u306e\u30ab\u30b9\u30bf\u30e0\u30d7\u30ed\u30d1\u30c6\u30a3(\u5909\u6570)\u3092\u5b9a\u7fa9\u3057\u305f\u3044 - \u304b\u3082\u30e1\u30e2\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","categories":["Sass (SCSS)","CSS","Dark Mode","Tips"],"blog_url":"https://chaika.hatenablog.com/","title":"Sass \u306e\u5909\u6570\u3067 CSS \u306e\u30ab\u30b9\u30bf\u30e0\u30d7\u30ed\u30d1\u30c6\u30a3(\u5909\u6570)\u3092\u5b9a\u7fa9\u3057\u305f\u3044","published":"2022-03-08 12:30:00","description":"Sass (SCSS) \u3092\u4f7f\u3063\u3066 CSS \u306e\u30ab\u30b9\u30bf\u30e0\u30d7\u30ed\u30d1\u30c6\u30a3 (\u5909\u6570) \u3092\u5b9a\u7fa9\u3059\u308b\u3068\u304d\u306e\u30e1\u30e2 Sass \u306e\u5909\u6570\u3092 #{} \u3067\u56f2\u3063\u3066\u3042\u3052\u308c\u3070OK $textColor: #000; $backgroundColor: #FFF; // \u30ab\u30b9\u30bf\u30e0\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u5b9a\u7fa9 :root { --text-color: #{$textColor}; --background-color: #{$backgroundColor}; } \ud83d\udc47 \u30b3\u30f3\u30d1\u30a4\u30eb\u7d50\u679c :root { --text-color: #000; --background-color: #FFF; } \u208d \u1422. \u032b .\u1422 \u208e \u3088\u304d\uff01 \ud83d\ude45 #{} \u3067\u2026"}