Add opacity to hex color code

Best practice to use hex color in opacity colors instead of rgba. Now don’t need to find the rgb of $the-colorbefore: background-color: rgba(225, 180, 192, 0.75);

Keep div always square

To keep a div always as a square shape, use code below: div{ width: 100%;    &:after{ display: block; padding-bottom: 100%;    }}

Top 7 UI font combinations

Playfaire Display Source Sans Pro Merriweather Oswald Montserrat Merriweather Raleway Lato Elsie Roboto Abril Fatface Roboto Sansita Open sans