Add hover to links & button

This commit is contained in:
Maria Rushkova 2021-08-04 12:58:27 +02:00
parent d5ba3b108a
commit 0dc74fb867
1 changed files with 92 additions and 10 deletions

View File

@ -39,16 +39,52 @@
<div class="flex flex-col mr-5 sl:mr-14"> <div class="flex flex-col mr-5 sl:mr-14">
<p class="text-base text-white mb-5 lg:mb-4">Research</p> <p class="text-base text-white mb-5 lg:mb-4">Research</p>
<ul class=""> <ul class="">
<li class="text-xxs lg:text-base text-white opacity-75 mb-5"> <li
class="
text-xxs
lg:text-base
text-white
opacity-75
hover:opacity-50
mb-5
"
>
<a href="https://status.im/" target="_blank">Log</a> <a href="https://status.im/" target="_blank">Log</a>
</li> </li>
<li class="text-xxs lg:text-base text-white opacity-75 mb-5"> <li
class="
text-xxs
lg:text-base
text-white
opacity-75
hover:opacity-50
mb-5
"
>
<a href="https://forum.vac.dev/" target="_blank">Forum</a> <a href="https://forum.vac.dev/" target="_blank">Forum</a>
</li> </li>
<li class="text-xxs lg:text-base text-white opacity-75 mb-5"> <li
class="
text-xxs
lg:text-base
text-white
opacity-75
hover:opacity-50
mb-5
"
>
<a href="https://status.im/" target="_blank">Media</a> <a href="https://status.im/" target="_blank">Media</a>
</li> </li>
<li class="text-xxs lg:text-base text-white opacity-75 mb-5"> <li
class="
text-xxs
lg:text-base
text-white
opacity-75
hover:opacity-50
mb-5
"
>
<a href="https://status.im/our_team/jobs.html" target="_blank" <a href="https://status.im/our_team/jobs.html" target="_blank"
>Careers</a >Careers</a
> >
@ -58,13 +94,39 @@
<div class="flex flex-col sl:mr-14"> <div class="flex flex-col sl:mr-14">
<p class="text-base text-white mb-5 lg:mb-4 mr-5">Socials</p> <p class="text-base text-white mb-5 lg:mb-4 mr-5">Socials</p>
<ul class=""> <ul class="">
<li class="text-xxs lg:text-base text-white opacity-75 mb-5"> <li
class="
text-xxs
lg:text-base
text-white
opacity-75
hover:opacity-50
mb-5
"
>
<a href="https://twitter.com/vacp2p" target="_blank">Twitter</a> <a href="https://twitter.com/vacp2p" target="_blank">Twitter</a>
</li> </li>
<li class="text-xxs lg:text-base text-white opacity-75 mb-5"> <li
class="
text-xxs
lg:text-base
text-white
opacity-75
hover:opacity-50
mb-5
"
>
<a href="https://discord.com/" target="_blank">Discord</a> <a href="https://discord.com/" target="_blank">Discord</a>
</li> </li>
<li class="text-xxs lg:text-base text-white opacity-75"> <li
class="
text-xxs
lg:text-base
text-white
opacity-75
hover:opacity-50
"
>
<a href="https://t.me/vacp2p" target="_blank">Telegram</a> <a href="https://t.me/vacp2p" target="_blank">Telegram</a>
</li> </li>
</ul> </ul>
@ -74,10 +136,28 @@
<div class="flex flex-col sl:mr-5"> <div class="flex flex-col sl:mr-5">
<p class="text-base text-white mb-5 lg:mb-4">Projects</p> <p class="text-base text-white mb-5 lg:mb-4">Projects</p>
<ul class=""> <ul class="">
<li class="text-xxs lg:text-base text-white opacity-75 mb-5"> <li
class="
text-xxs
lg:text-base
text-white
opacity-75
hover:opacity-50
mb-5
"
>
<a href="https://status.im/" target="_blank">Waku</a> <a href="https://status.im/" target="_blank">Waku</a>
</li> </li>
<li class="text-xxs lg:text-base text-white opacity-75 mb-5"> <li
class="
text-xxs
lg:text-base
text-white
opacity-75
hover:opacity-50
mb-5
"
>
<a href="https://status.im/" target="_blank">DApp Connect</a> <a href="https://status.im/" target="_blank">DApp Connect</a>
</li> </li>
</ul> </ul>
@ -101,13 +181,15 @@
" "
type="email" type="email"
placeholder="your email" placeholder="your email"
required
/> />
<button <button
class=" class="
h-2 h-2
w-2 w-2
hover:w-2.5 hover:h-3.5
bg-arrowWhite bg-contain bg-no-repeat bg-arrowWhite bg-contain bg-no-repeat
focus:outline-none
hover:opacity-50
" "
type="submit" type="submit"
></button> ></button>