// Base - Typography

// Base type scale
// Typographic elements are normalized to a simple type scale that works well across devices. 
// Default top and bottom margins are set for commonly-used typographic elements.

// for labels in the starter kit
.sk-label { color: red; }

body,p {
  font-family: $body-font; 
  font-size: $body-font-size; 
  line-height: $p-line-height; 
  font-weight: normal; 
  font-weight: $body-font-weight; 
}

p { 
  margin: $p-margin; 
  padding: $p-padding; 
}

.bold { font-weight: bold; }
.regular { font-weight: normal; }
.italic { font-style: italic; }
.caps { text-transform: uppercase; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }

ul,ol {
  margin: 0.25rem 0 1rem 1.25rem; 
  padding: 0; 
}
.list-reset {
  list-style-type: none; 
  list-style: none; 
  margin: 0; 
  padding: 0; 
}

// Set the header styles, and allow them to be added to other base elements
h1,h2,h3,h4,h5, 
.h1,.h2,.h3,.h4,.h5 { 
  font-family: $header-font; 
  color: $body-color; 
  margin: $head-margins; 
}

h1,.h1 { font-size: $h1-size; line-height: $h1-height; } 
h2,.h2 { font-size: $h2-size; line-height: $h2-height; } 
h3,.h3 { font-size: $h3-size; line-height: $h3-height; } 
h4,.h4 { font-size: $h4-size; line-height: $h4-height; } 
h5,.h5 { font-size: $h5-size; line-height: $h5-height; }