{"id":519,"date":"2015-04-16T14:20:56","date_gmt":"2015-04-16T14:20:56","guid":{"rendered":"https:\/\/2015.maine.wordcamp.org\/?post_type=wcb_session&#038;p=519"},"modified":"2015-05-13T23:10:33","modified_gmt":"2015-05-14T03:10:33","slug":"developing-wordpress-themes-using-modular-sass","status":"publish","type":"wcb_session","link":"https:\/\/maine.wordcamp.org\/2015\/session\/developing-wordpress-themes-using-modular-sass\/","title":{"rendered":"Developing WordPress Themes Using Modular Sass"},"content":{"rendered":"<p>CSS preprocessors make developing clean and semantic stylesheets effortless &#8211; yet I feel there is a somewhat steep learning curve when figuring out how to integrate it into a WP theme you are developing if you are new to Sass. Someone new to WordPress is probably used to chucking the majority of their styles in style.css and calling it a day&#8230; My talk will take someone through a basic structure for organizing Sass within a WordPress theme, using the Bones theme framework as an example. I will go through some of the benefits and cool tricks you can implement with this structure including the basics of breakpoint includes, variables, and mixins. Finally I will address perhaps the greatest hurdle to immediately implementing Sass in your WordPress theme &#8211; compiling. I will take people through the common methods of doing this including Grunt (just a basic rundown without going too deep into it), Compass, and WordPress plugins like WP-SCSS. My hope by the end is that someone would see how powerful Sass can be and how easily it can be used with WordPress.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>CSS preprocessors make developing clean and semantic stylesheets effortless &#8211; yet I feel there is a somewhat steep learning curve when figuring out how to integrate it into a WP theme you are developing if you are new to Sass. Someone new to WordPress is probably used to chucking the majority of their styles in &hellip; <a href=\"https:\/\/maine.wordcamp.org\/2015\/session\/developing-wordpress-themes-using-modular-sass\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Developing WordPress Themes Using Modular Sass<\/span><\/a><\/p>\n","protected":false},"author":14381462,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1431790200,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[550],"footnotes":""},"session_track":[5041],"session_category":[],"class_list":["post-519","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-developer"],"jetpack_shortlink":"https:\/\/wp.me\/p5uvxG-8n","jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"session_date_time":{"date":"May 16, 2015","time":"11:30 am"},"session_speakers":[{"id":"550","slug":"mike-dewitt","name":"Mike DeWitt","link":"https:\/\/maine.wordcamp.org\/2015\/speaker\/mike-dewitt\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/maine.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/519","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maine.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/maine.wordcamp.org\/2015\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":8,"href":"https:\/\/maine.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/519\/revisions"}],"predecessor-version":[{"id":1104,"href":"https:\/\/maine.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/519\/revisions\/1104"}],"speakers":[{"embeddable":true,"href":"https:\/\/maine.wordcamp.org\/2015\/wp-json\/wp\/v2\/speakers\/550"}],"author":[{"embeddable":true,"href":"https:\/\/maine.wordcamp.org\/2015\/wp-json\/wporg\/v1\/users\/mndewitt"}],"wp:attachment":[{"href":"https:\/\/maine.wordcamp.org\/2015\/wp-json\/wp\/v2\/media?parent=519"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/maine.wordcamp.org\/2015\/wp-json\/wp\/v2\/session_track?post=519"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/maine.wordcamp.org\/2015\/wp-json\/wp\/v2\/session_category?post=519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}