15.04.2020
HOME
16.04.2020
20.04.2020
21.04.2020
22.04.2020
23.04.2020

Summary

Topics

Class

Exercise

Reading time

Topics HOME

Sass

Sass Variables

Sass At-Rules @import

Sass At-Rules @function

Class HOME DCI Class Repository

SASS VAR

Hi this is cool

Exercise HOME

Create a color guide in Sass!

Instructions:

  1. Look at the mockup image for a guide;
  2. Nest selectors where possible;
  3. Use variables so that you can update and change the main colors easily;
  4. Give detail about the colors used (e.g. Hex color code and RGB color code on the page);
  5. You should have a guide of at least four colors.

Solution:

HEX Code: #ff0000
Color: Red
HEX Code: #000000
Color: Black
HEX Code: #ffff00
Color: Yellow
HEX Code: #0000ff
Color: Blue
Repositories:

General / HTML / Sass

References:

Color Converter

Reading time HOME

Sass Documentation