2013-02-05 14:16:51 -05:00
|
|
|
@import "variables";
|
|
|
|
@import "mixins";
|
|
|
|
|
|
|
|
// --------------------------------------------------
|
|
|
|
// Base styles for HTML elements
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
|
|
html {
|
|
|
|
color: $black;
|
|
|
|
font: #{$base-font-size}/#{$base-line-height} $base-font-family;
|
|
|
|
background-color: $base-background-color;
|
|
|
|
overflow-y: scroll;
|
|
|
|
-webkit-font-smoothing: subpixel-antialiased;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Links
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
|
|
a {
|
|
|
|
color: $link-color;
|
|
|
|
text-decoration: none;
|
2013-06-16 23:43:30 -04:00
|
|
|
cursor: pointer;
|
2013-02-05 14:16:51 -05:00
|
|
|
&:visited {
|
|
|
|
color: $link-color-visited;
|
|
|
|
}
|
|
|
|
&:hover {
|
|
|
|
color: $link-color-hover;
|
|
|
|
}
|
|
|
|
&:focus {
|
|
|
|
outline: 0;
|
|
|
|
}
|
|
|
|
&:active {
|
|
|
|
color: $link-color-active;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Typography
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
|
|
hr {
|
|
|
|
display: block;
|
|
|
|
height: 1px;
|
|
|
|
margin: 1em 0;
|
|
|
|
border: 0;
|
|
|
|
border-top: 1px solid $hr-border-color;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Lists
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
|
|
ul,
|
|
|
|
ol,
|
|
|
|
dd {
|
|
|
|
margin: 0 0 9px 25px;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
li {
|
|
|
|
> ul,
|
|
|
|
> ol {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Embedded content
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
|
|
img {
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Forms
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
|
|
fieldset {
|
|
|
|
margin: 0;
|
|
|
|
border: 0;
|
|
|
|
padding: 0;
|
2013-06-16 23:43:30 -04:00
|
|
|
}
|
2013-06-20 03:46:18 -04:00
|
|
|
|
|
|
|
pre code {
|
|
|
|
overflow: auto;
|
|
|
|
}
|