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

Remove duplication in social share button styles

Browse Source 
All buttons were using the same styles, so we might as well style them
together.
This commit is contained in:
Javi Martín
2020-08-23 20:46:48 +02:00
parent c5a56214c6
commit ae8afc9b75
1 changed files with 14 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1569,8 +1569,9 @@ table {
}
}
.ssb-facebook,
.ssb-telegram,
.ssb-twitter {
background: #45b0e3;
background-image: none !important;
color: #fff;
height: $line-height * 2 !important;
@@ -1578,7 +1579,6 @@ table {
width: $line-height * 2 !important;
&::before {
content: "f";
font-family: "icons" !important;
font-size: rem-calc(24);
left: 50%;
@@ -1591,6 +1591,18 @@ table {
&:hover,
&:focus {
background: #fff;
}
}
.ssb-twitter {
background: #45b0e3;
&::before {
content: "f";
}
&:hover,
&:focus {
color: #40a2d1;
}
}
@@ -1607,26 +1619,13 @@ table {
.ssb-facebook {
background: #3b5998;
background-image: none !important;
color: #fff;
height: rem-calc(48) !important;
position: relative;
width: rem-calc(48) !important;
&::before {
content: "A";
font-family: "icons" !important;
font-size: rem-calc(24);
left: 50%;
line-height: $line-height * 2;
margin-left: rem-calc(-11);
position: absolute;
top: 0;
}
&:hover,
&:focus {
background: #fff;
color: #354f88;
}
}
@@ -1663,26 +1662,13 @@ table {
.ssb-telegram {
background: #08c;
background-image: none !important;
color: #fff;
height: $line-height * 2 !important;
position: relative;
width: $line-height * 2 !important;
&::before {
content: "1";
font-family: "icons" !important;
font-size: rem-calc(24);
left: 50%;
line-height: $line-height * 2;
margin-left: rem-calc(-11);
position: absolute;
top: 0;
}
&:hover,
&:focus {
background: #fff;
color: #40a2d1;
}
}