Move list styles to main.css

This commit is contained in:
Eryn Wells 2021-12-27 10:24:51 -07:00
parent c4ef9dead1
commit ab7c6df152
4 changed files with 33 additions and 40 deletions

View file

@ -1,33 +0,0 @@
/* posts/style.css
* Eryn Wells <eryn@erynwells.me>
*/
.post-list h1,
.post-list h2,
.post-list h3,
.post-list h4,
.post-list h5,
.post-list h6 {
display: inline-block;
margin: 0;
}
.post-list h2 {
font-size: 2.5rem;
}
.post-list li + li {
margin-top: 2rem;
}
.post-list time {
display: inline-block;
margin-left: 1rem;
}
.post-list article {
color: gray;
font-style: oblique;
font-size: 1.8rem;
margin-top: 0.5rem;
}

View file

@ -1,8 +1,7 @@
{{ define "main" }}
<!-- Main Title --> {{ define "main" }}
{{ if .Title }} {{ if .Title }}
<h1 class="main-title">{{ .Title }}</h1> <h2 class="main-title">{{ .Title }}</h2>
{{ end }} {{ end }}
{{ $pages := union .RegularPages .Sections }} {{ $pages := union .RegularPages .Sections }}
@ -41,6 +40,5 @@
<a class="next" href="{{ $paginator.Next.URL }}">{{ i18n "next_page" }} →</a> <a class="next" href="{{ $paginator.Next.URL }}">{{ i18n "next_page" }} →</a>
{{ end }} {{ end }}
</nav> </nav>
{{ end }}<!----> {{ end }}
{{ end }} {{ end }}

View file

@ -40,10 +40,8 @@
<link rel="icon" href="{{ `favicon.ico` | absURL }}"> <link rel="icon" href="{{ `favicon.ico` | absURL }}">
<link rel="apple-touch-icon" href="{{ `apple-touch-icon.png` | absURL }}"> <link rel="apple-touch-icon" href="{{ `apple-touch-icon.png` | absURL }}">
<!-- Generator -->
{{ hugo.Generator }} {{ hugo.Generator }}
<!-- RSS -->
{{ range .AlternativeOutputFormats }} {{ range .AlternativeOutputFormats }}
<link rel="{{ .Rel }}" type="{{ .MediaType.Type }}" href="{{ .Permalink }}" title="{{ site.Title }}"> <link rel="{{ .Rel }}" type="{{ .MediaType.Type }}" href="{{ .Permalink }}" title="{{ site.Title }}">
{{ end }} {{ end }}

View file

@ -240,6 +240,36 @@ p {
margin-bottom: 0; margin-bottom: 0;
} }
.post-list h1,
.post-list h2,
.post-list h3,
.post-list h4,
.post-list h5,
.post-list h6 {
display: inline-block;
margin: 0;
}
.post-list h2 {
font-size: 2.5rem;
}
.post-list li + li {
margin-top: 2rem;
}
.post-list time {
display: inline-block;
margin-left: 1rem;
}
.post-list article {
color: gray;
font-style: oblique;
font-size: 1.8rem;
margin-top: 0.5rem;
}
.post-nav { .post-nav {
align-items: baseline; align-items: baseline;
display: flex; display: flex;