diff --git a/css/social.css b/css/social.css index afaa187..5b1836f 100644 --- a/css/social.css +++ b/css/social.css @@ -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); +} diff --git a/theme/partials/banner.php b/theme/partials/banner.php index 842e508..72b445c 100644 --- a/theme/partials/banner.php +++ b/theme/partials/banner.php @@ -1,17 +1,26 @@