diff options
| author | Franck Cuny <franck@fcuny.net> | 2022-01-23 19:11:39 -0800 |
|---|---|---|
| committer | Franck Cuny <franck@fcuny.net> | 2022-01-23 19:11:39 -0800 |
| commit | 674920598656f1649919ba8f751d73f8676c06b1 (patch) | |
| tree | a8a3c7c0ae2f1b80a029248ebf55806648aecac5 | |
| parent | layout: no need for a class to element 'article' (diff) | |
| download | fcuny.net-674920598656f1649919ba8f751d73f8676c06b1.tar.gz | |
CSS: switch from class to id
These elements are unique on each page.
| -rw-r--r-- | layouts/_default/single.html | 10 | ||||
| -rw-r--r-- | static/css/custom.css | 18 |
2 files changed, 14 insertions, 14 deletions
diff --git a/layouts/_default/single.html b/layouts/_default/single.html index fe2477e..7a85a05 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -4,7 +4,7 @@ <h1>{{ .Title }}</h1> -<div class="meta"> +<div id="meta"> {{- $pub := .Date.Format "Jan 2, 2006" -}} {{- $mod := "" -}} {{- if (not .GitInfo) }} @@ -13,9 +13,9 @@ {{- $mod = .Page.GitInfo.CommitDate.Format "Jan 2, 2006" -}} {{ end -}} {{ if eq $pub $mod }} - <div class="meta_date">published {{ $pub }}</div> + <div id="meta_date">published {{ $pub }}</div> {{ else }} - <div class="meta_date">published {{ $pub }} - last modified {{ $mod }}</div> + <div id="meta_date">published {{ $pub }} - last modified {{ $mod }}</div> {{ end }} {{ if .Params.tags }} <div> @@ -25,7 +25,7 @@ tags: {{ end }} {{ range $idx, $tag := .Params.tags }} - <span class="meta_tags"><a href="/tags/{{ $tag | urlize }}/">{{ $tag }}</a></span> + <span id="meta_tags"><a href="/tags/{{ $tag | urlize }}/">{{ $tag }}</a></span> {{ end }} </div> {{ end }} @@ -45,7 +45,7 @@ </div> {{ if .Params.toc }} -<div class="toc"> +<div id="toc"> <strong>Table of contents</strong> {{ .TableOfContents }} </div> diff --git a/static/css/custom.css b/static/css/custom.css index 80b07a0..3f4a142 100644 --- a/static/css/custom.css +++ b/static/css/custom.css @@ -74,27 +74,27 @@ pre { background-color: #fafafa; } -.meta { +#meta { display: row; } -.meta_tags { +#meta_tags { border-radius: 8px; padding: 0 .5rem; - font-size: 80%; + font-size: 0.9rem; border: 2px solid #eee; background-color: #eee; } -.meta_tags a { +#meta_tags a { text-decoration: none; border-bottom: none; color: #005a9c; } -.meta_date { +#meta_date { font-style: italic; - font-size: 80%; + font-size: 0.9rem; } table { @@ -155,7 +155,7 @@ article { max-width: 45rem; } -.toc {display: none} +#toc {display: none} #toc_small { font-size: 0.9rem; @@ -180,10 +180,10 @@ summary { #TableOfContents li {margin-bottom: 1rem;} @media screen and (min-width:58rem) { - .toc { + #toc { padding-left: 1rem; padding-top: 4.5rem; - font-size: 0.8em; + font-size: 0.9rem; display:block; position:sticky; top:0; |