dan/windycoys
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add donate shortcode to banner

Browse Source
This commit is contained in:
Dan Head
2019-10-04 22:08:32 +01:00
parent 8144c99ceb
commit 590340e4da
2 changed files with 49 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
css/social.css
View File

@@ -1,9 +1,18 @@
.social {
text-align: right;
display: flex;
justify-content: flex-end;
align-items: center;
}
.social__item {
margin-left: var(--space-xs);
}
.social__link {
display: inline-block;
display: block;
background-color: transparent;
border: 0;
padding: 0;
transition: filter var(--transition-fs) ease-out,
transform var(--transition-fs) ease-out;
transform-origin: center bottom;
@@ -14,3 +23,17 @@
filter: saturate(1.5) contrast(1.5);
transform: scale(1.1);
}
/* Donate button */
.social__item input[type="image"] {
transition: filter var(--transition-fs) ease-out,
transform var(--transition-fs) ease-out;
transform-origin: center bottom;
}
.social__item input[type="image"]:focus,
.social__item input[type="image"]:hover {
filter: saturate(1.5) contrast(1.5);
transform: scale(1.1);
}

39
theme/partials/banner.php
View File

@@ -1,17 +1,26 @@
<div class="social">
<a class="social__link" href="https://www.facebook.com/WindyCOYS/" aria-label="WindyCOYS on Facebook">
<svg class="icon icon--facebook" aria-hidden="true">
<use xlink:href="#icon-facebook"></use>
</svg>
</a>
<a class="social__link" href="https://twitter.com/windycoys/" aria-label="WindyCOYS on Twitter">
<svg class="icon icon--twitter" aria-hidden="true">
<use xlink:href="#icon-twitter"></use>
</svg>
</a>
<a class="social__link" href="/feed" aria-label="WindyCOYS RSS Feed">
<svg class="icon icon--rss" aria-hidden="true">
<use xlink:href="#icon-rss"></use>
</svg>
</a>
<div class="social__item">
<a class="social__link" href="https://www.facebook.com/WindyCOYS/" aria-label="WindyCOYS on Facebook">
<svg class="icon icon--facebook" aria-hidden="true">
<use xlink:href="#icon-facebook"></use>
</svg>
</a>
</div>
<div class="social__item">
<a class="social__link" href="https://twitter.com/windycoys/" aria-label="WindyCOYS on Twitter">
<svg class="icon icon--twitter" aria-hidden="true">
<use xlink:href="#icon-twitter"></use>
</svg>
</a>
</div>
<div class="social__item">
<a class="social__link" href="/feed" aria-label="WindyCOYS RSS Feed">
<svg class="icon icon--rss" aria-hidden="true">
<use xlink:href="#icon-rss"></use>
</svg>
</a>
</div>
<div class="social__item">
<?php echo do_shortcode('[paypal-donation]'); ?>
</div>
</div>