{"id":2471,"date":"2021-11-17T17:40:28","date_gmt":"2021-11-17T08:40:28","guid":{"rendered":"http:\/\/hangunsworld.com\/blog\/?p=2471"},"modified":"2021-11-17T17:42:38","modified_gmt":"2021-11-17T08:42:38","slug":"sass%ec%97%90%ec%84%9c-%eb%8b%a4%ed%81%ac%eb%aa%a8%eb%93%9c-%ec%a0%81%ec%9a%a9%ed%95%98%ea%b8%b0-2","status":"publish","type":"post","link":"http:\/\/hangunsworld.com\/blog\/2471","title":{"rendered":"Sass\uc5d0\uc11c \ub2e4\ud06c\ubaa8\ub4dc \uc801\uc6a9\ud558\uae30 2"},"content":{"rendered":"<p><a href=\"http:\/\/hangunsworld.com\/blog\/2408\">Sass\uc5d0\uc11c \ub2e4\ud06c\ubaa8\ub4dc \uc801\uc6a9\ud558\uae30<\/a> \uc5d0\uc11c\ub294 IE\uc5d0 \ub300\ud55c \uace0\ub824\ub54c\ubb38\uc5d0 \ucf54\ub4dc\uac00 \uc880 \ubcf5\uc7a1\ud574\uc84c\ub294\ub370, \uc774\uc81c IE\ub97c \ubb34\uc2dc\ud574\ub3c4 \ub420\ub9cc\ud558\ub2c8, \uc880 \ub354 \uac04\ub2e8\ud55c \ucf54\ub4dc\ub85c \ub2e4\uc2dc \uc791\uc5c5\ud574 \ubd24\uc2b5\ub2c8\ub2e4.<br \/>\n\uad73\uc774 \ubbf9\uc2a4\uc778 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uace0 \ubcc0\uc218\ub9cc \uc815\uc758\ud574\uc11c \uc0ac\uc6a9\ud558\uba74 \ub429\ub2c8\ub2e4.<\/p>\n<style>.preWrap:after{content:\"\";display:block;height:0;clear:both;}.preWrap .wp_syntax{display:block;width:50% !important;box-sizing:border-box;float:left;}<\/style>\n<div class=\"preWrap\">\n<pre line=\"1\" lang=\"sass\">@use \"sass:meta\";\n@use \"sass:list\";\n\n$color-theme: (\n    bg-color: (#fff, #333),\n    txt-color: #333 #eee,\n    brd-color: #666,\n);\n \n:root{\n    @each $k, $v in $color-theme{\n        @if(meta.type-of($v) == \"list\"){\n            #{\"--\" + $k}: #{list.nth($v, 1)};\n        }@else{\n            #{\"--\" + $k}: #{$v};\n        }\n    }\n};\n\n@media (prefers-color-scheme: dark){\n    :root{\n        @each $k, $v in $color-theme{\n            @if(meta.type-of($v) == \"list\"){\n                #{\"--\" + $k}: #{list.nth($v, 2)};\n            }@else{\n                #{\"--\" + $k}: #{$v};\n            }\n        }\n    }\n}<\/pre>\n<pre line=\"1\" lang=\"css\">:root {\n  --bg-color: #fff;\n  --txt-color: #333;\n  --brd-color: #666;\n}\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --bg-color: #333;\n    --txt-color: #eee;\n    --brd-color: #666;\n  }\n}\n\nhtml, body {\n  color: var(--txt-color);\n  background-color: var(--bg-color);\n}\n \n.border {\n  border: 1px solid var(--brd-color);\n}<\/pre>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Sass\uc5d0\uc11c \ub2e4\ud06c\ubaa8\ub4dc \uc801\uc6a9\ud558\uae30 \uc5d0\uc11c\ub294 IE\uc5d0 \ub300\ud55c \uace0\ub824\ub54c\ubb38\uc5d0 \ucf54\ub4dc\uac00 \uc880 \ubcf5\uc7a1\ud574\uc84c\ub294\ub370, \uc774\uc81c IE\ub97c \ubb34\uc2dc\ud574\ub3c4 \ub420\ub9cc\ud558\ub2c8, \uc880 \ub354 \uac04\ub2e8\ud55c \ucf54\ub4dc\ub85c \ub2e4\uc2dc \uc791\uc5c5\ud574 \ubd24\uc2b5\ub2c8\ub2e4. \uad73\uc774 \ubbf9\uc2a4\uc778 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uace0 \ubcc0\uc218\ub9cc \uc815\uc758\ud574\uc11c \uc0ac\uc6a9\ud558\uba74 \ub429\ub2c8\ub2e4. @use &#8220;sass:meta&#8221;; @use &#8220;sass:list&#8221;; $color-theme: ( bg-color: (#fff, #333), txt-color: #333 #eee, brd-color: #666, ); :root{ @each $k, $v in $color-theme{ @if(meta.type-of($v) == &#8220;list&#8221;){ #{&#8220;&#8211;&#8221; + [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[466,591],"class_list":["post-2471","post","type-post","status-publish","format-standard","hentry","category-htmlcss","tag-css","tag-sass"],"_links":{"self":[{"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/posts\/2471","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/comments?post=2471"}],"version-history":[{"count":0,"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/posts\/2471\/revisions"}],"wp:attachment":[{"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/media?parent=2471"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/categories?post=2471"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/tags?post=2471"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}