Book Image

Sass and Compass for Designers

By : Ben Frain
Book Image

Sass and Compass for Designers

By: Ben Frain

Overview of this book

Table of Contents (17 chapters)
Sass and Compass for Designers
Credits
Foreword
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Chapter 4. Manipulate Color with Ease

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...