1  // ==========================================================================
  2  // Base – Global Typography
  3  // ==========================================================================
  4  body {
  5    font-family: @default-font-family;
  6    .font-size(@default-font-size);
  7    .line-height(@default-line-height);
  8    color: @default-font-color;
  9    background-color: #fff;
 10    -webkit-text-size-adjust: 100%;
 11    -ms-text-size-adjust: 100%;
 12  }
 13  
 14  // Clearfix
 15  .clear:before, .clear:after {
 16    content: "";
 17    display: table;
 18  }
 19  .clear:after { clear: both; }
 20  .clear { zoom: 1; } // IE7
 21  
 22  // Font Style
 23  b, strong, .strong { &:extend(.font-bold); }
 24  i, em, .em { font-style: italic; }
 25  
 26  // Links
 27  a { color: @default-link-color; }
 28  a:hover { text-decoration: none; }
 29  a:focus { outline: thin dotted; }
 30  a:active, a:hover { outline: 0; }
 31  
 32  // Paragraph and Small
 33  p { margin: 0 0 1.6em 0; }
 34  pre { margin: 1em 0; }
 35  ul + p, ul + pre, ol + p, ol + pre { margin-top: 0; }
 36  
 37  // Abbreviations
 38  abbr[title] { border-bottom: 1px dotted; }
 39  
 40  // Mark
 41  mark {
 42    background: #ff0;
 43    color: #111;
 44  }
 45  
 46  // Audio
 47  audio, canvas, video {
 48    &:extend(.inline-block);
 49  }
 50  audio:not([controls]) {
 51    &:extend(.none);
 52    height: 0;
 53  }
 54  
 55  // Small, Sub and Sup
 56  small { font-size:80%; }
 57  sub, sup {
 58    font-size: 75%;
 59    line-height: 0;
 60    position: relative;
 61    vertical-align: baseline;
 62  }
 63  sup { top: -0.5em; }
 64  sub { bottom: -0.25em; }
 65  
 66  // Definition
 67  dfn { &:extend(.em); }
 68  
 69  // Images
 70  img {
 71    border: 0;
 72    -ms-interpolation-mode: bicubic;
 73  }
 74  svg:not(:root) { overflow: hidden; }
 75  figure { margin: 0; }
 76  
 77  // Horizontal Rule
 78  hr {
 79    border: 0;
 80    background: none;
 81    outline: 0;
 82    background-color: #ddd;
 83    margin: 2em 0;
 84    *margin: 1em 0;
 85    -moz-box-sizing: content-box;
 86    box-sizing: content-box;
 87    height: 1px;
 88  }
 89  
 90  // Headings
 91  h1, h2, h3, h4, h5, h6 {
 92    line-height: normal;
 93    font-weight: normal;
 94    margin: 0 0 0.33em 0;
 95  }
 96  h1, .h1 {
 97    .font-size(@h1);
 98  }
 99  h2, .h2 {
100    .font-size(@h2);
101  }
102  h3, .h3 { 
103    .font-size(@h3);
104  }
105  h4, .h4 {
106    .font-size(@h4);
107  }
108  h5, .h5 {
109    .font-size(@h5);
110  }
111  h6, .h6 {
112    .font-size(@h6);
113  }
114  // Remove Heading Styling
115  .no-style-heading {
116    &:extend(.no-margin);
117    font-size: 100%;
118  }