no special underline effect for navbar logo link

lektura
max.mehl 2017-08-16 17:31:02 +02:00
parent 7dddb3c402
commit 0363367785
3 changed files with 5 additions and 5 deletions

View File

@ -10,7 +10,7 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </button>
{{ with .Site.Params.navigation.brand }} {{ with .Site.Params.navigation.brand }}
<a class="page-scroll" href="#page-top"> <a class="page-scroll hiddenlink" href="#page-top">
<div class="logo"> <div class="logo">
<img src="/img/logo.svg" alt="Logo of the campaign" /> <img src="/img/logo.svg" alt="Logo of the campaign" />
<span class="logo-blue">Public Money</span> <span class="logo-blue">Public Money</span>

View File

@ -10,7 +10,7 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </button>
{{ with .Site.Params.navigation.brand }} {{ with .Site.Params.navigation.brand }}
<a class="page-scroll" href="#page-top"> <a class="page-scroll hiddenlink" href="#page-top">
<div class="logo"> <div class="logo">
<img src="/img/logo.svg" alt="Logo of the campaign" /> <img src="/img/logo.svg" alt="Logo of the campaign" />
<span class="logo-blue">Public Money</span> <span class="logo-blue">Public Money</span>

View File

@ -108,7 +108,7 @@ table.signatures th, table.signatures td {
} }
/* SPECIAL LINK UNDERLINE EFFECT */ /* SPECIAL LINK UNDERLINE EFFECT */
a:not(.btn) { a:not(.btn):not(.hiddenlink) {
box-shadow: 0 0 1px transparent; box-shadow: 0 0 1px transparent;
display: inline-block; display: inline-block;
overflow: hidden; overflow: hidden;
@ -116,7 +116,7 @@ a:not(.btn) {
transform: perspective(1px) translateZ(0px); transform: perspective(1px) translateZ(0px);
vertical-align: middle; vertical-align: middle;
} }
a:not(.btn)::before { a:not(.btn):not(.hiddenlink)::before {
background: #006d9e none repeat scroll 0 0; background: #006d9e none repeat scroll 0 0;
bottom: 0; bottom: 0;
content: ""; content: "";
@ -129,7 +129,7 @@ a:not(.btn)::before {
transition-timing-function: ease-out; transition-timing-function: ease-out;
z-index: -1; z-index: -1;
} }
a:not(.btn):hover::before, a:not(.btn):focus::before, a:not(.btn):active::before { a:not(.btn):not(.hiddenlink):hover::before, a:not(.btn):not(.hiddenlink):focus::before, a:not(.btn):not(.hiddenlink):active::before {
left: 0; left: 0;
right: 0; right: 0;
} }