From 6b3d4c831c36486a575ce3286315c00176cc54c3 Mon Sep 17 00:00:00 2001
From: vimux <vimux@protonmail.com>
Date: Fri, 16 Nov 2018 11:45:08 -0500
Subject: [PATCH] Add common class for buttons

---
 layouts/partials/post_share.html | 16 ++++++++--------
 layouts/partials/post_tags.html  |  2 +-
 static/css/main.css              | 12 ++++++++++--
 3 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/layouts/partials/post_share.html b/layouts/partials/post_share.html
index 4bb7c0a..d6ed878 100644
--- a/layouts/partials/post_share.html
+++ b/layouts/partials/post_share.html
@@ -1,42 +1,42 @@
 {{- if and .IsPage (.Param "share") }}
 <div class="post__share share">
 	{{- if .Param "share.facebook" }}
-	<a class="share__link" title="{{ T "share-caption" }} Facebook" href="https://www.facebook.com/sharer/sharer.php?u={{ .Permalink }}" target="_blank" rel="noopener noreferrer" onclick="window.open(this.href, '{{ T "share-caption" }} Facebook', 'width=800,height=600,toolbar=0,status=0'); return false">
+	<a class="share__link btn" title="{{ T "share-caption" }} Facebook" href="https://www.facebook.com/sharer/sharer.php?u={{ .Permalink }}" target="_blank" rel="noopener noreferrer" onclick="window.open(this.href, '{{ T "share-caption" }} Facebook', 'width=800,height=600,toolbar=0,status=0'); return false">
 		{{ partial "svg/facebook.svg" (dict "class" "share__icon" ) }}
 	</a>
 	{{- end }}
 	{{- if .Param "share.twitter" }}
-	<a class="share__link" title="{{ T "share-caption" }} Twitter" href="https://twitter.com/intent/tweet/?url={{ .Permalink }}&amp;text={{ .Title }}" target="_blank" rel="noopener noreferrer" onclick="window.open(this.href, '{{ T "share-caption" }} Twitter', 'width=800,height=450,resizable=yes,toolbar=0,status=0'); return false">
+	<a class="share__link btn" title="{{ T "share-caption" }} Twitter" href="https://twitter.com/intent/tweet/?url={{ .Permalink }}&amp;text={{ .Title }}" target="_blank" rel="noopener noreferrer" onclick="window.open(this.href, '{{ T "share-caption" }} Twitter', 'width=800,height=450,resizable=yes,toolbar=0,status=0'); return false">
 		{{ partial "svg/twitter.svg" (dict "class" "share__icon" ) }}
 	</a>
 	{{- end }}
 	{{- if .Param "share.reddit" }}
-	<a class="share__link" title="{{ T "share-caption" }} Reddit" href="https://www.reddit.com/submit?url={{ .Permalink }}&amp;title={{ .Title }}" target="_blank" rel="noopener noreferrer" onclick="window.open(this.href, '{{ T "share-caption" }} Reddit', 'width=832,height=624,toolbar=0,status=0'); return false">
+	<a class="share__link btn" title="{{ T "share-caption" }} Reddit" href="https://www.reddit.com/submit?url={{ .Permalink }}&amp;title={{ .Title }}" target="_blank" rel="noopener noreferrer" onclick="window.open(this.href, '{{ T "share-caption" }} Reddit', 'width=832,height=624,toolbar=0,status=0'); return false">
 		{{ partial "svg/reddit.svg" (dict "class" "share__icon" ) }}
 	</a>
 	{{- end }}
 	{{- if .Param "share.telegram" }}
-	<a class="share__link" title="{{ T "share-caption" }} Telegram" href="https://t.me/share/url?url={{ .Permalink }}&amp;title={{ .Title }}" target="_blank" rel="noopener noreferrer" onclick="window.open(this.href, '{{ T "share-caption" }} Telegram', 'width=800,height=600,toolbar=0,status=0'); return false">
+	<a class="share__link btn" title="{{ T "share-caption" }} Telegram" href="https://t.me/share/url?url={{ .Permalink }}&amp;title={{ .Title }}" target="_blank" rel="noopener noreferrer" onclick="window.open(this.href, '{{ T "share-caption" }} Telegram', 'width=800,height=600,toolbar=0,status=0'); return false">
 		{{ partial "svg/telegram.svg" (dict "class" "share__icon" ) }}
 	</a>
 	{{- end }}
 	{{- if .Param "share.linkedin" }}
