Bootstrap 3x – WP Underscore – Footer & Widgets Style used with Moose Frameworks
.footer-main {
// border: 1px solid red;
#copyright {
padding: 1rem;
background-color: lighten( $steel, 0% );
// background-color: white;
p {
color: $gray-lighter;
padding-top: .5rem;
}
a {
color: white;
&:hover {
color: yellow;
}
}
}
.widget {
border: 0px solid red;
padding-right: .5rem;
padding-left: .5rem;
color: lighten(grey, 30%);
background-color: darken( $steel, 10% );
// @media screen and (min-width: 991px) {
// background-color: $charcoal;
// z-index: 1;
// position: relative;
// }
.widget-title {
color: $gray-lighter;
padding-bottom: 2rem;
}
li {
background-color: rgba( darken( $oil, 10% ), .5);
margin-bottom: .2rem;
padding: 1rem;
@include transition(all 0.5s ease-in-out);
&:hover {
background-color: $steel;
}
}
a {
// border: 1px solid black;
color: lighten(grey, 30%);
font-size: 2rem;
&:hover {
color: white;
}
}
}
}