[Summary view] [Print] [Text view]

   1  //
   2  // Scaffolding
   3  // --------------------------------------------------
   4  
   5  
   6  // Body reset
   7  // -------------------------
   8  
   9  body {
  10    margin: 0;
  11    font-family: @baseFontFamily;
  12    font-size: @baseFontSize;
  13    line-height: @baseLineHeight;
  14    color: @textColor;
  15    background-color: @bodyBackground;
  16  }
  17  
  18  
  19  // Links
  20  // -------------------------
  21  
  22  a {
  23    color: @linkColor;
  24    text-decoration: none;
  25  }
  26  a:hover,
  27  a:focus {
  28    color: @linkColorHover;
  29    text-decoration: underline;
  30  }
  31  
  32  
  33  // Images
  34  // -------------------------
  35  
  36  // Rounded corners
  37  .img-rounded {
  38    .border-radius(6px);
  39  }
  40  
  41  // Add polaroid-esque trim
  42  .img-polaroid {
  43    padding: 4px;
  44    background-color: #fff;
  45    border: 1px solid #ccc;
  46    border: 1px solid rgba(0,0,0,.2);
  47    .box-shadow(0 1px 3px rgba(0,0,0,.1));
  48  }
  49  
  50  // Perfect circle
  51  .img-circle {
  52    .border-radius(500px); // crank the border-radius so it works with most reasonably sized images
  53  }