1
0
Fork 0

Un-nest description elements, improve styling

This commit is contained in:
Alex Palaistras 2023-06-29 23:06:22 +01:00
parent 17b2602dcc
commit aa0e8d7b2e
3 changed files with 23 additions and 4 deletions

View File

@ -1,7 +1,8 @@
{{partial "header.html" .}}
<main>
<h1>{{.Title}} <aside>{{.Description}}</aside></h1>
<h1>{{.Title}}</h1>
<aside>{{.Description}}</aside>
<dl>
<dt>Install</dt>
<dd><pre>go install {{.Params.module.root_path}}{{.Params.module.sub_path}}@latest</pre></dd>

View File

@ -1,3 +1,4 @@
<section>
<h2><a href="{{.Permalink}}">{{.Title}}</a> <aside>{{.Description}}</aside></h2>
<h2><a href="{{.Permalink}}">{{.Title}}</a></h2>
<aside>{{.Description}}</aside>
</section>

View File

@ -16,16 +16,22 @@ main {
}
h1 {
display: inline-block;
font-size: 2rem;
margin: 0 0 1rem 0;
}
h1 aside,
h2 aside {
h2 {
display: inline-block;
}
h1 + aside,
h2 + aside {
color: #999;
display: inline;
font-size: 1.2rem;
font-weight: normal;
margin-left: 0.5rem;
}
p {
@ -54,3 +60,14 @@ dl dd a {
display: inline-block;
margin: 0.5rem 0;
}
pre {
background: #d6d6d6;
color: #333;
font-size: 0.85rem;
padding: 0.4rem 0.5rem;
overflow: auto;
margin-bottom: 1rem;
white-space: nowrap;
}