|
 |
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 |
}
|