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

Remove duplication in CSS for omniauth buttons

Browse Source 
We were adding the same styles five times.
This commit is contained in:
Javi Martín
2020-07-27 13:50:50 +02:00
parent b7b05b55fe
commit 1b21171602
1 changed files with 10 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1548,6 +1548,16 @@ table {
line-height: $line-height * 2; line-height: $line-height * 2;
padding: 0; padding: 0;
position: relative; position: relative;
&::before {
font-family: "icons" !important;
font-size: rem-calc(24);
left: 0;
line-height: $line-height * 2;
padding: 0 rem-calc(20);
position: absolute;
top: 0;
}
} }
.button.button-twitter { .button.button-twitter {
@@ -1557,13 +1567,6 @@ table {
&::before { &::before {
color: #45b0e3; color: #45b0e3;
content: "f"; content: "f";
font-family: "icons" !important;
font-size: rem-calc(24);
left: 0;
line-height: $line-height * 2;
padding: 0 rem-calc(20);
position: absolute;
top: 0;
} }
} }
@@ -1600,13 +1603,6 @@ table {
&::before { &::before {
color: #3b5998; color: #3b5998;
content: "A"; content: "A";
font-family: "icons" !important;
font-size: rem-calc(24);
left: 0;
line-height: $line-height * 2;
padding: 0 rem-calc(20);
position: absolute;
top: 0;
} }
} }
@@ -1643,13 +1639,6 @@ table {
&::before { &::before {
color: #de4c34; color: #de4c34;
content: "B"; content: "B";
font-family: "icons" !important;
font-size: rem-calc(24);
left: 0;
line-height: $line-height * 2;
padding: 0 rem-calc(20);
position: absolute;
top: 0;
} }
} }
@@ -1660,13 +1649,6 @@ table {
&::before { &::before {
color: #2f2f33; color: #2f2f33;
content: "J"; content: "J";
font-family: "icons" !important;
font-size: rem-calc(24);
left: 0;
line-height: $line-height * 2;
padding: 0 rem-calc(20);
position: absolute;
top: 0;
} }
} }
@@ -1677,13 +1659,6 @@ table {
&::before { &::before {
color: #08c; color: #08c;
content: "1"; content: "1";
font-family: "icons" !important;
font-size: rem-calc(24);
left: 0;
line-height: $line-height * 2;
padding: 0 rem-calc(20);
position: absolute;
top: 0;
} }
} }