@import url(fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,700,200italic,400italic,700italic);
@import “fontawesome/fontawesome.scss”; @import “fontawesome/solid.scss”; @import “fontawesome/brands.scss”;
@import “bootstrap/bootstrap.scss”; @import “documental/variables.scss”; @import “documental/home.scss”; @import “documental/blog.scss”; @import “documental/algolia.scss”;
body {
font-family: 'Source Sans Pro', sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; @include media-breakpoint-up(sm) { font-size: 15px; } @include media-breakpoint-up(md) { font-size: 16px; }
}
a {
color: $link-color;
}
p {
line-height: 1.5; margin: 10px 0 20px;
} h1 {
font-weight: 200; font-size: 34px; @include media-breakpoint-up(sm) { font-size: 42px; } @include media-breakpoint-up(md) { font-size: 48px; }
} h2 {
font-weight: 400; color: #525252; text-decoration: none; margin: 30px 0; font-size: 30px; @include media-breakpoint-up(sm) { font-size: 33px; } @include media-breakpoint-up(md) { font-size: 36px; }
} h3 {
font-weight: 400; margin: 24px 0; font-size: 20px; @include media-breakpoint-up(sm) { font-size: 22px; } @include media-breakpoint-up(md) { font-size: 24px; }
}
code {
font-size: 80%; color: #A83838; background-color: $grey-background-light;
} pre {
border-radius: 0; background-color: $grey-background-light; border-color: $background-colored;
} pre code {
background: transparent;
} thead {
border-bottom: solid black 1px;
} td,th {
padding-left: 0.5em; padding-right: 0.5em;
}
.hljs {
background: transparent; padding: 0;
}
.btn {
border-radius: 0;
}
.navbar {
.navbar-default { background-color: $grey-background-light; justify-content: space-between; } .navbar-nav { a { text-transform: uppercase; font-size: 11px; letter-spacing: 0.2rem; padding-left: 20px; padding-right: 20px; } a.github { padding-top: 5px; i { font-size: 20px; } } } #search-input { width: 300px; margin-left: 30px; background-color: #FBFBFB; border: 1px solid #E4E4E4; }
}
article {
position: relative; padding: 30px 0 50px 0; h1 { margin: 0 0 32px; padding-bottom: 32px; border-bottom: solid 1px $border-color; } .anchor { position: absolute; margin-left: -25px; left: 0; @include media-breakpoint-down(xs) { visibility: hidden; } } a.anchor:hover { text-decoration: none; } img { max-width: 100%; } blockquote { padding-left: 1rem; border-left: solid 4px $border-color; color: $note-color; }
}
.documentation {
.sidebar { text-align: right; float: left; padding: 35px 10px 35px 0; @include media-breakpoint-down(sm) { visibility: hidden; width: 0px; } @include media-breakpoint-up(md) { width: 200px; padding-right: 25px; } @include media-breakpoint-up(lg) { width: 250px; padding-right: 35px; } ul { list-style: none; padding: 0; li { font-weight: 400; margin-bottom: 20px; font-size: 16px; @include media-breakpoint-up(md) { font-size: 18px; } ul { display: block; list-style: none; margin: 10px 0 0 0; padding: 0 0 0 10px; li { margin-bottom: 5px; font-size: 12px; @include media-breakpoint-up(md) { font-size: 14px; } &.active a { color: $link-hover-color; text-decoration: underline; } } } } } } article { @include media-breakpoint-down(sm) { margin-left: 0px; } @include media-breakpoint-up(md) { margin-left: 250px; } @include media-breakpoint-up(lg) { margin-left: 300px; } }
}
footer {
background: $background-colored; margin-top: 50px; padding: 40px 0; font-size: 90%; text-align: center; color: #9e9e9e;
}
.gitter-chat-embed {
z-index: 2000;
}