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