maggicl/theshell.ch
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

css-team:correct arrows

Browse source 
git-svn-id: svn+ssh://atelier.inf.usi.ch/home/bevilj/group-1@54 a672b425-5310-4d7a-af5c-997e18724b81
This commit is contained in:
britea 2018-11-08 08:07:13 +00:00
parent 2e990058ac
commit a329373aa3
2 changed files with 21 additions and 28 deletions
site
_layouts
page.html
_sass
_global.scss

9
site/_layouts/page.html
View file

@ -13,6 +13,11 @@ layout: main
</article>
<div class="box-arrows">
<a id="back" href="{{ site.baseurl }}/{{ page.previous-page }}" style="position:fixed;left:3em;"><i class="fas fa-angle-left"></i><span>Back</span></a>
<a id="next" href="{{ site.baseurl }}/{{ page.next-page }}" style="position:fixed;right:3em;"><span>Next</span><i class="fas fa-angle-right"></i></a>
{% if page.previous-page %}
<a id="back" href="{{ site.baseurl }}/{{ page.previous-page }}" style="position:fixed;left:3em;"><i class="fas fa-angle-left"></i><span>Back</span></a>
{% endif%}
{% if page.next-page %}
<a id="next" href="{{ site.baseurl }}/{{ page.next-page }}" style="position:fixed;right:3em;"><span>Next</span><i class="fas fa-angle-right"></i></a>
{% endif%}
</div>

40
site/_sass/_global.scss
View file

@ -103,40 +103,28 @@ video{
bottom: 275px;
a{
position:fixed;
transition:300ms;
text-decoration:none;
cursor:pointer;
color:#fff;
}
span{
height: 50px;
text-align: center;
display: inline-block;
vertical-align: middle;
}
i{
font-size: 6vh;
}
#back img{
content:url("assets/style/l-arrow-black.png");
}
#next img{
content:url("assets/style/r-arrow-black.png");
}
#back:hover{
color:#6a6;
}
#next:hover{
color:#6a6;
}
img{
vertical-align:middle;
}
#back {
left:3em;
}
#next {
right:3em;
}
a:hover{
color:#6a6;
}
}