Show Menu
Cheatography
  1. Home >
  2. Cheat Sheets >

SCSS Cheat Sheet (DRAFT) by

This is a draft cheat sheet. It is a work in progress and is not finished yet.

1- Nesting:

banner {
  font-family: 'Pacifico', cursive;
  height: 400px;
  border : {
    top: 4px solid black;
    bottom: 4px solid black;
  }
  .slogan {
    border: 4px solid black;
    height: 200px;
    text-align: center;
    span{
      font-size: 24px;
    }
  }
}

2- Variables:

$translucent-white: #fff;
$standard-border: 4px solid black;
div {
  color: $translucent-white;
}