diff options
| author | Darshan Baral <darshanbaral@gmail.com> | 2020-05-04 06:42:20 +0300 |
|---|---|---|
| committer | Darshan Baral <darshanbaral@gmail.com> | 2020-05-04 06:42:20 +0300 |
| commit | 64a5766979272f2c6fb1e6c85699249721df4b6c (patch) | |
| tree | 34298afe2f7ff6b91638d11bf01de8fbc7eefefe | |
| parent | a27b50dad325744dc1d4de876f8d82a1727ebc21 (diff) | |
Fixed icons hover background color
| -rw-r--r-- | layouts/_default/single.html | 2 | ||||
| -rw-r--r-- | layouts/partials/share.html | 3 | ||||
| -rw-r--r-- | layouts/partials/social.html | 5 | ||||
| -rw-r--r-- | static/css/main.css | 26 |
4 files changed, 24 insertions, 12 deletions
diff --git a/layouts/_default/single.html b/layouts/_default/single.html index d192a74..5bf7364 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -2,7 +2,7 @@ <div
style="display: flex; flex-direction: column; margin-bottom: 0.5em;"
>
- <h1 style="margin: 0 0 0.25em 0; text-decoration: underline; font-size: 2.5em;">
+ <h1 style="margin: 0 0 0.25em 0; text-decoration: underline; font-size: 2em;">
{{- .Title -}}
</h1>
<div class="sharing-icons">
diff --git a/layouts/partials/share.html b/layouts/partials/share.html index b6bda5a..e0f3ef6 100644 --- a/layouts/partials/share.html +++ b/layouts/partials/share.html @@ -8,7 +8,6 @@ target="_blank"
rel="noopener"
aria-label="share on facebook"
- title="share on facebook"
>
<i>
{{ partial "icons/facebook.html" . }}
@@ -22,7 +21,6 @@ target="_blank"
rel="noopener"
aria-label="share on twitter"
- title="share on twitter"
>
<i>
{{ partial "icons/twitter.html" . }}
@@ -36,7 +34,6 @@ target="_self"
rel="noopener"
aria-label="share by email"
- title="share by email"
>
<i>
{{ partial "icons/email.html" . }}
diff --git a/layouts/partials/social.html b/layouts/partials/social.html index 717dead..72f2a6e 100644 --- a/layouts/partials/social.html +++ b/layouts/partials/social.html @@ -1,4 +1,5 @@ <div
+ class="social-icons"
style="
display: flex;
justify-content: center;
@@ -10,12 +11,12 @@ <a href="{{ $val }}">
<i
- class="social-icons"
+ class="social-icon"
style="
- margin: 0 5px;
display: inline-flex;
padding: 10px;
border-radius: 50%;
+ align-self: center;
"
>{{ partial (print "icons/" $key ".html") . }}</i
></a
diff --git a/static/css/main.css b/static/css/main.css index a2117ee..c909a70 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -70,15 +70,19 @@ h6 { }
h1 {
- font-size: 2.2em;
+ font-size: 1.8em;
}
h2 {
- font-size: 1.8em;
+ font-size: 1.6em;
}
h3 {
- font-size: 1.5em;
+ font-size: 1.4em;
+}
+
+h4 {
+ font-size: 1.2em;
}
a {
@@ -136,23 +140,33 @@ tbody { padding: 12px;
}
+.social-icons > a {
+ border-radius: 50%;
+ margin: 0 5px;
+ display: flex;
+}
+
.hamburger:hover,
.cross:hover,
-.social-icons:hover {
+.social-icon:hover {
background-color: var(--bgLighter);
}
+.sharing-icon {
+ border-radius: 50%;
+ margin: 0 5px 0 0;
+}
+
.sharing-icon > i {
display: inline-flex;
border-radius: 50%;
padding: 12px;
font-size: 1.2em;
- margin: 0 5px;
}
.sharing-icon > i:hover {
background-color: var(--bgLighter);
- color: var(--primaryColor);
+ color: var(--textColor);
}
.slide-menu {
|