def079021b
feat(SW-3441): Add Hero image to sas landing page * feat(SW-3441): Add Hero image to sas landing page * feat(SW-3441): Code Optimise Approved-by: Joakim Jäderberg
49 lines
703 B
CSS
49 lines
703 B
CSS
.root {
|
|
background-color: var(--Base-Surface-Primary-light-Normal);
|
|
}
|
|
|
|
.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;
|
|
}
|
|
}
|