box shadow and gcal

This commit is contained in:
Markus Dieckmann 2018-07-05 10:59:10 +02:00
parent babf0afbc7
commit e79925dc32

View File

@ -98,6 +98,10 @@
font-size: 1.35rem; font-size: 1.35rem;
height: auto; height: auto;
margin: 0em .5em; margin: 0em .5em;
transition:box-shadow 100ms ease-in-out;
}
.bookmark-set:hover {
box-shadow: 0 0 8px rgba(255,255,255,0.9)
} }
.bookmark-inner-container { .bookmark-inner-container {
overflow-y: visible; overflow-y: visible;
@ -147,6 +151,7 @@
<a class="bookmark" href="https://mail.google.com/" ><p class="box">gMail</p></a> <a class="bookmark" href="https://mail.google.com/" ><p class="box">gMail</p></a>
<a class="bookmark" href="https://drive.google.com/" ><p class="box">gDrive</p></a> <a class="bookmark" href="https://drive.google.com/" ><p class="box">gDrive</p></a>
<a class="bookmark" href="https://keep.google.com/" ><p class="box">gKeep</p></a> <a class="bookmark" href="https://keep.google.com/" ><p class="box">gKeep</p></a>
<a class="bookmark" href="https://calendar.google.com/" ><p class="box">gCal</p></a>
<a class="bookmark" href="https://getpocket.com/a/queue/list/" ><p class="box">Pocket</p></a> <a class="bookmark" href="https://getpocket.com/a/queue/list/" ><p class="box">Pocket</p></a>
</div> </div>
</div> </div>