Footer: social icons opaque on hover

This commit is contained in:
2019-10-25 03:58:11 -04:00
parent 2305b246c1
commit 5e7fe99969
10 changed files with 32 additions and 22 deletions

View File

@@ -88,6 +88,15 @@ $vert-phone-width: 500px;
}
}// }}}
@mixin a-no-underline() {// {{{
a {
text-decoration: none;
&:hover {
text-decoration: none;
}
}
}// }}}
// }}} mixins //
// general elements {{{ //
@@ -205,12 +214,17 @@ footer {
position: relative;
padding-right: $side-padding;
// padding-right: .9em;
@include a-no-underline();
img {
height: 1.5em;
@include vert-margin-rem(.2);
padding-left: .5em;
opacity: .6;
&:hover {
opacity: 1;
}
}
}
}
@@ -486,7 +500,6 @@ header {// {{{
// @include vert-padding-rem(0.5);
@include a-color($base-sky-blue);
width: 100%;
min-width: $max-page-width;
// @media (min-width: 1200px) {
// .container{
// min-width: $max-page-width;
@@ -667,6 +680,9 @@ header {// {{{
p {
margin-bottom: 1em;
}
strong {
line-height: 1.25em;
}
}
}
}// }}}