arrfab / centos / centos.org

Forked from centos/centos.org 2 years ago
Clone

Blame content/assets/css/bootstrap/_scaffolding.scss

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