add redbubble style and svg
parent
b01f209660
commit
a40a9846c2
|
@ -174,6 +174,19 @@ button:hover,
|
|||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Redbubble */
|
||||
.button.button-redbubble {
|
||||
color: #e41321;
|
||||
border-style: solid;
|
||||
border-color: #e41321;
|
||||
border-width: 2px;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.button.button-redbubble:hover,
|
||||
.button.button-redbubble:focus {
|
||||
filter: brightness(90%);
|
||||
}
|
||||
|
||||
/* Facebook */
|
||||
.button.button-faceb {
|
||||
color: #ffffff;
|
||||
|
|
|
@ -0,0 +1,3 @@
|
|||
<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#e41321" d="m27.621 27.225h-5.3279a0.53462 0.53462 0 0 1-0.53331-0.53592v-13.372c0-0.29541 0.2392-0.53462 0.53331-0.53462h4.9397c3.707 0 4.4848 2.1829 4.4848 4.0129 0 1.0588-0.28103 1.8993-0.83918 2.5162 1.3594 0.56076 2.0914 1.8248 2.0914 3.6534 0 2.6679-1.9999 4.2599-5.3488 4.2599m-7.7356 0h-11.066a0.53331 0.53331 0 0 1-0.532-0.53592v-13.372c0-0.29541 0.2379-0.53462 0.532-0.53462h5.1697c3.2286 0 5.1553 1.7385 5.1553 4.6508 0 1.9372-0.97381 3.4587-2.5437 4.0769l3.6822 4.8246a0.53592 0.53592 0 0 1-0.39868 0.88885m0.019607-27.188c-11.037 0-19.986 8.9486-19.986 19.986 0 11.04 8.9486 19.989 19.987 19.989s19.986-8.9486 19.986-19.987-8.946-19.986-19.985-19.986"></path>
|
||||
</svg>
|
After Width: | Height: | Size: 756 B |
|
@ -245,6 +245,11 @@
|
|||
<img class="icon" src="images/icons/etsy.svg" alt="Etsy Logo">Etsy</a>
|
||||
<br>
|
||||
|
||||
<!-- Redbubble -->
|
||||
<a class="button button-redbubble" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/redbubble.svg" alt="Redbubble Logo">Redbubble</a>
|
||||
<br>
|
||||
|
||||
<!-- Tumblr -->
|
||||
<a class="button button-tumb" href="#" target="_blank" rel="noopener">
|
||||
<img class="icon" src="images/icons/tumblr.svg" alt="Tumblr Logo">Tumblr</a>
|
||||
|
|
Loading…
Reference in New Issue