CSS: switch from class to id

These elements are unique on each page.

2 files changed, 14 insertions, 14 deletions

diff --git a/users/fcuny/blog/layouts/_default/single.html b/users/fcuny/blog/layouts/_default/single.html
index fe2477e..7a85a05 100644
--- a/users/fcuny/blog/layouts/_default/single.html
+++ b/users/fcuny/blog/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/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index 80b07a0..3f4a142 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/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;