From 34058c595bebfdb2da7ae53fe83e7050784bdcb3 Mon Sep 17 00:00:00 2001 From: infominer33 Date: Wed, 20 Mar 2019 23:24:35 -0400 Subject: [PATCH] add css for share bar --- _sass/jekyll-theme-modernist.scss | 91 +++++++++++++++++++++++++++++++ 1 file changed, 91 insertions(+) diff --git a/_sass/jekyll-theme-modernist.scss b/_sass/jekyll-theme-modernist.scss index f2ded8db..e42ea244 100644 --- a/_sass/jekyll-theme-modernist.scss +++ b/_sass/jekyll-theme-modernist.scss @@ -327,3 +327,94 @@ footer { content:'at https://github.com/'; } } + +#share-bar { + font-size: 20px; +} + +/* Title */ +#share-bar h4 { + margin-bottom: 10px; + font-weight: 500; +} + +/* All buttons */ +.share-buttons { +} + +/* Each button */ +.share-button { + margin: 0px; + margin-bottom: 10px; + margin-right: 3px; + border: 1px solid #D3D6D2; + padding: 5px 10px 5px 10px; +} +.share-button:hover { + opacity: 1; + color: #ffffff; +} + +/* Facebook button */ +.fa-facebook-official { + color: #3b5998; +} +.fa-facebook-official:hover { + background-color: #3b5998; +} + +/* Twitter button */ +.fa-twitter { + color: #55acee; +} +.fa-twitter:hover { + background-color: #55acee; +} + +/* Google-PLus button */ +.fa-google-plus { + color: #dd4b39; +} +.fa-google-plus:hover { + background-color: #dd4b39; +} + +/* Pinterest button */ +.fa-pinterest-p { + color: #cb2027; +} +.fa-pinterest-p:hover { + background-color: #cb2027; +} + +/* Tumblr button */ +.fa-tumblr { + color: #32506d; +} +.fa-tumblr:hover { + background-color: #32506d; +} + +/* Reddit button */ +.fa-reddit-alien { + color: #ff4500; +} +.fa-reddit-alien:hover { + background-color: #ff4500; +} + +/* LinkedIn button */ +.fa-linkedin { + color: #007bb5; +} +.fa-linkedin:hover { + background-color: #007bb5; +} + +/* Email button */ +.fa-envelope { + color: #444444; +} +.fa-envelope:hover { + background-color: #444444; +} \ No newline at end of file