Merge pull request #49 from tswfi/show_full_header_for_small_displays

Show full header h1 for smaller displays
This commit is contained in:
Ben Balter 2020-01-27 11:11:24 -05:00 committed by GitHub
commit b5d117c1bc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -6,6 +6,13 @@ $body-foreground: $gallery !default;
$header: $conifer !default;
$blockquote-color: $silver-chalice !default;
$blockquote-border: $dove-grey !default;
$container-max-width: 1000px;
@mixin media-max-width($max-width) {
@media (max-width: $max-width) {
@content;
}
}
body {
margin: 0;
@ -21,7 +28,7 @@ body {
.container {
width: 90%;
max-width: 1000px;
max-width: $container-max-width;
margin: 0 auto;
}
@ -64,8 +71,12 @@ header h1 {
0 0 10px rgba(181, 232, 83, 0.1);
letter-spacing: -1px;
-webkit-font-smoothing: antialiased;
@include media-max-width($container-max-width) {
margin-left: 0;
}
}
header h1:before {
content: "./ ";
font-size: 24px;