CSS Processors have continually increased in usage for years. New tools and ways of automating styles have emerged along with mature tools establishing themselves into our workflow. With this, it’s easy to get lost among these tools. This talk will help to give a gentle introduction to stylesheets processors (pre and post) - what they do, how they help you and how to use them.
8. BENEFITS OF USING PROCESSORS
➤ Helps reduce development time.
➤ Helps produce DRYer code.
➤ Add a heap of features to style authoring
➤ Engrained user base / ecosystems
12. FEATURE TICK OFF LIST
➤ Real @imports - file partials
➤ Simple reference of parent selector &.
➤ Variables.
➤ Built-in and custom functions.
➤ mixins
➤ Many more
23. NESTING SELECTORS CONT.
header {
nav {
li {
display: inline-block;
a {
background: white;
color: black;
}
}
}
}
header nav li {
display: inline-block;
}
header nav li a {
background: white;
color: black;
}
31. HOW YOU CAN USE SASS TODAY
➤ Install Ruby - http://rubyinstaller.org/
➤ Open command line program
➤ Run 'gem install sass'
➤ If this errors, instead run 'sudo gem install sass'
➤ After this, you're all ready to go!
36. POST-PROCESSORS
➤ Help fill in the gap of Pre-processors.
➤ Can be used with a pre-processor
➤ Or...can do things a pre-processor can do.
➤ Healthy plugin ecosystem.