scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(SW-185): Footer mobile adjustments

Browse Source
This commit is contained in:
Pontus Dreij
2024-08-21 14:08:15 +02:00
parent 5277f3c786
commit 9eabde71c9
10 changed files with 269 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
components/Footer/Details/details.module.css
View File

@@ -1,13 +1,52 @@
.details {
background: var(--Main-Grey-100);
color: var(--Main-Grey-White);
padding: var(--Spacing-x5) var(--Spacing-x5) var(--Spacing-x9)
var(--Spacing-x5);
padding: var(--Spacing-x3) var(--Spacing-x2) var(--Spacing-x7);
}
.imageContainer {
.topContainer {
display: flex;
justify-content: space-between;
border-bottom: 1px solid rgba(227, 217, 209, 0.2);
padding: 0 0 var(--Spacing-x2) 0;
margin-bottom: var(--Spacing-x2);
}
.bottomContainer {
display: flex;
justify-content: space-between;
flex-direction: column-reverse;
}
.socialNav {
display: flex;
gap: var(--Spacing-x2);
}
.navigationContainer {
display: flex;
justify-content: space-between;
margin-bottom: var(--Spacing-x2);
padding-bottom: var(--Spacing-x2);
border-bottom: 1px solid #e3d9d120;
}
.navigation {
display: flex;
gap: var(--Spacing-x2);
}
@media screen and (min-width: 1367px) {
.details {
background: var(--Main-Grey-100);
color: var(--Main-Grey-White);
padding: var(--Spacing-x5) var(--Spacing-x5) var(--Spacing-x9);
}
.bottomContainer {
flex-direction: row;
}
.navigationContainer {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
}