yevi.org/Ghost_Ruby_Theme
1
0
Fork 1
mirror of https://github.com/TryGhost/Ruby.git synced 2024-10-29 20:38:33 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add empty navigation style

Browse Source
This commit is contained in:
Sodbileg Gansukh 2019-05-04 13:11:55 +08:00
parent bd4a7c3c30
commit 594d3968f1
2 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
assets/less/blog/navigation.less
View File

@ -39,6 +39,11 @@
text-align: right;
}
.navigation-empty:before,
.navigation-empty:hover:before {
opacity: 0;
}
.navigation-label {
color: @white-color;
font-size: 11px;

6
partials/post-navigation.hbs
View File

@ -1,6 +1,6 @@
<div class="navigation">
<div class="navigation-item navigation-previous{{^prev_post}} navigation-empty{{/prev_post}}">
{{#prev_post}}
<div class="navigation-item navigation-previous">
<img class="navigation-image lazyload u-object-fit"
data-srcset="{{img_url feature_image size="s"}} 400w, {{img_url feature_image size="m"}} 750w, {{img_url feature_image size="l"}} 960w"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
@ -10,11 +10,11 @@
<span class="navigation-label">{{t 'Previous Post'}}</span>
<h4 class="navigation-title">{{title}}</h4>
<a class="u-permalink" href={{url}}></a>
</div>
{{/prev_post}}
</div>
{{#next_post}}
<div class="navigation-item navigation-next">
<div class="navigation-item navigation-next{{^next_post}} navigation-empty{{/next_post}}">
<img class="navigation-image lazyload u-object-fit"
data-srcset="{{img_url feature_image size="s"}} 400w, {{img_url feature_image size="m"}} 750w, {{img_url feature_image size="l"}} 960w"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="