-	<a class="share__link" title="{{ T "share-caption" }} LinkedIn" href="https://www.linkedin.com/shareArticle?mini=true&url={{ .Permalink }}&title={{ .Title }}" target="_blank" rel="noopener noreferrer" onclick="window.open(this.href, '{{ T "share-caption" }} LinkedIn', 'width=640,height=480,toolbar=0,status=0'); return false">
+	<a class="share__link btn" title="{{ T "share-caption" }} LinkedIn" href="https://www.linkedin.com/shareArticle?mini=true&url={{ .Permalink }}&title={{ .Title }}" target="_blank" rel="noopener noreferrer" onclick="window.open(this.href, '{{ T "share-caption" }} LinkedIn', 'width=640,height=480,toolbar=0,status=0'); return false">
 		{{ partial "svg/linkedin.svg" (dict "class" "share__icon" ) }}
 	</a>
 	{{- end }}
 	{{- if .Param "share.googleplus" }}
-	<a class="share__link" title="{{ T "share-caption" }} Google+" href="https://plus.google.com/share?url={{ .Permalink }}" target="_blank" rel="noopener noreferrer" onclick="window.open(this.href, '{{ T "share-caption" }} Google+', 'width=640,height=480,toolbar=0,status=0'); return false">
+	<a class="share__link btn" title="{{ T "share-caption" }} Google+" href="https://plus.google.com/share?url={{ .Permalink }}" target="_blank" rel="noopener noreferrer" onclick="window.open(this.href, '{{ T "share-caption" }} Google+', 'width=640,height=480,toolbar=0,status=0'); return false">
 		{{ partial "svg/googleplus.svg" (dict "class" "share__icon" ) }}
 	</a>
 	{{- end }}
 	{{- if .Param "share.vk" }}
-	<a class="share__link" title="{{ T "share-caption" }} VK" href="https://vk.com/share.php?url={{ .Permalink }}" target="_blank" rel="noopener noreferrer" onclick="window.open(this.href, '{{ T "share-caption" }} VK', 'width=640,height=480,toolbar=0,status=0'); return false">
+	<a class="share__link btn" title="{{ T "share-caption" }} VK" href="https://vk.com/share.php?url={{ .Permalink }}" target="_blank" rel="noopener noreferrer" onclick="window.open(this.href, '{{ T "share-caption" }} VK', 'width=640,height=480,toolbar=0,status=0'); return false">
 		{{ partial "svg/vk.svg" (dict "class" "share__icon" ) }}
 	</a>
 	{{- end }}
 	{{- if .Param "share.pocket" }}
-	<a class="share__link" title="{{ T "save-caption" }} Pocket" href="https://getpocket.com/edit?url={{ .Permalink }}&amp;title={{ .Title }}" target="_blank" rel="noopener noreferrer" onclick="window.open(this.href, '{{ T "save-caption" }} Pocket', 'width=480,height=320,toolbar=0,status=0'); return false">
+	<a class="share__link btn" title="{{ T "save-caption" }} Pocket" href="https://getpocket.com/edit?url={{ .Permalink }}&amp;title={{ .Title }}" target="_blank" rel="noopener noreferrer" onclick="window.open(this.href, '{{ T "save-caption" }} Pocket', 'width=480,height=320,toolbar=0,status=0'); return false">
 		{{ partial "svg/pocket.svg" (dict "class" "share__icon" ) }}
 	</a>
 	{{- end }}
diff --git a/layouts/partials/post_tags.html b/layouts/partials/post_tags.html
index a6d2c9c..8038a7d 100644
--- a/layouts/partials/post_tags.html
+++ b/layouts/partials/post_tags.html
@@ -2,7 +2,7 @@
 {{ $tagsLen := len $.Params.tags }}
 {{ if gt $tagsLen 0 }}
 <div class="post__tags">
-	{{ range $k, $v := $.Params.tags }}<a class="post__tag" href="{{ "/tags/" | relLangURL }}{{ . | urlize | lower }}">{{ . }}</a>{{ end }}
+	{{ range $k, $v := $.Params.tags }}<a class="post__tag btn" href="{{ "/tags/" | relLangURL }}{{ . | urlize | lower }}">{{ . }}</a>{{ end }}
 </div>
 {{ end }}
 {{ end }}
\ No newline at end of file
diff --git a/static/css/main.css b/static/css/main.css
index a0adcf0..3823a17 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -407,6 +407,16 @@ mark {
 	text-align: right;
 }
 
+.btn {
+	background-color: #111;
+	border-radius: 3px;
+}
+
+.btn:hover {
+	color: #fff;
+	background-color: #000;
+}
+
 /* Header */
 .header {
 	margin: 0 0 .3125rem;
@@ -692,7 +702,6 @@ mark {
 	padding: .25rem .5rem;
 	margin: .25rem;
 	line-height: 1.5;
-	background: #111;
 }
 
 .toc {
@@ -774,7 +783,6 @@ mark {
 .share__link {
 	margin: .25rem;
 	font-size: 0;
-	background-color: #111;
 }
 
 .share__link:hover {