//
// Scaffolding
// --------------------------------------------------

// Reset the box-sizing

*,
*:before,
*:after
  +box-sizing(border-box)

// Body reset

html
  font-size: 62.5%
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)

body
  font-family: $font-family-base
  font-size: $font-size-base
  line-height: $line-height-base
  color: $text-color
  background-color: $body-bg

// Reset fonts for relevant elements

input,
button,
select,
textarea
  font-family: inherit
  font-size: inherit
  line-height: inherit

// Links

a
  color: $link-color
  text-decoration: none
  &:hover,
  &:focus
    color: $link-hover-color
    text-decoration: underline
  &:focus
    +tab-focus

// Images

img
  vertical-align: middle

// Responsive images (ensure images don't scale beyond their parents)
.img-responsive
  +img-responsive

// Rounded corners
.img-rounded
  border-radius: $border-radius-large

// Image thumbnails
//
// Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
.img-thumbnail
  padding: $thumbnail-padding
  line-height: $line-height-base
  background-color: $thumbnail-bg
  border: 1px solid $thumbnail-border
  border-radius: $thumbnail-border-radius
  +transition(all 0.2s ease-in-out)
  // Keep them at most 100% wide
  +img-responsive(inline-block)

// Perfect circle
.img-circle
  border-radius: 50%
  // set radius in percents

// Horizontal rules

hr
  margin-top: $line-height-computed
  margin-bottom: $line-height-computed
  border: 0
  border-top: 1px solid $hr-border

// Only display content to screen readers
//
// See: http://a11yproject.com/posts/how-to-hide-content/

.sr-only
  position: absolute
  width: 1px
  height: 1px
  margin: -1px
  padding: 0
  overflow: hidden
  clip: rect(0, 0, 0, 0)
  border: 0