style: simplify social media handling
This commit is contained in:
parent
0ea151f1d8
commit
c30100fe26
2 changed files with 31 additions and 37 deletions
|
@ -52,23 +52,20 @@ ul.social {
|
||||||
padding-bottom: 1em;
|
padding-bottom: 1em;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
text-align: center; }
|
text-align: center; }
|
||||||
|
ul.social li {
|
||||||
li.social-li {
|
list-style: none;
|
||||||
list-style: none;
|
display: inline; }
|
||||||
display: inline; }
|
ul.social li a {
|
||||||
|
color: #FFFFFF;
|
||||||
a.social-link {
|
background-color: #000000;
|
||||||
color: #FFFFFF;
|
padding: 0.3em;
|
||||||
background-color: #000000;
|
padding-left: 0.36em;
|
||||||
padding: 0.3em;
|
padding-right: 0.36em;
|
||||||
padding-left: 0.36em;
|
vertical-align: middle;
|
||||||
padding-right: 0.36em;
|
border-radius: 100%; }
|
||||||
vertical-align: middle;
|
ul.social li a:hover {
|
||||||
border-radius: 100%; }
|
color: #000;
|
||||||
|
background-color: #FFF; }
|
||||||
a.social-link:hover {
|
|
||||||
color: #000000;
|
|
||||||
background-color: #FFFFFF; }
|
|
||||||
|
|
||||||
/* ------------------ CARDS ------------------- */
|
/* ------------------ CARDS ------------------- */
|
||||||
.card {
|
.card {
|
||||||
|
|
|
@ -80,26 +80,23 @@ ul.social {
|
||||||
padding-bottom:1em;
|
padding-bottom:1em;
|
||||||
margin:auto;
|
margin:auto;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
li {
|
||||||
|
list-style: none;
|
||||||
li.social-li {
|
display: inline;
|
||||||
list-style:none;
|
a {
|
||||||
display:inline;
|
color:#FFFFFF;
|
||||||
}
|
background-color:#000000;
|
||||||
|
padding:0.3em;
|
||||||
a.social-link {
|
padding-left:0.36em;
|
||||||
color:#FFFFFF;
|
padding-right:0.36em;
|
||||||
background-color:#000000;
|
vertical-align:middle;
|
||||||
padding:0.3em;
|
border-radius:100%;
|
||||||
padding-left:0.36em;
|
&:hover {
|
||||||
padding-right:0.36em;
|
color:#000;
|
||||||
vertical-align:middle;
|
background-color:#FFF
|
||||||
border-radius:100%;
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
a.social-link:hover {
|
|
||||||
color:#000000;
|
|
||||||
background-color:#FFFFFF;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Reference in a new issue