fix(typography): font size of superscript number in categories and ta…

…gs page
Pelican-Elegant · Feb 1, 2020 · d0a7162 · d0a7162
1 parent 6cc11b8
commit d0a7162
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 11 deletions.
diff --git a/static/css/elegant.css b/static/css/elegant.css
@@ -138,10 +138,6 @@ table.highlighttable tbody > tr:nth-child(odd) > td {
   padding: 3px 6px;
   text-decoration: none;
 }
-.list-of-tags a span {
-  font-size: 0.8em;
-  vertical-align: super;
-}
 .tags-in-article li {
   float: none;
   line-height: 28px;
@@ -244,10 +240,6 @@ p#post-share-links {
   text-align: right;
 }
 /* Categories */
-.category-title-inside-accordion span {
-  font-size: 0.7em;
-  vertical-align: super;
-}
 a.category-title-inside-accordion {
   text-decoration: none;
 }

diff --git a/static/css/typography.css b/static/css/typography.css
@@ -175,3 +175,7 @@ div.recent-posts-posted {
   font-family: var(--sansFontFamily);
   font-size: 0.8rem;
 }
+span.superscript {
+  font-size: 0.67rem;
+  vertical-align: super;
+}
diff --git a/templates/article.html b/templates/article.html
@@ -131,7 +131,7 @@ <h4>Tags</h4>
                 {% for tag in article.tags|sort %}
                 <li><a href="{{ SITEURL }}/{{ TAGS_URL }}#{{ tag.slug }}-ref">{{ tag }}
                     {% for aTag, tagged_articles in tags if aTag == tag %}
-                    <span>{{ tagged_articles|count }}</span>
+                    <span class="superscript">{{ tagged_articles|count }}</span>
                     {% endfor %}</a></li>
                 {% endfor %}
             </ul>

diff --git a/templates/categories.html b/templates/categories.html
@@ -46,7 +46,7 @@ <h1><a href="{{ SITEURL }}/{{ CATEGORIES_URL }}">All Categories</a></h1>
                 <div class="accordion-heading">
                     <a class="accordion-toggle category-title-inside-accordion collapsed" data-toggle="collapse" data-parent="#accordion2" href="#{{ category.slug }}-ref">
                         {% set num = articles|count %}
-                        {{ category }}<span>{{ num }}</span>
+                        {{ category }}<span class="superscript">{{ num }}</span>
                     </a>
                 </div>
                 <div id="{{ category.slug }}-ref" class="accordion-body collapse">

diff --git a/templates/tags.html b/templates/tags.html
@@ -45,7 +45,7 @@ <h1><a href="{{ SITEURL }}/{{ TAGS_URL }}">All Tags</a></h1>
             {% for tag, articles in tags|sort %}
             <li>
             {% set num = articles|count %}
-            <a href="#{{ tag.slug }}-ref">{{ tag }}<span>{{ num }}</span></a>
+            <a href="#{{ tag.slug }}-ref">{{ tag }}<span class="superscript">{{ num }}</span></a>
             </li>
             {% endfor %}
         </ul>