Newer
Older
.footer-nav {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center; // default alignent for flex items
Luke Schoen
committed
.footer-feedback {
align-self: flex-end; // override default alignment for individual flex item
margin-bottom: 0px;
padding: 0px;
border-radius: 4px;
Luke Schoen
committed
.feedback {
color: $faint;
background: $grey;
font-size: 0.8em;
font-weight: 500;
border-radius: 5px 5px 0px 0px;
padding: 3px 8px 3px 8px;
box-shadow: 0.125rem 0.250rem 0.3rem 0 rgba($black, 0.3);
transition: box-shadow ease 0.250s;
&:hover {
color: $white;
background: $grey;
box-shadow: 0.125rem 0.275rem 0.3rem 0 rgba($black, 0.4);
}
Luke Schoen
committed
}
}
.footer-nav_status {
padding: 1rem;
font-size: ms(-2);
color: $grey;
}
.footer-nav_icons {
padding: 1rem;
}
.footer-nav_option {
padding: 1rem;
width: 100%;
text-align: center;
font-size: ms(-1);
color: $grey;
button {
margin-left: 0.5rem;
display: inline-block;
padding: 0.125rem 0.5rem;
}
}
display: block;
margin: -0.175rem 0 -0.175rem;
padding: 0.25rem 0.5rem 0.175rem;
border-radius: 0.25rem;
&:hover {
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');