git.roojs.org Git - bootswatch/blob - bower_components/bootstrap/less/scaffolding.less

   1 //
   2 // Scaffolding
   3 // --------------------------------------------------
   4
   5
   6 // Reset the box-sizing
   7 // -------------------------
   8
   9 * {
  10   .box-sizing(border-box);
  11 }
  12
  13
  14 // Body reset
  15 // -------------------------
  16
  17 html {
  18   font-size: 62.5%;
  19   -webkit-tap-highlight-color: rgba(0,0,0,0);
  20 }
  21
  22 body {
  23   font-family: @font-family-base;
  24   font-size: @font-size-base;
  25   line-height: @line-height-base;
  26   color: @text-color;
  27   background-color: @body-bg;
  28 }
  29
  30 // Reset fonts for relevant elements
  31 input,
  32 button,
  33 select,
  34 textarea {
  35   font-family: inherit;
  36   font-size: inherit;
  37   line-height: inherit;
  38 }
  39
  40
  41 // Links
  42 // -------------------------
  43
  44 a {
  45   color: @link-color;
  46   text-decoration: none;
  47 }
  48 a:hover,
  49 a:focus {
  50   color: @link-hover-color;
  51   text-decoration: underline;
  52 }
  53 a:focus {
  54   .tab-focus();
  55 }
  56
  57
  58 // Images
  59 // -------------------------
  60
  61 img {
  62   vertical-align: middle;
  63 }
  64
  65 // Responsive images (ensure images don't scale beyond their parents)
  66 .img-responsive {
  67   display: inline-block;
  68   max-width: 100%; // Part 1: Set a maximum relative to the parent
  69   height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
  70 }
  71
  72 // Rounded corners
  73 .img-rounded {
  74   border-radius: @border-radius-large;
  75 }
  76
  77 // Image thumbnails
  78 // See thumbnails.less for `.img-thumbnail`
  79
  80 // Perfect circle
  81 .img-circle {
  82   border-radius: 500px; // crank the border-radius so it works with most reasonably sized images
  83 }
  84
  85
  86 // Horizontal rules
  87 // -------------------------
  88
  89 hr {
  90   margin-top:    @line-height-computed;
  91   margin-bottom: @line-height-computed;
  92   border: 0;
  93   border-top: 1px solid @hr-border;
  94 }
  95