info@53: //
info@53: // Scaffolding
info@53: // --------------------------------------------------
info@53: 
info@53: 
info@53: // Reset the box-sizing
info@53: 
info@53: *,
info@53: *:before,
info@53: *:after {
info@53:   .box-sizing(border-box);
info@53: }
info@53: 
info@53: 
info@53: // Body reset
info@53: 
info@53: html {
info@53:   font-size: 62.5%;
info@53:   -webkit-tap-highlight-color: rgba(0,0,0,0);
info@53: }
info@53: 
info@53: body {
info@53:   font-family: @font-family-base;
info@53:   font-size: @font-size-base;
info@53:   line-height: @line-height-base;
info@53:   color: @text-color;
info@53:   background-color: @body-bg;
info@53: }
info@53: 
info@53: // Reset fonts for relevant elements
info@53: input,
info@53: button,
info@53: select,
info@53: textarea {
info@53:   font-family: inherit;
info@53:   font-size: inherit;
info@53:   line-height: inherit;
info@53: }
info@53: 
info@53: 
info@53: // Links
info@53: 
info@53: a {
info@53:   color: @link-color;
info@53:   text-decoration: none;
info@53: 
info@53:   &:hover,
info@53:   &:focus {
info@53:     color: @link-hover-color;
info@53:     text-decoration: underline;
info@53:   }
info@53: 
info@53:   &:focus {
info@53:     .tab-focus();
info@53:   }
info@53: }
info@53: 
info@53: 
info@53: // Images
info@53: 
info@53: img {
info@53:   vertical-align: middle;
info@53: }
info@53: 
info@53: // Responsive images (ensure images don't scale beyond their parents)
info@53: .img-responsive {
info@53:   .img-responsive();
info@53: }
info@53: 
info@53: // Rounded corners
info@53: .img-rounded {
info@53:   border-radius: @border-radius-large;
info@53: }
info@53: 
info@53: // Image thumbnails
info@53: //
info@53: // Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
info@53: .img-thumbnail {
info@53:   padding: @thumbnail-padding;
info@53:   line-height: @line-height-base;
info@53:   background-color: @thumbnail-bg;
info@53:   border: 1px solid @thumbnail-border;
info@53:   border-radius: @thumbnail-border-radius;
info@53:   .transition(all .2s ease-in-out);
info@53: 
info@53:   // Keep them at most 100% wide
info@53:   .img-responsive(inline-block);
info@53: }
info@53: 
info@53: // Perfect circle
info@53: .img-circle {
info@53:   border-radius: 50%; // set radius in percents
info@53: }
info@53: 
info@53: 
info@53: // Horizontal rules
info@53: 
info@53: hr {
info@53:   margin-top:    @line-height-computed;
info@53:   margin-bottom: @line-height-computed;
info@53:   border: 0;
info@53:   border-top: 1px solid @hr-border;
info@53: }
info@53: 
info@53: 
info@53: // Only display content to screen readers
info@53: //
info@53: // See: http://a11yproject.com/posts/how-to-hide-content/
info@53: 
info@53: .sr-only {
info@53:   position: absolute;
info@53:   width: 1px;
info@53:   height: 1px;
info@53:   margin: -1px;
info@53:   padding: 0;
info@53:   overflow: hidden;
info@53:   clip: rect(0,0,0,0);
info@53:   border: 0;
info@53: }