Sass in the Real World: book 1 of 4

OOCSS Guidelines

Now that we are familiar with the building blocks of CSS, a CSS object, we will dive further into the guidelines of OOCSS. We delve deeper into the two main principles of OOCSS:

  • Separation of content from container
  • Separation of structure from skin

Implementation of OOCSS requires not only to follow the mentioned principles but also the prudent review of the design and understanding the containers, content, structure and skin. Let's take closer look at these guidelines and principles.