c0ee968368
chore: partner-sas header and footer improvements * improve header styling * Add footer Approved-by: Bianca Widstam
50 lines
720 B
CSS
50 lines
720 B
CSS
.root {
|
|
background-color: var(--Base-Surface-Primary-light-Normal);
|
|
height: 100px;
|
|
}
|
|
|
|
.sasLogo {
|
|
height: auto;
|
|
width: 90px;
|
|
}
|
|
|
|
.top {
|
|
padding: 40px 16px 32px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 24px;
|
|
|
|
@media screen and (min-width: 768px) {
|
|
padding: 40px;
|
|
}
|
|
}
|
|
|
|
.bottom {
|
|
background-color: var(--TEMP-sas-default);
|
|
color: white;
|
|
padding: 32px 16px 40px;
|
|
|
|
@media screen and (min-width: 768px) {
|
|
padding: 32px 40px 40px;
|
|
}
|
|
}
|
|
|
|
.links {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
|
|
@media screen and (min-width: 768px) {
|
|
flex-direction: row;
|
|
}
|
|
}
|
|
|
|
.link {
|
|
text-decoration: none;
|
|
color: var(--TEMP-sas-40);
|
|
|
|
&:hover {
|
|
text-decoration: underline;
|
|
}
|
|
}
|