102 lines
1.6 KiB
SCSS
Executable File
102 lines
1.6 KiB
SCSS
Executable File
@import "foundation/variables";
|
|
@import "foundation/mixins";
|
|
@import "foundation/helpers";
|
|
|
|
// --------------------------------------------------
|
|
// FAQs
|
|
// --------------------------------------------------
|
|
|
|
// Base
|
|
// --------------------------------------------------
|
|
|
|
.body-page {
|
|
|
|
font-family: Georgia, Times, "Times New Roman", serif;
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
|
|
// Consistent vertical spacing
|
|
blockquote,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
hr,
|
|
p,
|
|
pre,
|
|
ul,
|
|
ol,
|
|
table {
|
|
margin: 0 0 20px;
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
// Lists
|
|
ul,
|
|
ol {
|
|
margin-left: 40px;
|
|
padding: 0;
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
li {
|
|
> ul,
|
|
> ol {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
// Content wrapper
|
|
// --------------------------------------------------
|
|
|
|
.body-page {
|
|
|
|
.container {
|
|
@extend .clearfix;
|
|
width: 960px;
|
|
margin: 0 auto;
|
|
padding: 20px 10px;
|
|
}
|
|
|
|
}
|
|
|
|
// Navigation
|
|
// --------------------------------------------------
|
|
|
|
.body-page {
|
|
|
|
nav {
|
|
width: 280px;
|
|
overflow: hidden;
|
|
position: fixed;
|
|
float: left;
|
|
border: 1px solid #b9b9b9;
|
|
background-color: #fafafa;
|
|
@include border-radius-all(4px);
|
|
@include box-shadow(0 1px 0 #fff);
|
|
> a {
|
|
display: block;
|
|
border-top: 1px solid #e6e6e6;
|
|
padding: 13px;
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
text-shadow: 0 1px 0 rgba($white, 0.5);
|
|
&:first-child {
|
|
border-top: 0;
|
|
}
|
|
&:hover {
|
|
background-color: #eee;
|
|
}
|
|
&.active {
|
|
color: #f15b22;
|
|
background-color: #f9e7e0;
|
|
cursor: default;
|
|
}
|
|
}
|
|
}
|
|
|
|
} |