Hopefully by now, some of the Sass and Compass goodness is making sense. In the last chapter we learned how to split files into partials for convenience and better maintainability and looked at nesting, @extend
, and placeholder selectors. We even have an understanding of mixins and what they do, even if we can't write them in our sleep yet.
This chapter is going to bring some of our existing skills together and add the incredible Sass and Compass color functions into the mix.
In this chapter, we will learn:
How to convert a color from hex to RGBA
How to darken and lighten colors
How to saturate, desaturate, fade, and adjust the hue of color
How to create inverted and complementary colors
How to mix colors
How to shade and tint colors
How to combine color functions in a single statement
Throughout this chapter, we'll look in detail at the various color functions that Sass and Compass afford us and test them out on different sections of our test markup for http...