robertcoopercode

.container
  display: block
  background-color: red
  font-family: sans-serif
  
ul
  list-style: none
  margin: 0
  
ul li

robertcoopercode

.container {
  display: block;
  background-color: red;
  font-family: sans-serif;
}
  
ul {
  list-style: none;
  margin: 0;
}  

robertcoopercode

$primary-color: #0B5351;
$secondary-color: #6B8F71;

a {
  color: $primary-color;
}

a:hover {
  color: $secondary-color;
}

robertcoopercode

.container {
  background-color: #000;
  color: #fff;
  
  h1 {
    color: purple;
  }
}

robertcoopercode

.container {
  background-color: #000;
  color: #fff;
}

.container h1 {
  color: purple;
}

robertcoopercode

a {
  color: #0B5351;
}

a:hover {
  color: #6B8F71;
}

robertcoopercode

header {
  display: flex;
  margin: 0;
}

robertcoopercode

footer {
  background-color: #000;
}

robertcoopercode

@import 'header';
@import 'footer';

robertcoopercode

header {
  display: flex;
  margin: 0;
}

footer {
  background-color: #000;
}