Skip to content
Paul edited this page Jul 22, 2014 · 2 revisions

Set Your base font size on the html ans body

html { @include khtml(); }
body { @include kbody(); }

This can be done in your base or normalization files, or later on before you define youe type. You should be defining your typography straight after your normalize / reset.

Set up your Typography

h1,h2,h3,h4,h5,h6 {text-transform: uppercase;}
h1 { @include ktype(5, 1, 1); }
h2 { @include ktype(4, 1, 1); }
h3 { @include ktype(3, 1, 1); }
h4 { @include ktype(2, 1, 1); }
h5 { @include ktype(1, 1, 0); }
h6 { 
@include ktype(0, 1, 0);
	font-weight: normal;
	text-transform: capitalize;
}
p, ul, ol {@include ktype(0,0,1);}
small { @include ktype(-1,0,1); }