httpstatuses/contents/style.scss
2015-11-06 21:23:15 +00:00

111 lines
1.5 KiB
SCSS

$container-width: 528px;
@import "../bower_components/Skeleton-Sass/scss/skeleton.scss";
.container {
margin: auto;
max-width: $container-width;
}
@media (max-width: 400px) {
.container {
width: 80%;
}
}
body {
color: #556270;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
margin: 0px;
}
a {
color: #556270;
font-weight: bold;
text-decoration: none;
}
a[href^='https://www.runscope.com'] {
color: #1b70e0;
font-weight: bold;
}
h1, h2, h3, h4, h5, h6 {
color: #333;
font-family: 'Montserrat', sans-serif;
font-size: 20px;
margin-bottom: 8px;
}
p {
font-size: 14px;
margin-bottom: 10px;
}
code {
background-color: #fff;
}
.hero {
@extend .u-full-width;
padding: 25px 0px 10px 0px;
}
.introduction {
// border-bottom: 4px solid #f9f9f9;
}
.codes {
margin-bottom: 40px;
section {
margin-bottom: 10px;
h2 {
font-weight: bold;
}
h2, h3 {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
letter-spacing: 0.5px;
margin-bottom: 2px;
a {
font-weight: normal;
}
a:hover {
color: #d6156d;
}
a span {
color: #d6156d;
font-family: 'Source Code Pro';
width: 34px;
}
}
}
}
.code {
margin: 25px auto;
h1 {
font-family: 'Source Code Pro';
letter-spacing: 0.5px;
text-transform: uppercase;
span {
color: #d6156d;
}
}
h2 {
color: #bbb;
font-family: 'Source Code Pro';
letter-spacing: 0.5px;
text-transform: uppercase;
}
}