Slight button editions

This commit is contained in:
Guillermo 2025-01-28 12:28:35 +01:00
parent a2338615e6
commit 9f0498d116
2 changed files with 5 additions and 5 deletions

View file

@ -100,7 +100,7 @@
--scale-3:1.953rem; /* 31px */ --scale-3:1.953rem; /* 31px */
--scale-4:2.441rem; /* 39px */ --scale-4:2.441rem; /* 39px */
--scale-5:3.052rem; /* 49px */ --scale-5:3.052rem; /* 49px */
/* Spacing units */ /* Spacing units */
--spacing-xs:0.5rem; /* 8px */ --spacing-xs:0.5rem; /* 8px */
--spacing-s:1rem; /* 16px */ --spacing-s:1rem; /* 16px */
@ -237,7 +237,7 @@ a:hover {
.avatar--rounded { .avatar--rounded {
border-radius: 50%; border-radius: 50%;
} }
/* Modifier for slightly rounded corners */ /* Modifier for slightly rounded corners */
.avatar--soft { .avatar--soft {
border-radius: 0.5rem; /* 8px rounded corners */ border-radius: 0.5rem; /* 8px rounded corners */
@ -246,7 +246,7 @@ a:hover {
/* Theme System /* Theme System
*/ */
/* Light theme is default above */ /* Light theme is default above */
/* Dark theme */ /* Dark theme */
:root.theme-dark { :root.theme-dark {
color-scheme:dark; color-scheme:dark;

View file

@ -98,13 +98,13 @@
<a class="button button-yt" href="youtube.com/@wk_vylion" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/youtube.svg" alt="YouTube Logo">YouTube</a> <a class="button button-yt" href="youtube.com/@wk_vylion" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/youtube.svg" alt="YouTube Logo">YouTube</a>
<!-- Generic Email --> <!-- Generic Email -->
<a class="button button-default" href="mailto:wk@vylion.com" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-email.svg" alt="Email Icon">Email Us</a> <a class="button button-default" href="mailto:wk@vylion.com" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-email.svg" alt="Email Icon">Email me</a>
<!-- PayPal --> <!-- PayPal -->
<a class="button button-paypal" href="paypal.me/guillermoserrahima" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/paypal.svg" alt="PayPal Logo">PayPal</a> <a class="button button-paypal" href="paypal.me/guillermoserrahima" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/paypal.svg" alt="PayPal Logo">PayPal</a>
<!-- Ko-fi --> <!-- Ko-fi -->
<a class="button button-ko-fi" href="ko-fi.com/vylion" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/ko-fi.svg" alt="Ko-fi Logo">Support me on Ko-fi</a> <a class="button button-ko-fi" href="ko-fi.com/vylion" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/ko-fi.svg" alt="Ko-fi Logo">Ko-fi</a>
</div> </div>