Commit a0261e48 authored by Kaushal Modi's avatar Kaushal Modi

Improve CSS for date-stamp + syndication icon

parent 99218d7c
......@@ -15,8 +15,10 @@
<!-- To complete the h-entry meta-data as per https://indiewebify.me/validate-h-entry/ -->
<a class="u-url hide" href="{{ .Permalink }}"></a>
{{ partial "date-maybe.html" . }}
{{ partial "syndication.html" . }}
<div class="date-syndication">
{{ partial "date-maybe.html" . }}
{{ partial "syndication.html" . }}
</div>
{{ if not .Params.notoc }}
{{ with .TableOfContents }}
......
......@@ -357,14 +357,6 @@ tbody tr:nth-child(odd) th {
margin-top: 0;
}
/* Meta data line below post title */
.post-date {
display: block;
margin-top: -.5rem;
margin-bottom: 1rem;
color: #545454;
}
/* Related posts */
.related {
padding-top: 2rem;
......@@ -672,14 +664,6 @@ a.sidebar-nav-item:focus {
margin-top: 0;
}
/* Meta data line below post title */
.post-date {
display: block;
margin-top: -.5rem;
margin-bottom: 1rem;
color: #545454;
}
/* Related posts */
.related {
padding-top: 2rem;
......@@ -1703,11 +1687,35 @@ p.powered-by {
margin-top: -0.5em;
margin-bottom: 0.3em;
}
/* Center align and adjust margins for date stamps below blog post titles */
.container>.post>.post-date {
text-align: center;
/* Date stamp + Syndication below post titles */
.date-syndication {
/* Center align */
display: flex;
justify-content: center;
/* https://css-tricks.com/almanac/properties/a/align-items/ */
align-items: baseline;
/* Adjust margins for date stamps below blog post titles */
margin-top: -0.3em;
margin-bottom: 1em;
}
.date-syndication {
/* Center align */
display: flex;
justify-content: center;
/* https://css-tricks.com/almanac/properties/a/align-items/ */
align-items: baseline;
}
/* Add right padding to the published date stamp to give some space between the
date and the syndication links. */
.dt-published {
padding-right: 0.5em;
}
/* Twitter Syndication */
.u-syndication.twitter:hover {
color: #00aced;
}
/* * Code Blocks: pre,.. */
......@@ -2225,19 +2233,6 @@ footer {
display: none;
}
/* Inline the published date tag so that the following syndication links if any
show to the right of the date. Add right padding to give some space between the
date and the syndication links. */
.dt-published {
display: inline;
padding-right: 0.5em;
}
/* Twitter Syndication */
.u-syndication.twitter:hover {
color: #00aced;
}
/* Like and Retweet icons */
.like .icon {
color: red;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment