2013-09-06 06:04:45 +08:00
|
|
|
@import "common/foundation/variables";
|
|
|
|
@import "common/foundation/mixins";
|
2013-02-06 03:16:51 +08:00
|
|
|
|
|
|
|
// --------------------------------------------------
|
|
|
|
// Base styles for HTML elements
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
|
|
html {
|
2014-02-24 09:47:44 +08:00
|
|
|
color: $primary_text_color;
|
2013-02-06 03:16:51 +08:00
|
|
|
font: #{$base-font-size}/#{$base-line-height} $base-font-family;
|
2014-02-24 09:47:44 +08:00
|
|
|
background-color: $primary_background_color;
|
2013-02-06 03:16:51 +08:00
|
|
|
overflow-y: scroll;
|
|
|
|
-webkit-font-smoothing: subpixel-antialiased;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Links
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
|
|
a {
|
|
|
|
color: $link-color;
|
|
|
|
text-decoration: none;
|
2013-06-17 11:43:30 +08:00
|
|
|
cursor: pointer;
|
2013-02-06 03:16:51 +08:00
|
|
|
&:visited {
|
|
|
|
color: $link-color-visited;
|
|
|
|
}
|
|
|
|
&:hover {
|
|
|
|
color: $link-color-hover;
|
|
|
|
}
|
|
|
|
&:active {
|
|
|
|
color: $link-color-active;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Typography
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
|
|
hr {
|
|
|
|
display: block;
|
|
|
|
height: 1px;
|
|
|
|
margin: 1em 0;
|
|
|
|
border: 0;
|
2014-02-24 09:47:44 +08:00
|
|
|
border-top: 1px solid $primary_border_color;
|
2013-02-06 03:16:51 +08:00
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Lists
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
|
|
ul,
|
|
|
|
ol,
|
|
|
|
dd {
|
|
|
|
margin: 0 0 9px 25px;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
2014-03-16 00:01:17 +08:00
|
|
|
|
|
|
|
.cooked ul, .cooked ol, .cooked dd {
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
2013-02-06 03:16:51 +08:00
|
|
|
li {
|
|
|
|
> ul,
|
|
|
|
> ol {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Embedded content
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
|
|
img {
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Forms
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
|
|
fieldset {
|
|
|
|
margin: 0;
|
|
|
|
border: 0;
|
|
|
|
padding: 0;
|
2013-06-17 11:43:30 +08:00
|
|
|
}
|
2013-06-20 15:46:18 +08:00
|
|
|
|
|
|
|
pre code {
|
|
|
|
overflow: auto;
|
|
|
|
}
|