@use '../../style/mixins.scss' as *;
.wrapper {
a {
display: flex;
flex-direction: column;
align-items: center;
img {
height: 30px;
}
span {
margin-top: 10px;
font-size: 14px;
@include withShareIcon;
background-position-y: -1px;
}
&:hover {
img {
opacity: 0.7;
}
}
}
}
.main {
display: flex;
flex-wrap: wrap;
margin-bottom: 35px;
}
.code {
margin: 20px 0;
}
.hubLinks {
display: inline-flex !important;
flex-direction: column;
margin-top: 10px;
text-align: center;
div {
margin-bottom: -5px;
font-size: 30px;
&:hover {
opacity: 0.7;
}
}
span {
display: block;
}
margin-left: 0;
}
.main,
.code,
.email {
&,
> div {
gap: 0 20px;
}
}
.email {
display: inline-block !important;
margin-top: 20px;
}
.hubLinks {
display: inline-flex !important;
flex-direction: column;
margin: 10px 0;
text-align: center;
div {
margin-bottom: -5px;
font-size: 30px;
&:hover {
opacity: 0.7;
}
}
span {
display: block;
}
margin-left: 0;
}
.main,
.code,
.hubLinks,
.email {
// display padding
padding-left: 20px;
}