// Reset the box-sizing
-// -------------------------
*,
*:before,
// Body reset
-// -------------------------
html {
font-size: 62.5%;
line-height: inherit;
}
-// Reset unusual Firefox-on-Android default style, see https://github.com/necolas/normalize.css/issues/214
-button,
-input,
-select[multiple],
-textarea {
- background-image: none;
-}
-
// Links
-// -------------------------
a {
color: @link-color;
text-decoration: none;
-}
-a:hover,
-a:focus {
- color: @link-hover-color;
- text-decoration: underline;
-}
-a:focus {
- .tab-focus();
+
+ &:hover,
+ &:focus {
+ color: @link-hover-color;
+ text-decoration: underline;
+ }
+
+ &:focus {
+ .tab-focus();
+ }
}
// Images
-// -------------------------
img {
vertical-align: middle;
}
// Image thumbnails
-// See thumbnails.less for `.img-thumbnail`
+//
+// 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 .2s ease-in-out);
+
+ // Keep them at most 100% wide
+ .img-responsive(inline-block);
+}
// Perfect circle
.img-circle {
// Horizontal rules
-// -------------------------
hr {
margin-top: @line-height-computed;
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;
margin: -1px;
padding: 0;
overflow: hidden;
- clip: rect(0 0 0 0);
+ clip: rect(0,0,0,0);
border: 0;
}