From 0e48338a7dd7d6fb72f7808d634c4379aefdac44 Mon Sep 17 00:00:00 2001 From: Aditya Telange <21258296+adityatelange@users.noreply.github.com> Date: Thu, 1 Oct 2020 14:06:04 +0530 Subject: [PATCH] share-icons: improvements * rm translatable text * svg: rm redundant attributes * css: add x-scroll, - backgroud, + border * misc --- assets/css/post-single.css | 27 ++++++++++++++-------- layouts/partials/share_icons.html | 37 ++++++++++--------------------- 2 files changed, 30 insertions(+), 34 deletions(-) diff --git a/assets/css/post-single.css b/assets/css/post-single.css index 2c9a4ed7..84f16714 100644 --- a/assets/css/post-single.css +++ b/assets/css/post-single.css @@ -253,22 +253,31 @@ } .share-buttons { - margin: 4px 0; - text-align: center; - background: var(--code-bg); + margin-top: var(--gap); + border: 1px solid var(--tertiary); + padding: var(--radius); border-radius: var(--radius); - margin-top: 24px; + display: flex; + overflow-x: auto; } -.share-button-single svg { - fill: currentColor; +.share-buttons a { + margin-top: 10px; +} + +.share-buttons a:not(:last-of-type) { + margin-right: 12px; +} + +.share-buttons a svg { height: 30px; width: 30px; - margin: 0 10px; + fill: currentColor; + transition: transform 0.1s; } -.share-button-single:hover svg { - opacity: 0.9; +.share-buttons svg:hover { + transform: scale(0.96); } @media screen and (max-width: 600px) { diff --git a/layouts/partials/share_icons.html b/layouts/partials/share_icons.html index 64f511f0..ca196b20 100644 --- a/layouts/partials/share_icons.html +++ b/layouts/partials/share_icons.html @@ -1,57 +1,44 @@ {{- $pageurl := .Permalink }} {{- $title := .Title }}
-

Share On

- - + - - + - - + - - + - - + - - +