{"id":1005,"date":"2015-09-20T10:17:09","date_gmt":"2015-09-20T15:17:09","guid":{"rendered":"https:\/\/2015.toronto.wordcamp.org\/?post_type=wcb_session&#038;p=1005"},"modified":"2015-09-24T09:17:49","modified_gmt":"2015-09-24T14:17:49","slug":"developing-wordpress-themes-using-modular-sass","status":"publish","type":"wcb_session","link":"https:\/\/toronto.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. My talk will take someone through a basic structure for organizing Sass within a WordPress theme, using the Bones theme framework as an example.<!--more--><\/p>\n<p>I will go through some of the benefits and cool tricks you can implement with this structure including breakpoint includes, variables, functions, nesting, and mixins.<\/p>\n<p>Finally I will address perhaps the greatest hurdle to immediately implementing Sass in your WordPress theme \u2014 compiling. I will take people through the common methods of doing this including Grunt, Compass, and WordPress plugins like WP-SCSS.<\/p>\n<p><strong>Learning Outcomes:<\/strong><\/p>\n<ul>\n<li>Look at their current workflow and ask the question: Why am I repeating myself? And how can I automate it?<\/li>\n<li>Embrace a CSS workflow that is made up many small components instead of one large component.<\/li>\n<li>Gain familiarity we core features of Sass like nesting, variables, mixins, functions, and imports.<\/li>\n<li>Feel confident in using a library like Bourbon to write stylesheets that have better browser compatibility, all while writing less lines of code.<\/li>\n<li>Be aware of build tools like Grunt\/Gulp, which can be used to compile Sass in addition to many other front end tasks.<\/li>\n<li>Feel confident in implementing Sass in a WordPress theme immediately.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>CSS preprocessors make developing clean and semantic stylesheets effortless. My talk will take someone through a basic structure for organizing Sass within a WordPress theme, using the Bones theme framework as an example.<\/p>\n","protected":false},"author":14381462,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1443891600,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[508],"footnotes":""},"session_track":[8858],"session_category":[],"class_list":["post-1005","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-developers"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p5UjGY-gd","jetpack_likes_enabled":false,"session_date_time":{"date":"October 3, 2015","time":"12:00 pm"},"session_speakers":[{"id":"508","slug":"mike-dewitt","name":"Mike DeWitt","link":"https:\/\/toronto.wordcamp.org\/2015\/speaker\/mike-dewitt\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/toronto.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/1005","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toronto.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/toronto.wordcamp.org\/2015\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":2,"href":"https:\/\/toronto.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/1005\/revisions"}],"predecessor-version":[{"id":1007,"href":"https:\/\/toronto.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/1005\/revisions\/1007"}],"speakers":[{"embeddable":true,"href":"https:\/\/toronto.wordcamp.org\/2015\/wp-json\/wp\/v2\/speakers\/508"}],"author":[{"embeddable":true,"href":"https:\/\/toronto.wordcamp.org\/2015\/wp-json\/wporg\/v1\/users\/mndewitt"}],"wp:attachment":[{"href":"https:\/\/toronto.wordcamp.org\/2015\/wp-json\/wp\/v2\/media?parent=1005"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/toronto.wordcamp.org\/2015\/wp-json\/wp\/v2\/session_track?post=1005"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/toronto.wordcamp.org\/2015\/wp-json\/wp\/v2\/session_category?post=1005"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}