quarante-douze/qdouze-wordpress-theme
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

scss/buttons: add missing styles for social buttons

Browse source
This commit is contained in:
Kazhnuz 2018-10-25 11:22:58 +02:00
parent c5bd46e7c9
commit 9b79d926c8
2 changed files with 37 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
scss/_buttons.scss
View file

@ -120,6 +120,9 @@
.reagir { .reagir {
text-align:right; text-align:right;
.btn {
margin-right:0.5em;
}
} }
.btn { .btn {
@ -128,6 +131,10 @@
&-googleplus {@include button-color(#d34836, #FFF);} &-googleplus {@include button-color(#d34836, #FFF);}
&-diaspora {@include button-color(#313739, #FFF);} &-diaspora {@include button-color(#313739, #FFF);}
&-mastodon {@include button-color(#282c37, #FFF);} &-mastodon {@include button-color(#282c37, #FFF);}
&-whatsapp {@include button-color(#43d854, #FFF);}
&-linkedin {@include button-color(#0074A1, #FFF);}
&-buffer {@include button-color(#444, #FFF);}
&-pinterest {@include button-color(#bd081c, #FFF);}
} }
/* 5.2 - Badges */ /* 5.2 - Badges */

30
style.css
View file

@ -1074,6 +1074,8 @@ a.list-group-item:hover {
.reagir { .reagir {
text-align: right; } text-align: right; }
.reagir .btn, .reagir .page-numbers {
margin-right: 0.5em; }
.btn-facebook { .btn-facebook {
background-color: #3B5998; background-color: #3B5998;
@ -1110,6 +1112,34 @@ a.list-group-item:hover {
background-color: #484f63; background-color: #484f63;
color: #FFF; } color: #FFF; }
.btn-whatsapp {
background-color: #43d854;
color: #FFF; }
.btn-whatsapp:hover, .btn-whatsapp:active, .btn-whatsapp:focus, .btn-whatsapp:not(.disabled):not(:disabled):hover, .btn-whatsapp:not(.disabled):not(:disabled):active, .btn-whatsapp:not(.disabled):not(:disabled):focus {
background-color: #82e58e;
color: #FFF; }
.btn-linkedin {
background-color: #0074A1;
color: #FFF; }
.btn-linkedin:hover, .btn-linkedin:active, .btn-linkedin:focus, .btn-linkedin:not(.disabled):not(:disabled):hover, .btn-linkedin:not(.disabled):not(:disabled):active, .btn-linkedin:not(.disabled):not(:disabled):focus {
background-color: #00abee;
color: #FFF; }
.btn-buffer {
background-color: #444;
color: #FFF; }
.btn-buffer:hover, .btn-buffer:active, .btn-buffer:focus, .btn-buffer:not(.disabled):not(:disabled):hover, .btn-buffer:not(.disabled):not(:disabled):active, .btn-buffer:not(.disabled):not(:disabled):focus {
background-color: #6a6a6a;
color: #FFF; }
.btn-pinterest {
background-color: #bd081c;
color: #FFF; }
.btn-pinterest:hover, .btn-pinterest:active, .btn-pinterest:focus, .btn-pinterest:not(.disabled):not(:disabled):hover, .btn-pinterest:not(.disabled):not(:disabled):active, .btn-pinterest:not(.disabled):not(:disabled):focus {
background-color: #f51c34;
color: #FFF; }
/* 5.2 - Badges */ /* 5.2 - Badges */
.badge { .badge {
border: 1px solid rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.3);