{"id":34829,"date":"2025-08-21T11:27:35","date_gmt":"2025-08-21T09:27:35","guid":{"rendered":"https:\/\/mainetcare.test\/?p=34829"},"modified":"2026-07-14T11:54:47","modified_gmt":"2026-07-14T09:54:47","slug":"integration-of-scss-mixins-in-wpcodebox-wpcodebox2","status":"publish","type":"gartenschuppen","link":"https:\/\/mainetcare.de\/en\/gartenschuppen\/integration-von-scss-mixins-in-wpcodebox-wpcodebox2\/","title":{"rendered":"Integration of SCSS mixins in WPCodeBox \/ WPCodeBox2"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Auf das richtige Hochkomma kommt es an:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Create a \"Partial\" in WPCodebox. In this case \"_mixins\".<\/li>\n\n\n\n<li>Create the SCSS file that is to be compiled to CSS in WordPress. In this case \"app.scss\" <\/li>\n\n\n\n<li>To add the partial to the main SCSS file in WPCodebox2, make sure to use single quotes:<\/li>\n<\/ol>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"><span class=\"hljs-keyword\">@use<\/span> <span class=\"hljs-string\">'_mixins'<\/span>\n:root {\n  <span class=\"hljs-selector-tag\">--color-mnc-blau<\/span>: <span class=\"hljs-selector-id\">#1782c5<\/span>;\n}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false},"class_list":["post-34829","gartenschuppen","type-gartenschuppen","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/mainetcare.de\/en\/wp-json\/wp\/v2\/gartenschuppen\/34829","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mainetcare.de\/en\/wp-json\/wp\/v2\/gartenschuppen"}],"about":[{"href":"https:\/\/mainetcare.de\/en\/wp-json\/wp\/v2\/types\/gartenschuppen"}],"wp:attachment":[{"href":"https:\/\/mainetcare.de\/en\/wp-json\/wp\/v2\/media?parent=34829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}