{"id":537,"date":"2022-03-22T12:22:57","date_gmt":"2022-03-22T03:22:57","guid":{"rendered":"https:\/\/blog.mydepot.kr\/?p=537"},"modified":"2022-03-22T13:58:54","modified_gmt":"2022-03-22T04:58:54","slug":"scss-%eb%b0%98%ec%9d%91%ed%98%95-%eb%af%b8%eb%94%94%ec%96%b4%ec%bf%bc%eb%a6%ac-%ec%a1%b0%ea%b8%88-%eb%8d%94-%ec%89%bd%ea%b2%8c-%ec%82%ac%ec%9a%a9%ed%95%98%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/blog.mydepot.kr\/?p=537","title":{"rendered":"[SCSS] \ubc18\uc751\ud615 \ubbf8\ub514\uc5b4\ucffc\ub9ac mixin\uc744 \uc774\uc6a9\ud574\uc11c \uc870\uae08 \ub354 \uc27d\uac8c \uc0ac\uc6a9\ud558\uae30"},"content":{"rendered":"\n<p>\ub450 \ud30c\uc77c\uc744 \ub9cc\ub4e4\uc5b4\uc11c \ud55c \ud30c\uc77c\uc5d0\ub294 \ubc18\uc751\ud615 \uae30\uc900\uc744 \uc800\uc7a5\ud558\uace0, \ub2e4\ub978 \ud55c \ud30c\uc77c\uc5d0\uc11c\ub294 import\ub85c \ubd88\ub7ec\uc640\uc11c \uc0ac\uc6a9\ud558\ub294 \ubc29\uc2dd\uc774\ub2e4.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n\/\/ _responsive.scss\n\n\/*\ubc18\uc751\ud615 \ud654\uba74 \ud06c\uae30*\/\n$tablet: 1024px;\n$desktop: 1600px;\n\n\/\/ \ud06c\uae30\uac00 tablet \uc774\ud558\n@mixin mobile{\n      @media (max-width: $tablet){\n            @content;\n      }\n}\n\/\/ \ud06c\uae30\uac00 tablet+1 \uc774\uc0c1, desktop \uc774\ud558\n@mixin tablet{\n      @media (min-width: ($tablet + 1)) and (max-width: $desktop){\n            @content;\n      }\n}\n\/\/ \ud06c\uae30\uac00 desktop \uc774\uc0c1\n@mixin desktop{\n      @media (min-width: $desktop){\n            @content;\n      }\n}\n<\/pre><\/div>\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n\/\/ \uc0ac\uc6a9\ud560 scss\n\n@import &#039;.\/responsive&#039;; \/\/ \uc704 \ud30c\uc77c import\n\n@include mobile{\n      color: yellow;\n}\n@include tablet{\n      color: black;\n}\n@include desktop{\n      color: red;\n}\n<\/pre><\/div>","protected":false},"excerpt":{"rendered":"<p>\ub450 \ud30c\uc77c\uc744 \ub9cc\ub4e4\uc5b4\uc11c \ud55c \ud30c\uc77c\uc5d0\ub294 \ubc18\uc751\ud615 \uae30\uc900\uc744 \uc800\uc7a5\ud558\uace0, \ub2e4\ub978 \ud55c \ud30c\uc77c\uc5d0\uc11c\ub294 import\ub85c \ubd88\ub7ec\uc640\uc11c \uc0ac\uc6a9\ud558\ub294 \ubc29\uc2dd\uc774\ub2e4.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[133],"tags":[134,135,254,255,256,257],"class_list":["post-537","post","type-post","status-publish","format-standard","hentry","category-css","tag-css","tag-scss","tag-media","tag-255","tag-import","tag-mixin"],"modified_by":"\ucc38\ube5b\ubc14\ub2e4","_links":{"self":[{"href":"https:\/\/blog.mydepot.kr\/index.php?rest_route=\/wp\/v2\/posts\/537","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.mydepot.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mydepot.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mydepot.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mydepot.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=537"}],"version-history":[{"count":3,"href":"https:\/\/blog.mydepot.kr\/index.php?rest_route=\/wp\/v2\/posts\/537\/revisions"}],"predecessor-version":[{"id":540,"href":"https:\/\/blog.mydepot.kr\/index.php?rest_route=\/wp\/v2\/posts\/537\/revisions\/540"}],"wp:attachment":[{"href":"https:\/\/blog.mydepot.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=537"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mydepot.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=537"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mydepot.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}