blog/assets/sass/_partial/_post/_footer.scss
2022-03-11 10:32:10 +05:30

74 lines
No EOL
1.2 KiB
SCSS

// ==============================
// Post footer
// ==============================
.post-footer {
margin-top: $post-footer-margin-top;
border-top: $post-footer-border-top;
font-family: $global-serif-font-family;
.post-tags {
padding: $post-tags-padding;
a {
margin-right: 5px;
color: $theme-color;
word-break: break-all;
&::before {
content: '#';
}
}
}
.post-nav {
margin: 1em 0;
@include clearfix;
.prev,
.next {
font-weight: 600;
font-size: $post-nav-font-size;
font-family: $global-serif-font-family;
transition-property: transform;
transition-timing-function: ease-out;
transition-duration: 0.3s;
}
.prev {
float: left;
&:hover {
color: $theme-color;
transform: translateX(-4px);
}
}
.next {
float: right;
&:hover {
color: $theme-color;
transform: translateX(4px);
}
}
.nav-mobile {
display: none;
}
}
}
@include max-screen() {
.post-footer {
.post-nav {
.nav-default {
display: none;
}
.nav-mobile {
display: inline;
}
}
}
}