Fix word break in footer + font size in mobile view

This commit is contained in:
meaz 2022-02-07 08:27:02 +01:00
parent 7e4956e0a6
commit 210605c53e
Signed by: meaz
GPG Key ID: CD7A47B2F1ED43B4
2 changed files with 20 additions and 20 deletions

View File

@ -6,6 +6,7 @@
letter-spacing: 0.5px;
margin-bottom: 0px;
height: 100%;
font-size: 10px;
}
footer div#footer-links ul li {
@ -25,4 +26,4 @@
font-size: 18px;
line-height: 54px;
}
}
}

View File

@ -94,12 +94,6 @@ body {
font-family: 'Lato', 'Helvetica Neue', sans-serif;
font-size: 16px;
-ms-word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
body a {
@ -1737,7 +1731,7 @@ footer {
align-items: center;
height: 82px;
}
footer #footer-logo {
height: 45px;
width: 15%;
@ -1747,7 +1741,7 @@ footer {
opacity: 0.7;
display: inline-block;
}
footer .dot {
height: 5px;
width: 5px;
@ -1756,12 +1750,12 @@ footer {
display: inline-block;
margin-bottom: 2px;
}
footer #footer-links {
text-align: center;
width: 60%;
}
footer ul.footer-links {
display: flex;
justify-content: center;
@ -1769,31 +1763,32 @@ footer {
padding-left: 0;
margin-bottom: 24px;
margin-top: 12px;
word-break: normal;
}
footer ul.footer-icons {
display: flex;
justify-content: end;
margin-right: 30px;
align-items: center;
}
footer div#footer-links ul li {
padding-left: 20px;
padding-right: 20px;
margin: 0;
padding-top: 13px;
font-weight: 600;
text-align: center;
line-height: 1.5em;
}
footer #footer-links a {
color: #b9a2ab;
}
footer #footer-links a:hover {
color: #FFFFFF;
}
footer #footer-icons {
width: 25%;
background: transparent;
@ -1803,24 +1798,24 @@ footer {
margin-bottom: 24px;
margin-top: 12px;
}
footer #footer-icons ul li {
margin: 0;
padding-right: 10px;
padding-top: 10px;
text-align: right;
}
footer #footer-icons ul li .fa-fw {
color: white;
opacity: 0.7;
}
footer #footer-icons ul li .fa-fw:hover {
color: white;
opacity: 1;
}
footer a, footer a:visited { color: #FFFFFF; }
footer a:hover, footer a:focus { color: #1F5C60; }
@ -2151,6 +2146,10 @@ footer {
body { font-size: 16px; }
footer {
font-size: 10px;
}
}