@import 'use.fontawesome.com/releases/v5.5.0/css/all.css'; @import 'fonts.googleapis.com/css?family=Roboto'; @import './reset'; @import './variables'; @import './typography'; @import './navigation'; @import './rouge-base16-dark.scss'; @import './syntax-highlighting'; @import './posts.scss';
$background-color: $dark !default; $text-color: $text-color !default;
body {
background: $background-color; color: $text-color; line-height: 1.5; font-family: $base-font-family; font-size: $base-font-size;
}
.site-wrapper {
max-width: 63.25rem; margin: 0 auto; background: #222222; padding: .5rem 2rem; display: block; min-height: calc(100vh - 50px);
}
main {
display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */
}
section {
display: block; margin: 0 0 20px 0;
}
img {
max-width: 100%; vertical-align: middle; border-radius: 3px; box-shadow: $weak-box-shadow;
}
.pagination, footer {
height: 50px; line-height: 50px; text-align: center;
}
@media screen and (max-width: 480px) {
.site-wrapper { padding: .5rem .5rem; }
}