{"_id":"58d36a5d4ce2c60f006f6fd6","user":"55a6caa022cfa321008e01d6","project":"55a6e72e8cc73e0d00096635","version":{"_id":"55a6e72f8cc73e0d00096638","project":"55a6e72e8cc73e0d00096635","hasReference":false,"__v":29,"hasDoc":true,"createdAt":"2015-07-15T23:05:19.125Z","releaseDate":"2015-07-15T23:05:19.125Z","categories":["55a6e7308cc73e0d00096639","55b7ed07aea7c8190058badb","5604567c0c78b00d0039b191","5605e6f23a93940d002b3e4a","5605f2bba4574a0d00811365","5605f309a4574a0d00811366","5608e3b98aedf50d0004cf8f","5608e4318aedf50d0004cf90","5608e6b5a7cc2f0d00d9754d","5608e6d331beb60d001b6560","5608f879a7cc2f0d00d97580","560b097887b71d0d000d3bd9","560b13cbafa0990d00979545","560b5cbec341310d00de2a01","560b5cd0c341310d00de2a02","566a35b81e08750d00a0c49b","566a3e8503b4b20d00d02a4a","567889d307bf6a0d0083edc8","569c8b7c15bb390d00db6f9d","56b254dc65ddf50d0076ba8f","57a8ebc4cdeea20e001d2a63","57e48a4000c8680e00fae6e7","5808216773557d0f00a1e428","58105ad54a8aa50f00aa4cba","58105bf298aea40f00afa3ba","58105f548a4aed0f00d67536","581061b898aea40f00afa3be","584b3de7e5f3a42300df6ef7","596839a75965d400155bb750"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"__v":0,"parentDoc":null,"category":{"_id":"560b13cbafa0990d00979545","project":"55a6e72e8cc73e0d00096635","version":"55a6e72f8cc73e0d00096638","pages":["560b13f987b71d0d000d3bf6","560b394aaf40a70d003df31e","560b39669c7be70d00100bef","560b397d4a1f990d00dc7338","560b3991c341310d00de29de","560b39ae4a1f990d00dc733a","562ffd364445ae1900383e84","5642a810cc9d8e0d00adda69","5660daef89e82f0d008f6823","56a1e0b42255370d00ad5e9c"],"__v":10,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-09-29T22:42:19.181Z","from_sync":false,"order":13,"slug":"css-javascript-design-resources","title":"CSS and Design Assets"},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2017-03-23T06:25:33.655Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"settings":"","results":{"codes":[]},"auth":"required","params":[],"url":""},"isReference":false,"order":10,"body":"[block:html]\n{\n  \"html\": \"Each Stencil theme’s <span class=\\\"inline-code\\\">&lt;theme-name&gt;/assets/scss/</span> subdirectory provides theme-specific CSS files. This subdirectory contains its own <span class=\\\"inline-code\\\">/components/</span>, <span class=\\\"inline-code\\\">/layouts/</span>, <span class=\\\"inline-code\\\">/settings/</span>, and <span class=\\\"inline-code\\\">/utilities/</span> subdirectories, whose contents are described later in this section:<br>\\n\\n<p></p><pre>&lt;theme-name&gt;\\n          /assets/\\n                 /scss/\\n                       /components/\\n                       /layouts/\\n                       /settings/\\n                       /utilities/\\n</pre>\\n<p></p>\"\n}\n[/block]","excerpt":"","slug":"css-subdirectories","type":"basic","title":"CSS Subdirectories"}

CSS Subdirectories


[block:html] { "html": "Each Stencil theme’s <span class=\"inline-code\">&lt;theme-name&gt;/assets/scss/</span> subdirectory provides theme-specific CSS files. This subdirectory contains its own <span class=\"inline-code\">/components/</span>, <span class=\"inline-code\">/layouts/</span>, <span class=\"inline-code\">/settings/</span>, and <span class=\"inline-code\">/utilities/</span> subdirectories, whose contents are described later in this section:<br>\n\n<p></p><pre>&lt;theme-name&gt;\n /assets/\n /scss/\n /components/\n /layouts/\n /settings/\n /utilities/\n</pre>\n<p></p>" } [/block]