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 *:before,
  11 *:after {
  12   .box-sizing(border-box);
  13 }
  14
  15
  16 // Body reset
  17 // -------------------------
  18
  19 html {
  20   font-size: 62.5%;
  21   -webkit-tap-highlight-color: rgba(0,0,0,0);
  22 }
  23
  24 body {
  25   font-family: @font-family-base;
  26   font-size: @font-size-base;
  27   line-height: @line-height-base;
  28   color: @text-color;
  29   background-color: @body-bg;
  30 }
  31
  32 // Reset fonts for relevant elements
  33 input,
  34 button,
  35 select,
  36 textarea {
  37   font-family: inherit;
  38   font-size: inherit;
  39   line-height: inherit;
  40 }
  41
  42 // Reset unusual Firefox-on-Android default style, see https://github.com/necolas/normalize.css/issues/214
  43 button,
  44 input,
  45 select[multiple],
  46 textarea {
  47   background-image: none;
  48 }
  49
  50
  51 // Links
  52 // -------------------------
  53
  54 a {
  55   color: @link-color;
  56   text-decoration: none;
  57 }
  58 a:hover,
  59 a:focus {
  60   color: @link-hover-color;
  61   text-decoration: underline;
  62 }
  63 a:focus {
  64   .tab-focus();
  65 }
  66
  67
  68 // Images
  69 // -------------------------
  70
  71 img {
  72   vertical-align: middle;
  73 }
  74
  75 // Responsive images (ensure images don't scale beyond their parents)
  76 .img-responsive {
  77   .img-responsive();
  78 }
  79
  80 // Rounded corners
  81 .img-rounded {
  82   border-radius: @border-radius-large;
  83 }
  84
  85 // Image thumbnails
  86 // See thumbnails.less for `.img-thumbnail`
  87
  88 // Perfect circle
  89 .img-circle {
  90   border-radius: 50%; // set radius in percents
  91 }
  92
  93
  94 // Horizontal rules
  95 // -------------------------
  96
  97 hr {
  98   margin-top:    @line-height-computed;
  99   margin-bottom: @line-height-computed;
 100   border: 0;
 101   border-top: 1px solid @hr-border;
 102 }
 103
 104 // Only display content to screen readers
 105 // See: http://a11yproject.com/posts/how-to-hide-content/
 106 // -------------------------
 107
 108 .sr-only {
 109   position: absolute;
 110   width: 1px;
 111   height: 1px;
 112   margin: -1px;
 113   padding: 0;
 114   overflow: hidden;
 115   clip: rect(0 0 0 0);
 116   border: 0;
 117 }