git.roojs.org Git - bootswatch/blob - bower_components/font-awesome/src/assets/less/bootstrap-3.0.0/scaffolding.less

   1 //
   2 // Scaffolding
   3 // --------------------------------------------------
   4
   5
   6 // Reset the box-sizing
   7
   8 *,
   9 *:before,
  10 *:after {
  11   .box-sizing(border-box);
  12 }
  13
  14
  15 // Body reset
  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 // Reset unusual Firefox-on-Android default style.
  41 //
  42 // See https://github.com/necolas/normalize.css/issues/214
  43
  44 button,
  45 input,
  46 select[multiple],
  47 textarea {
  48   background-image: none;
  49 }
  50
  51
  52 // Links
  53
  54 a {
  55   color: @link-color;
  56   text-decoration: none;
  57
  58   &:hover,
  59   &:focus {
  60     color: @link-hover-color;
  61     text-decoration: underline;
  62   }
  63
  64   &:focus {
  65     .tab-focus();
  66   }
  67 }
  68
  69
  70 // Images
  71
  72 img {
  73   vertical-align: middle;
  74 }
  75
  76 // Responsive images (ensure images don't scale beyond their parents)
  77 .img-responsive {
  78   .img-responsive();
  79 }
  80
  81 // Rounded corners
  82 .img-rounded {
  83   border-radius: @border-radius-large;
  84 }
  85
  86 // Image thumbnails
  87 //
  88 // Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
  89 .img-thumbnail {
  90   padding: @thumbnail-padding;
  91   line-height: @line-height-base;
  92   background-color: @thumbnail-bg;
  93   border: 1px solid @thumbnail-border;
  94   border-radius: @thumbnail-border-radius;
  95   .transition(all .2s ease-in-out);
  96
  97   // Keep them at most 100% wide
  98   .img-responsive(inline-block);
  99 }
 100
 101 // Perfect circle
 102 .img-circle {
 103   border-radius: 50%; // set radius in percents
 104 }
 105
 106
 107 // Horizontal rules
 108
 109 hr {
 110   margin-top:    @line-height-computed;
 111   margin-bottom: @line-height-computed;
 112   border: 0;
 113   border-top: 1px solid @hr-border;
 114 }
 115
 116
 117 // Only display content to screen readers
 118 //
 119 // See: http://a11yproject.com/posts/how-to-hide-content/
 120
 121 .sr-only {
 122   position: absolute;
 123   width: 1px;
 124   height: 1px;
 125   margin: -1px;
 126   padding: 0;
 127   overflow: hidden;
 128   clip: rect(0 0 0 0);
 129   border: 0;
 130 }