net-engine/tedx-brisbane

// Typography

html {
  font: #{$font-size}/#{$line-height} $font-family;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}


// Anchors

a {
  color: $color-primary;
  text-decoration: none;

  img { border: 0; }

  &:hover {
    color: darken($background-color, 15%);
  }
}

img {
  max-width: 100%;
  max-height: 100%;
}

// Headings

h1, h2, h3 {
  font-weight: 700;
  letter-spacing: -1px;
  margin: 0 0 1em;
}

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }

// Body copy

p { 
  margin-bottom: $line-height; 
}

strong, b { font-weight: bold; }

em, i { font-style: italic; }

code, pre, var { font-family: monospace; }

blockquote { 
  padding-left: 2em;
  position: relative;
  font-style: italic;
  
  &:before {
    content: "\201C";
    position: absolute;
    left: 0;
    top: 0.15em;
    font-size: 3em;
    font-style: normal;
  }
}

// Lists


dl {
  clear: both;
  
  dt {
    font-weight: 700;
    font-size: 0.8em;
    text-transform: uppercase;
  }
  
  dd {
    margin-bottom: $line-height;
  }
}