Commander1024/lostplaces-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

There is always something to fiddle around with styling.

Browse Source
This commit is contained in:
Marcus Scholz 2020-09-06 17:22:48 +02:00
parent e8d4a13bd0
commit f9468e3e70
3 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
components/03_Organisms/footer/_footer.scss
View File

@ -36,11 +36,11 @@ $-primary-line-color: $-almost-white;
} }
&__ListTop { &__ListTop {
text-align: center;
width: 33.333%; width: 33.333%;
} }
&__ListTop > li { &__ListTop > li {
text-align: center;
padding-bottom: 10px; padding-bottom: 10px;
} }
@ -54,6 +54,15 @@ $-primary-line-color: $-almost-white;
font-size: 1.3em; font-size: 1.3em;
} }
&__ListText {
font-size: 1.3em;
color: $-almost-white;
}
&__ListText-left {
text-align: left;
}
&__SocialSection { &__SocialSection {
width: 100%; width: 100%;
align-items: center; align-items: center;

2
components/03_Organisms/footer/footer.config.json
View File

@ -1,4 +1,4 @@
{ {
"title": "Footer", "title": "Footer",
"status": "prototype" "status": "wip"
} }

7
public/main.css
View File

@ -1260,9 +1260,9 @@ body {
display: flex; display: flex;
flex-flow: row wrap; } flex-flow: row wrap; }
.LP-Footer__ListTop { .LP-Footer__ListTop {
text-align: center;
width: 33.333%; } width: 33.333%; }
.LP-Footer__ListTop > li { .LP-Footer__ListTop > li {
text-align: center;
padding-bottom: 10px; } padding-bottom: 10px; }
.LP-Footer__ListHeader { .LP-Footer__ListHeader {
padding: 10px 0 5px 0; padding: 10px 0 5px 0;
@ -1270,6 +1270,11 @@ body {
font-size: 2.3vw; } font-size: 2.3vw; }
.LP-Footer__ListAnchor { .LP-Footer__ListAnchor {
font-size: 1.3em; } font-size: 1.3em; }
.LP-Footer__ListText {
font-size: 1.3em;
color: #f9f9f9; }
.LP-Footer__ListText-left {
text-align: left; }
.LP-Footer__SocialSection { .LP-Footer__SocialSection {
width: 100%; width: 100%;
align-items: center; align-items: center;