fixed footer links and logo
unknown
plain_text
10 months ago
3.6 kB
5
Indexable
/*footer opacities and hover effects wb-eliezer*/ footer#global-footer { .site-footer__col-content{ opacity: 1; } .site-footer__disclaimer{ opacity: 1; &:after{ background-color: #050E3D!important; opacity: 1; } } .footer-navigation__link{ &:hover{ color: #000; } } .site-footer__copy-lp a { &:after{ background: #050E3D; } } .site-footer__copy a { &:hover{ color: #fff; } } .site-footer__logo-container img{ max-height: 80px; } @media only screen and (max-width:768px){ .site-footer__socials{ margin: auto; justify-content: center; } .site-footer__socials li { margin-bottom: 16px; margin-left: 7px; margin-right: 7px; } .site-footer__logo-container img{ max-height: 120px; } } .site-footer__col-content{ a{ &:after{ background: #000; } } } a:not(.socials__item, .lp-tcr-message a), .link, .footer-navigation__link, .site-footer__copy a{ text-transform: none; position: relative!important; color: #000!important; &:hover{ color: #000!important; opacity:1!important; } &:before, &:after{ transition: 0.4s; text-decoration: none!important; line-height: 1; content: ""; height: 1px; position: absolute!important; bottom: 0; left: 0; } &:before { width: 100%!important; background-color: #ccc!important; opacity:1; } &:after{ width: 0%!important; background-color: #050E3D!important; } &:hover:after{ width: 100%!important; } @media only screen and (max-width: 1280px){ overflow-wrap: anywhere; text-decoration: underline!important; white-space: normal!important; &:before { background-color: transparent; width: 0%!important; } &:after { background-color: transparent; } &:hover:after{ width: 0%!important; } } } @media only screen and (max-width: 1024px){ .site-footer__navigation-wrap{ flex-direction: column; } .lp-socials{ margin: 25px auto 0 auto!important; } .site-footer__logo-bar{ justify-content: center; } .site-footer__info{ justify-content: center; } } @media only screen and (max-width: 820px){ .footer-navigation__item{ margin: 0 5px; } .site-footer__logo-bar{ justify-content: center; } .site-footer__info{ justify-content: center; } } @media only screen and (max-width: 768px){ .site-footer__logo-bar{ justify-content: center; } } } #global-footer > div > div.site-footer__bottom > div > div.site-footer__copy > div.lp-a.site-footer__copy-lp > div > img{ max-height: 30px; filter: invert(0); } /*end*/
Editor is loading...
Leave a Comment