@getbase/base/less/headings.less

A Rock Solid, Responsive CSS Framework built to work on all devices big, small and in-between.

@base-heading-font-family: sans-serif;
@base-h1-font-size: 32px;
@base-h1-line-height: 38px;
@base-h2-font-size: 26px;
@base-h2-line-height: 32px;
@base-h3-font-size: 22px;
@base-h3-line-height: 28px;
@base-h4-font-size: 18px;
@base-h4-line-height: 24px;
@base-h5-font-size: 16px;
@base-h5-line-height: 22px;
@base-h6-font-size: 14px;
@base-h6-line-height: 20px;

h1, h2, h3, h4, h5, h6 {
  font-family: @base-heading-font-family;
  margin: 0.5rem 0;
}
h1, .h1 {
  font-size: @base-h1-font-size;
  line-height: @base-h1-line-height;
}
h2, .h2 {
  font-size: @base-h2-font-size;
  line-height: @base-h2-line-height;
}
h3, .h3 {
  font-size: @base-h3-font-size;
  line-height: @base-h3-line-height;
}
h4, .h4 {
  font-size: @base-h4-font-size;
  line-height: @base-h4-line-height;
}
h5, .h5 {
  font-size: @base-h5-font-size;
  line-height: @base-h5-line-height;
}
h6, .h6 {
  font-size: @base-h6-font-size;
  line-height: @base-h6-line-height;
}