src/styles/components/footer/_components.footer.scss
@import './components.footer_contacts';
@import './components.footer_info';
@import './components.footer_social';
.footer {
@extend .dark-component;
color: $white;
padding-bottom: 1.5rem;
.icon-list {
padding-left: 0;
li {
display: inline-block;
margin: 0 20px;
.btn {
padding: 10px 20px;
color: $white;
&:hover {
color: $orange;
}
&:focus {
color: $orange;
outline: none;
outline-offset: none;
}
}
}
}
}