.color-samples {
  > div {
    display: flex;
    margin: $gutter 0;
    height: 100px;

    div { flex: 1 1 auto; }

    :nth-child(1)  { background-color: $white;      }
    :nth-child(2)  { background-color: $light;      }
    :nth-child(3)  { background-color: $light-grey; }
    :nth-child(4)  { background-color: $dark-grey;  }
    :nth-child(5)  { background-color: $black;      }

    :nth-child(6)  { background-color: $dark-blue;  }
    :nth-child(7)  { background-color: $blue;       }
    :nth-child(8)  { background-color: $red;        }
    :nth-child(9)  { background-color: $orange;     }
    :nth-child(10) { background-color: $yellow;     }
  }
}