update ui

This commit is contained in:
John Gruen 2018-09-28 16:54:23 +02:00 committed by Danny Coates
parent 3bf7798323
commit 8964387331
No known key found for this signature in database
GPG key ID: 4C442633C62E00CB
15 changed files with 591 additions and 445 deletions

View file

@ -1,15 +1,14 @@
.footer {
bottom: 0;
left: 0;
font-size: 13px;
margin: 0 auto;
font-size: 12px;
font-weight: 600;
display: flex;
flex-direction: row;
padding: 50px 31px 41px;
width: 100%;
box-sizing: border-box;
justify-content: flex-end;
align-items: flex-end;
align-items: center;
padding-top: var(--grid-basis);
width: 100%;
}
.legalSection {
@ -21,49 +20,17 @@
.legalSection__link {
color: var(--lightTextColor);
white-space: nowrap;
margin-right: 2vw;
margin-left: calc(var(--grid-basis) * 2);
}
.legalSection__link:hover {
color: var(--textColor);
}
.footer__mozLogo {
width: 112px;
height: 32px;
margin-bottom: -5px;
}
.socialSection__icon {
width: 32px;
height: 32px;
margin: 0 0 -5px 4px;
}
.feedback {
background-color: #000;
background-image: url('../assets/feedback.svg');
background-position: 2px 4px;
background-repeat: no-repeat;
background-size: 18px;
border-radius: 3px;
border: 1px solid #000;
color: var(--primaryControlFGColor);
cursor: pointer;
display: block;
font-size: 12px;
line-height: 12px;
padding: 5px 5px 5px 20px;
overflow: hidden;
min-width: 30px;
max-width: 300px;
text-indent: 2px;
transition: all 250ms ease-in-out;
white-space: nowrap;
}
.feedback:active {
background-color: var(--primaryControlHoverColor);
margin: 0 0 -5px calc(var(--grid-basis) * 2);
}
.dropDownArrow {
@ -77,7 +44,6 @@
@media (max-device-width: 750px), (max-width: 750px) {
.footer {
align-items: flex-end;
padding: 20px 25px;
margin: 0;
min-width: 455px;
}