mirror of
https://github.com/danbee/danbarber.me.hugo.git
synced 2025-03-04 08:59:18 +00:00
Compare commits
No commits in common. "88ced11348abfacbf36b5481664ab4d4df86a78a" and "d9e6de986e67e3c263f5fcfb963e915b27ecd6c6" have entirely different histories.
88ced11348
...
d9e6de986e
@ -9,10 +9,6 @@
|
|||||||
& > * {
|
& > * {
|
||||||
@include container
|
@include container
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
border-bottom: 1px dashed $border-color-dark;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.post__title {
|
.post__title {
|
||||||
|
|||||||
@ -1,20 +0,0 @@
|
|||||||
.posts__pagination {
|
|
||||||
padding: 1em $pad-min;
|
|
||||||
}
|
|
||||||
|
|
||||||
.posts__pagination-container {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.posts__next-link,
|
|
||||||
.posts__prev-link {
|
|
||||||
flex-grow: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.posts__next-link {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.posts__prev-link {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
@ -1,8 +1,4 @@
|
|||||||
.site-header {
|
.site-header {
|
||||||
padding: 0 $pad-min;
|
padding: 0 $pad-min;
|
||||||
border-bottom: 1px dashed $text-color;
|
border-bottom: 1px dashed $text-color;
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
border-bottom: 1px dashed $text-color-dark;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -4,16 +4,6 @@ a {
|
|||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus {
|
&:focus {
|
||||||
color: $link-color-hover;
|
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
color: $link-color-dark;
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
color: $link-color-hover-dark;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,14 +1,8 @@
|
|||||||
html {
|
html {
|
||||||
background-color: $background-color;
|
|
||||||
color: $text-color;
|
color: $text-color;
|
||||||
font-family: $body-font-family;
|
font-family: $body-font-family;
|
||||||
font-size: calc(0.85vmin + 13px);
|
font-size: calc(0.85vmin + 13px);
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
background-color: $background-color-dark;
|
|
||||||
color: $text-color-dark;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -33,7 +33,6 @@
|
|||||||
// This is where majority of our work takes place and our UI components
|
// This is where majority of our work takes place and our UI components
|
||||||
// are often composed of Objects and Components
|
// are often composed of Objects and Components
|
||||||
@import "components/site-header";
|
@import "components/site-header";
|
||||||
@import "components/posts";
|
|
||||||
@import "components/post";
|
@import "components/post";
|
||||||
|
|
||||||
// 7. Utilities – utilities and helper classes with ability to override
|
// 7. Utilities – utilities and helper classes with ability to override
|
||||||
|
|||||||
@ -18,7 +18,6 @@ $border-color-dark: #666;
|
|||||||
$link-color: rgb(24, 99, 161);
|
$link-color: rgb(24, 99, 161);
|
||||||
$link-color-dark: lighten($link-color, 25%);
|
$link-color-dark: lighten($link-color, 25%);
|
||||||
$link-color-hover: lighten($link-color, 10%);
|
$link-color-hover: lighten($link-color, 10%);
|
||||||
$link-color-hover-dark: lighten($link-color-dark, 10%);
|
|
||||||
|
|
||||||
$footer-link-color: lighten($text-color, 25%);
|
$footer-link-color: lighten($text-color, 25%);
|
||||||
$footer-link-color-hover: lighten($link-color, 10%);
|
$footer-link-color-hover: lighten($link-color, 10%);
|
||||||
|
|||||||
@ -1,3 +1 @@
|
|||||||
#!/usr/bin/env sh
|
|
||||||
|
|
||||||
hugo server --buildDrafts --bind="0.0.0.0" -v --baseUrl="http://danbarber.localhost:1313/"
|
hugo server --buildDrafts --bind="0.0.0.0" -v --baseUrl="http://danbarber.localhost:1313/"
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
{{ define "main" }}
|
{{ define "main" }}
|
||||||
<section class="posts">
|
<section class="blog-posts">
|
||||||
{{ range .Paginator.Pages }}
|
{{ range .Pages }}
|
||||||
<article class="post">
|
<article class="post">
|
||||||
<header>
|
<header>
|
||||||
<h3 class="post__title"><a href="{{.Permalink}}">{{.Title}}</a></h3>
|
<h3 class="post__title"><a href="{{.Permalink}}">{{.Title}}</a></h3>
|
||||||
@ -18,16 +18,4 @@
|
|||||||
</article>
|
</article>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="posts__pagination">
|
|
||||||
<div class="container posts__pagination-container">
|
|
||||||
{{ if .Paginator.HasNext }}
|
|
||||||
<a class="posts__next-link" href="{{.Paginator.Next.URL}}">← Older</a>
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
{{ if .Paginator.HasPrev }}
|
|
||||||
<a class="posts__prev-link" href="{{.Paginator.Prev.URL}}">Newer →</a>
|
|
||||||
{{ end }}
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|||||||
@ -314,13 +314,7 @@ a {
|
|||||||
color: #1863a1;
|
color: #1863a1;
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
a:hover, a:focus {
|
a:hover, a:focus {
|
||||||
color: #1f7ecd;
|
|
||||||
text-decoration: underline; }
|
text-decoration: underline; }
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
a {
|
|
||||||
color: #53a3e5; }
|
|
||||||
a:hover, a:focus {
|
|
||||||
color: #80bbec; } }
|
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
padding-left: 2rem;
|
padding-left: 2rem;
|
||||||
@ -345,17 +339,12 @@ h1 {
|
|||||||
font-size: 2rem; }
|
font-size: 2rem; }
|
||||||
|
|
||||||
html {
|
html {
|
||||||
background-color: #fff;
|
|
||||||
color: #333;
|
color: #333;
|
||||||
font-family: "Mercury SSm A", "Mercury SSm B", serif;
|
font-family: "Mercury SSm A", "Mercury SSm B", serif;
|
||||||
font-size: calc(0.85vmin + 13px);
|
font-size: calc(0.85vmin + 13px);
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
line-height: 1.4; }
|
line-height: 1.4; }
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
html {
|
|
||||||
background-color: #282828;
|
|
||||||
color: #ddd; } }
|
|
||||||
|
|
||||||
pre {
|
pre {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
@ -372,25 +361,6 @@ pre {
|
|||||||
.site-header {
|
.site-header {
|
||||||
padding: 0 6.5%;
|
padding: 0 6.5%;
|
||||||
border-bottom: 1px dashed #333; }
|
border-bottom: 1px dashed #333; }
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
.site-header {
|
|
||||||
border-bottom: 1px dashed #ddd; } }
|
|
||||||
|
|
||||||
.posts__pagination {
|
|
||||||
padding: 1em 6.5%; }
|
|
||||||
|
|
||||||
.posts__pagination-container {
|
|
||||||
display: flex; }
|
|
||||||
|
|
||||||
.posts__next-link,
|
|
||||||
.posts__prev-link {
|
|
||||||
flex-grow: 1; }
|
|
||||||
|
|
||||||
.posts__next-link {
|
|
||||||
text-align: left; }
|
|
||||||
|
|
||||||
.posts__prev-link {
|
|
||||||
text-align: right; }
|
|
||||||
|
|
||||||
.post {
|
.post {
|
||||||
border-bottom: 1px dashed #ccc;
|
border-bottom: 1px dashed #ccc;
|
||||||
@ -401,9 +371,6 @@ pre {
|
|||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
max-width: 40rem; }
|
max-width: 40rem; }
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
.post {
|
|
||||||
border-bottom: 1px dashed #666; } }
|
|
||||||
|
|
||||||
.post__title {
|
.post__title {
|
||||||
margin-bottom: 0.25em; }
|
margin-bottom: 0.25em; }
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user