mirror of
https://github.com/Noettore/cocoa-eh-hugo-theme.git
synced 2025-10-15 11:46:41 +02:00
Add a navigation a the bottom of posts
This commit is contained in:
@@ -774,3 +774,56 @@ section.main .content .markdown .footnotes li {
|
||||
section.main .content .markdown .footnote-ref {
|
||||
font-size: 0.7em;
|
||||
}
|
||||
section.main .content .navigation {
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
display: -ms-flexbox;
|
||||
display: -ms-flex;
|
||||
display: flex;
|
||||
-webkit-flex-direction: column;
|
||||
-moz-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-align-items: center;
|
||||
-moz-align-items: center;
|
||||
-ms-align-items: center;
|
||||
align-items: center;
|
||||
}
|
||||
section.main .content .navigation div {
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
display: -ms-flexbox;
|
||||
display: -ms-flex;
|
||||
display: flex;
|
||||
-webkit-flex-direction: row;
|
||||
-moz-flex-direction: row;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-webkit-align-items: center;
|
||||
-moz-align-items: center;
|
||||
-ms-align-items: center;
|
||||
align-items: center;
|
||||
margin-top: 1em;
|
||||
}
|
||||
section.main .content .navigation .icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
section.main .content .navigation a {
|
||||
width: 250px;
|
||||
margin-left: 1em;
|
||||
text-align: center;
|
||||
font-style: italic;
|
||||
color: #313537;
|
||||
}
|
||||
@media (min-width: 570px) {
|
||||
section.main .content .navigation {
|
||||
-webkit-flex-direction: row;
|
||||
-moz-flex-direction: row;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
}
|
||||
section.main .content .navigation div {
|
||||
margin-top: 0em;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user