entrouvert
/
publik-base-theme
15
1
Fork 1
Code Issues Pull Requests 10 Releases Wiki Activity

pre-saint-gervais: update hover effect for top nav links

This commit is contained in:
Frédéric Péters 2022-04-26 20:07:08 +02:00
parent bc6fbdb90f
commit c680e44613
2 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
static/pre-saint-gervais/_custom.scss
View File

@ -289,9 +289,16 @@ div#page div#main-content-wrapper {
position: relative;
top: 2px;
}
&:hover {
text-decoration: none;
}
&#around, &#agenda, &#contact {
border-left: 1px solid #202020;
margin-left: 12px;
margin-left: 0;
padding-right: 12px;
&:hover {
background: #1a1a1a;
}
}
&#around::before { content: "\e93e"; }
&#agenda::before { content: "\e901"; }
@ -316,7 +323,11 @@ div#page div#main-content-wrapper {
&.login,
&.back-to-home {
margin-right: 0;
margin-left: 14px;
margin-left: 0;
padding-left: 0px;
&:hover {
background: #2ec1ae;
}
}
&.logout {
background: $pink;
@ -341,6 +352,7 @@ div#page div#main-content-wrapper {
padding: 0 8px;
}
&:hover {
text-decoration: none;
color: $turquoise;
}
}

2
templates/variants/pre-saint-gervais/theme.html
View File

@ -3,6 +3,7 @@
{% block header-top %}
<div id="header-nav">
{% spaceless %}
<a href="{{facebook_url}}" class="social" id="facebook"></a>
<a href="{{twitter_url}}" class="social" id="twitter"></a>
<a href="{{instagram_url}}" class="social" id="instagram"></a>
@ -10,6 +11,7 @@
<a href="{{autour_de_moi_url}}" id="around">Autour de moi</a>
<a href="{{agenda_url}}" id="agenda">Agenda</a>
<a href="{{contact_url}}" id="contact">Contact</a>
{% endspaceless %}
{% block psg-mon-espace %}
{% endblock %}
</div>