app/assets/stylesheets/modules/footer.css
.footer {
padding-top: 48px;
padding-bottom: 48px;
position: relative;
overflow: auto;
border-top: 1px solid rgba(255, 255, 255, 0.3);
background-color: #141c22;
box-shadow: 0 -4px 0 0 #141c22;
z-index: 2;
width: 100%; }
@media (min-width: 780px) {
.footer {
min-height: 70vh; } }
.l-wrap--footer {
margin-right: auto;
margin-left: auto;
max-width: 940px; }
@media (max-width: 579px) {
.l-wrap--footer {
width: 78%; } }
@media (min-width: 580px) {
.l-wrap--footer {
width: 90%; } }
.footer__about {
max-width: 550px;
font-weight: 300;
line-height: 1.66;
color: #9A9A9A; }
@media (max-width: 579px) {
.footer__about {
font-size: 15px; } }
@media (min-width: 580px) {
.footer__about {
font-size: 18px; } }
@media (min-width: 780px) {
.footer__about {
min-height: 222px; } }
.footer__about p {
margin-bottom: 1em; }
.footer__about a {
color: white; }
.footer__language_selector {
clear: both;
max-width: 940px;
margin: 0 auto;
text-align: center;
color: #6c767e; }
.footer__language {
margin: 0 14px;
display: inline-block;
}
.footer__sponsors {
margin: 60px auto 0;
padding-top: 45px;
width: 90%;
max-width: 940px;
text-align: center;
border-top: 1px solid rgba(255, 255, 255, 0.1); }
.footer__sponsor {
margin: 0 26px 36px;
display: inline-block;
height: 100px;
width: 90px;
background-image: url(/sponsors.png);
background-size: 100%;
font-style: italic;
font-weight: 300;
font-size: 12px;
text-align: center;
color: white;
opacity: .4;
transition-duration: 0.25s;
transition-property: opacity; }
.footer__sponsor:focus, .footer__sponsor:hover {
opacity: 1; }
.footer__sponsor:focus {
outline: none; }
.footer__sponsor__ruby_central {
background-position: 0 4px; }
.footer__sponsor__dockyard {
background-position: 0 -204px; }
.footer__sponsor__dnsimple {
background-position: 0 -291px; }
.footer__sponsor__datadog {
background-position: 0 -624px; }
.footer__sponsor__runscope {
background-position: 0 -469px; }
.footer__sponsor__fastly {
background-position: 0 -541px; }
.footer__sponsor__honeybadger {
background-position: 0 -717px; }
.footer__sponsor__domainr {
background-position: 0 -804px; }
.footer__sponsor__whitesource {
background-position: 0 -885px; }
.footer__sponsor__logo {
margin-top: 5px;
width: 100%; }