github.com/kayoticsully/syncthing@v0.8.9-0.20140724133906-c45a2fdc03f8/assets/bootstrap-3.1.1/less/scaffolding.less (about)

     1  //
     2  // Scaffolding
     3  // --------------------------------------------------
     4  
     5  
     6  // Reset the box-sizing
     7  //
     8  // Heads up! This reset may cause conflicts with some third-party widgets.
     9  // For recommendations on resolving such conflicts, see
    10  // http://getbootstrap.com/getting-started/#third-box-sizing
    11  * {
    12    .box-sizing(border-box);
    13  }
    14  *:before,
    15  *:after {
    16    .box-sizing(border-box);
    17  }
    18  
    19  
    20  // Body reset
    21  
    22  html {
    23    font-size: 62.5%;
    24    -webkit-tap-highlight-color: rgba(0,0,0,0);
    25  }
    26  
    27  body {
    28    font-family: @font-family-base;
    29    font-size: @font-size-base;
    30    line-height: @line-height-base;
    31    color: @text-color;
    32    background-color: @body-bg;
    33  }
    34  
    35  // Reset fonts for relevant elements
    36  input,
    37  button,
    38  select,
    39  textarea {
    40    font-family: inherit;
    41    font-size: inherit;
    42    line-height: inherit;
    43  }
    44  
    45  
    46  // Links
    47  
    48  a {
    49    color: @link-color;
    50    text-decoration: none;
    51  
    52    &:hover,
    53    &:focus {
    54      color: @link-hover-color;
    55      text-decoration: underline;
    56    }
    57  
    58    &:focus {
    59      .tab-focus();
    60    }
    61  }
    62  
    63  
    64  // Figures
    65  //
    66  // We reset this here because previously Normalize had no `figure` margins. This
    67  // ensures we don't break anyone's use of the element.
    68  
    69  figure {
    70    margin: 0;
    71  }
    72  
    73  
    74  // Images
    75  
    76  img {
    77    vertical-align: middle;
    78  }
    79  
    80  // Responsive images (ensure images don't scale beyond their parents)
    81  .img-responsive {
    82    .img-responsive();
    83  }
    84  
    85  // Rounded corners
    86  .img-rounded {
    87    border-radius: @border-radius-large;
    88  }
    89  
    90  // Image thumbnails
    91  //
    92  // Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
    93  .img-thumbnail {
    94    padding: @thumbnail-padding;
    95    line-height: @line-height-base;
    96    background-color: @thumbnail-bg;
    97    border: 1px solid @thumbnail-border;
    98    border-radius: @thumbnail-border-radius;
    99    .transition(all .2s ease-in-out);
   100  
   101    // Keep them at most 100% wide
   102    .img-responsive(inline-block);
   103  }
   104  
   105  // Perfect circle
   106  .img-circle {
   107    border-radius: 50%; // set radius in percents
   108  }
   109  
   110  
   111  // Horizontal rules
   112  
   113  hr {
   114    margin-top:    @line-height-computed;
   115    margin-bottom: @line-height-computed;
   116    border: 0;
   117    border-top: 1px solid @hr-border;
   118  }
   119  
   120  
   121  // Only display content to screen readers
   122  //
   123  // See: http://a11yproject.com/posts/how-to-hide-content/
   124  
   125  .sr-only {
   126    position: absolute;
   127    width: 1px;
   128    height: 1px;
   129    margin: -1px;
   130    padding: 0;
   131    overflow: hidden;
   132    clip: rect(0,0,0,0);
   133    border: 0;
   134  }