Merged in chore/partner-sas-header-footer-styling (pull request #2765)
chore: partner-sas header and footer improvements * improve header styling * Add footer Approved-by: Bianca Widstam
This commit is contained in:
49
apps/partner-sas/app/components/Footer/footer.module.css
Normal file
49
apps/partner-sas/app/components/Footer/footer.module.css
Normal file
@@ -0,0 +1,49 @@
|
||||
.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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user