@getbase/base/less/typography.less

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

@base-font-family: sans-serif;
@base-font-size: 16px;
@base-line-height: 22px;
@base-font-color: #232323;
@base-font-weight: 400;
@base-background-color: #fff;

body {
  font-family: @base-font-family;
  font-size: @base-font-size;
  line-height: @base-line-height;
  color: @base-font-color;
  font-weight: @base-font-weight;
  background: @base-background-color;
}

main, details { display: block; }

a { background-color: transparent; }

b, .b, strong, .strong { font-weight: 700; }

em, .em { font-style: italic; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

small, .small { font-size: .8125rem; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub { bottom: -0.25em; }
sup { top: -0.5em; }

img { border-style: none; }

template, [hidden] { display: none; }