Terms like task-runner, build tools, streams and so on just flew over my head. When I first heard of all these tools, like Grunt and gulp, I didn’t understand what they were. He does a lot of amazing things with Sass and you should check out his blog and all his various projects. If you want to see a true Sass pro, Hugo Giraudel is your man. Personally, the Sass functionalities I make use of most are variables and mixins. He describes how Sass simplifies and streamlines the stylesheet authoring process. Dan Cederholm wrote a great article about Why Sass on A List Apart. The gist of all this is, in order to use Sass in your projects, the Sass files have to be compiled into CSS files first. The official documentation for installing Sass is pretty comprehensive. There are many ways you can get up and running with Sass, either from a GUI application or simply the command line. Sass originated as an open-source project built in Ruby. SCSS is exactly the same as CSS, so renaming any. Sass files come in two different syntaxes, Sass and SCSS, both are currently supported but SCSS is the primary syntax. Browsers, however, only understand CSS so the Sass files have to be compiled into CSS for it to serve its purpose. Sass extends what CSS can do, by introducing useful features such as variables, nesting, mixins and so on. The full Sass documentation can be found here. Natalie Weizenbaum, the primary designer and developer of Sass, and Chris Eppstein are the main contributors to the Sass language. Sass was invented by Hampton Catlin in 2006. It was developed as part of the HAML markup language, but has since grown into its own. Sass, like CSS, is a stylesheet language. Let’s talk about that thing called SassĪfter I finished up with that project, I took the time to understand exactly what was going on. I was a little bit confused to why I needed to install a software called Codekit to make everything work but was too busy trying to get the theme up and running to worry about it at the time. scss files without realising the distinction. I used the Zen theme as my starter theme, and unknowingly wrote my CSS in. It was for the Singapore Gastric Cancer Consortium website, and at the time I barely knew my way around HTML and CSS. I still remember the first Drupal 7 theme I built. Don’t worry, the changes are rather minor and most of this post is still relevant. Update: There’s a newer post that covers the gulp setup for theming Drupal 8 which highlights a few changes from this post.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |