{"author_name":"jackswim3411","version":"1.0","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fjackswim3411.hatenablog.com%2Fentry%2F2019%2F09%2F27%2F140351\" title=\"css\u3067\u306e\u8272\u306e\u7ba1\u7406 - jackmiwamiwa devblog\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","published":"2019-09-27 14:03:51","description":"\u8272\u306e\u53d6\u5f97\u3092\u3057\u3066\u304f\u308c\u308b\u3082\u306e web\u30b5\u30fc\u30d3\u30b9 XD\u30d7\u30e9\u30b0\u30a4\u30f3 \u57fa\u672c\u7684\u306a\u66f8\u304d\u65b9 css \u901a\u5e38 :root { --blue: #00f; } .className { color: var(--blue); /* \u9752\u8272 */ } scss \u901a\u5e38 $blue: #00f; .className { color: $blue; // \u9752\u8272 } \u30d1\u30ec\u30c3\u30c8\u3092\u4f7f\u3063\u3066\u305d\u3053\u3067\u7ba1\u7406 $palettes: ( 'default': ( 'blue': #00f ), 'footer': ( 'dark': #333 ) ); @function palette($palette-type, $palette-grou\u2026","width":"100%","categories":["css","scss","\u8272","stylus"],"height":"190","url":"https://jackswim3411.hatenablog.com/entry/2019/09/27/140351","type":"rich","provider_name":"Hatena Blog","provider_url":"https://hatena.blog","author_url":"https://blog.hatena.ne.jp/jackswim3411/","blog_title":"jackmiwamiwa devblog","image_url":null,"blog_url":"https://jackswim3411.hatenablog.com/","title":"css\u3067\u306e\u8272\u306e\u7ba1\u7406"}