consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixes contrast color on form social buttons

Browse Source
This commit is contained in:
Alberto Garcia Cabeza
2017-03-10 12:06:33 +01:00
parent 9e582245d3
commit a7b9f83016
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/assets/stylesheets/layout.scss
View File

@@ -1167,6 +1167,9 @@ table {
.button.button-twitter, .button.button-twitter,
.button.button-facebook, .button.button-facebook,
.button.button-google { .button.button-google {
background: white;
color: $text;
font-weight: bold;
height: $line-height*2; height: $line-height*2;
line-height: $line-height*2; line-height: $line-height*2;
padding: 0; padding: 0;
@@ -1174,9 +1177,11 @@ table {
} }
.button.button-twitter { .button.button-twitter {
background: #45B0E3; background: #ECF7FC;
border-left: 3px solid #45B0E3;
&:before { &:before {
color: #45B0E3;
content: "f"; content: "f";
font-family: "icons" !important; font-family: "icons" !important;
font-size: rem-calc(24); font-size: rem-calc(24);
@@ -1214,9 +1219,11 @@ table {
} }
.button.button-facebook { .button.button-facebook {
background: #3B5998; background: #EBEEF4;
border-left: 3px solid #3B5998;
&:before { &:before {
color: #3B5998;
content: "A"; content: "A";
font-family: "icons" !important; font-family: "icons" !important;
font-size: rem-calc(24); font-size: rem-calc(24);
@@ -1254,9 +1261,11 @@ table {
} }
.button.button-google { .button.button-google {
background: #DE4C34; background: #FCEDEA;
border-left: 3px solid #DE4C34;
&:before { &:before {
color: #DE4C34;
content: "B"; content: "B";
font-family: "icons" !important; font-family: "icons" !important;
font-size: rem-calc(24); font-size: rem-calc(24);