vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-09-05 20:49:06 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Remove hover effect

Browse source
This commit is contained in:
Luke 2020-05-20 10:15:02 +02:00
parent 7b80493d42
commit 89de906b01
2 changed files with 3 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
_sass/_global.scss
View file

@ -172,14 +172,3 @@ footer {
transition-duration: 150ms; transition-duration: 150ms;
transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: cubic-bezier(.4, 0, .2, 1);
} }
.grayscale {
filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
filter: gray; /* IE5+ */
-webkit-filter: grayscale(0); /* Webkit Nightlies & Chrome Canary */
}
.grayscale:hover {
filter: none;
-webkit-filter: grayscale(1);
}

6
index.html
View file

@ -143,7 +143,7 @@ title: Safing
<li class="mt-10 md:mt-0"> <li class="mt-10 md:mt-0">
<div class="block transform hover:scale-95 duration-150 ease-in-out"> <div class="block transform hover:scale-95 duration-150 ease-in-out">
<a href="/podcast/2020/05/11/the-risks-of-paying-with-cash/"> <a href="/podcast/2020/05/11/the-risks-of-paying-with-cash/">
<img class="grayscale" src="/assets/img/blog/pod-21.png" alt=""> <img src="/assets/img/blog/pod-21.png" alt="">
<span style="font-size: 12rem; font-weight: 800; margin-top: -13.8rem; margin-left: -0.8rem;" class=" z-0 absolute bg-top"> <span style="font-size: 12rem; font-weight: 800; margin-top: -13.8rem; margin-left: -0.8rem;" class=" z-0 absolute bg-top">
<button type="button" style="background-color: #6188ff;" class="inline-flex items-center px-3 py-3 rounded-md border border-transparent text-xs leading-5 font-extrabold text-white"> <button type="button" style="background-color: #6188ff;" class="inline-flex items-center px-3 py-3 rounded-md border border-transparent text-xs leading-5 font-extrabold text-white">
<!-- <svg class="h-8 w-auto lg:h-5 fill-current text-white" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.41 11"> <!-- <svg class="h-8 w-auto lg:h-5 fill-current text-white" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.41 11">
@ -179,7 +179,7 @@ title: Safing
<li class="mt-10 md:mt-0"> <li class="mt-10 md:mt-0">
<div class="block transform hover:scale-95 duration-150 ease-in-out"> <div class="block transform hover:scale-95 duration-150 ease-in-out">
<a href="/podcast/2020/05/11/the-risks-of-paying-with-cash/"> <a href="/podcast/2020/05/11/the-risks-of-paying-with-cash/">
<img class="grayscale" src="/assets/img/blog/4.png" alt=""> <img src="/assets/img/blog/4.png" alt="">
<span style="font-size: 12rem; font-weight: 800; margin-top: -13.8rem; margin-left: -0.8rem;" class=" z-0 absolute bg-top"> <span style="font-size: 12rem; font-weight: 800; margin-top: -13.8rem; margin-left: -0.8rem;" class=" z-0 absolute bg-top">
<button type="button" style="background-color: #6188ff;" class="inline-flex items-center px-4 py-4 rounded-md border border-transparent text-xs leading-5 font-extrabold text-white"> <button type="button" style="background-color: #6188ff;" class="inline-flex items-center px-4 py-4 rounded-md border border-transparent text-xs leading-5 font-extrabold text-white">
<svg class="h-8 w-auto lg:h-5 fill-current text-white" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.41 11"> <svg class="h-8 w-auto lg:h-5 fill-current text-white" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.41 11">
@ -199,7 +199,7 @@ title: Safing
<li> <li>
<a href="/blog/2020/01/22/how-the-spn-compares-to-tor/"> <a href="/blog/2020/01/22/how-the-spn-compares-to-tor/">
<div class="block transform hover:scale-95 duration-150 ease-in-out"> <div class="block transform hover:scale-95 duration-150 ease-in-out">
<img class="grayscale" src="/assets/img/blog/spn-tor2.png" alt=""> <img src="/assets/img/blog/spn-tor2.png" alt="">
<div class="pt-6"> <div class="pt-6">
<span class="opacity-25">BLOG - 22. Jan 2020</span> <span class="opacity-25">BLOG - 22. Jan 2020</span>
<p>How the SPN compares to Tor</p> <p>How the SPN compares to Tor</p>