Newer
Older
.header-nav {
display: flex;
padding: 1rem 0.5rem;
.header_title {
color: rgba($black, 0.675);
font-weight: 500;
}
a,
a:link,
a:visited {
color: rgba($black, 0.675);
font-weight: 500;
display: block;
margin: -0.175rem 0 -0.175rem;
padding: 0.25rem 0.5rem 0.175rem;
border-radius: 0.25rem;
&:hover {
color: $black;
}
&.icon {
width: ms(0) * 1.3 + 0.5rem;
height: ms(0) * 1.3 + 0.5rem;
text-indent: -9999rem;
background-size: ms(0) auto;
background-position: center center;
background-repeat: no-repeat;
opacity: 0.675;
&:hover {
opacity: 1;
}
&.-receive {
background-image: url('../assets/img/icons/receive.svg');
}
&.-settings {
background-image: url('../assets/img/icons/gear.svg');
}
}