typography resets

[dbox]

h1, h2, h3, h4, h5, h6 {
  display: block;
  margin: 1rem 0;
  font-weight: normal;

  &:first-child {
    margin-top: 0;
  }

  a { color: inherit;  }
}

If we're adding this to every project, then perhaps there should be an additive mixin in knapsack for this.

Need to look into this too:

// Global responsive typography - edit per project
// Type will be fluid between min and max sizes
// See mixin fluid-type() in Knapsack

h1 { @include fluid-type(36px, 56px, 420px, 1024px); }
h2 { @include fluid-type(36px, 48px, 420px, 1024px); }
h3 { @include fluid-type(30px, 36px, 420px, 1024px); }
h4 { @include fluid-type(24px, 30px, 420px, 1024px); }
h5 { @include fluid-type(20px, 24px, 420px, 1024px); }
h6 { @include fluid-type(18px, 20px, 420px, 1024px); }
p, ul, li, ol { @include fluid-type(15px, 18px);}

As I think it could cause some bloat.