send/app/templates/footer/footer.css

77 lines
1.3 KiB
CSS
Raw Normal View History

.footer {
2018-10-10 01:17:40 +00:00
flex: none;
margin: 24px;
2018-09-28 14:54:23 +00:00
font-size: 12px;
2018-07-31 18:09:18 +00:00
font-weight: 600;
display: flex;
flex-direction: row;
2018-07-31 18:09:18 +00:00
justify-content: flex-end;
}
.legalSection {
display: flex;
align-items: center;
flex-direction: row;
}
.legalSection__link {
2018-09-25 20:39:45 +00:00
color: var(--lightTextColor);
white-space: nowrap;
2018-09-28 14:54:23 +00:00
margin-left: calc(var(--grid-basis) * 2);
}
2018-07-31 18:09:18 +00:00
.legalSection__link:hover {
2018-09-25 20:39:45 +00:00
color: var(--textColor);
}
2018-08-03 19:24:41 +00:00
.socialSection__icon {
width: 32px;
height: 32px;
2018-09-28 14:54:23 +00:00
margin: 0 0 -5px calc(var(--grid-basis) * 2);
2018-08-03 19:24:41 +00:00
}
.dropdown__only {
display: none;
}
2018-10-10 01:17:40 +00:00
@media (max-device-width: 720px), (max-width: 720px) {
.footer {
2018-10-10 01:17:40 +00:00
justify-content: flex-start;
2018-08-03 19:24:41 +00:00
}
.footer_hiddenIcon {
display: none;
}
.dropdown__only {
display: block;
}
.legalSection {
2018-10-10 01:17:40 +00:00
flex-direction: column;
2018-08-03 19:24:41 +00:00
text-align: left;
}
.legalSection__link {
2018-08-03 19:24:41 +00:00
flex: none;
display: block;
2018-08-03 19:24:41 +00:00
box-sizing: border-box;
height: 24px;
width: 176px;
margin: 0;
padding: 4px 20px 0 8px;
text-shadow: none;
font-weight: 400;
color: var(--lightTextColor);
}
.legalSection__link:visited {
color: var(--lightTextColor);
}
.legalSection__link:hover {
color: var(--primaryControlFGColor);
background-color: var(--primaryControlBGColor);
}
}