Ad5001/omegamma
Ad5001/omegamma
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Fixing footer

Browse source
This commit is contained in:
Adsooi 2021-07-14 00:58:41 +02:00
parent bdded822bd
commit 04cd0bc087
Signed by: Ad5001
GPG key ID: EF45F9C6AFE20160
3 changed files with 34 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
assets/scss/common.scss
View file

@ -39,6 +39,11 @@ body {
padding: 1em; padding: 1em;
} }
.padding-container-1 {
padding-left: 1em;
padding-right: 1em;
}
.padding-container-3 { .padding-container-3 {
padding-left: 3em; padding-left: 3em;
padding-right: 3em; padding-right: 3em;

56
assets/scss/components/columns.scss
View file

@ -21,42 +21,40 @@
display: flex; display: flex;
} }
.column { .col1 {
&.col1 { &:not(.col1-fill) {
&:not(.col1-fill) {
width: 50%;
margin-right: auto !important;
margin-left: auto !important;
}
&.col1-fill {
width: 100%;
}
}
&.col2 {
width: 50%; width: 50%;
margin-right: auto !important;
margin-left: auto !important;
} }
&.col1-fill {
width: 100%;
}
}
&.col3 { .col2 {
width: 33%; width: 50%;
} }
&.col2-3 { .col3 {
width: 66%; width: 33%;
} }
&.col4 { .col2-3 {
width: 25%; width: 66%;
} }
&.col3-4 { .col4 {
width: 75%; width: 25%;
} }
&.col5 { .col3-4 {
width: 20%; width: 75%;
} }
.col5 {
width: 20%;
} }
@media screen and (max-width: 700px) { @media screen and (max-width: 700px) {

4
layouts/partials/footer.html
View file

@ -1,7 +1,7 @@
<footer> <footer>
<br><br> <br><br>
<div class="columns-container"> <div class="columns-container">
<div class="col3 footer-social-list grid padding-container-3"> <div class="col3 footer-social-list grid padding-container-1">
{{ range .Site.Menus.social }} {{ range .Site.Menus.social }}
<a role="button" alt="{{ .Name }}" title="{{ .Name }}" href={{ .URL }}> <a role="button" alt="{{ .Name }}" title="{{ .Name }}" href={{ .URL }}>
{{ .Pre }} {{ .Pre }}
@ -11,7 +11,7 @@
<div class="text-center col3"> <div class="text-center col3">
{{ .Site.Copyright }} {{ .Site.Copyright }}
</div> </div>
<div class="col3 text-right padding-container-3"> <div class="col3 text-right padding-container-1">
{{ .Site.Params.usingTheme }} <a href="/omegamma">Omegamma</a><br> {{ .Site.Params.usingTheme }} <a href="/omegamma">Omegamma</a><br>
{{ .Site.Params.poweredBy }} <a href="https://gohugo.io">Hugo</a> {{ .Site.Params.poweredBy }} <a href="https://gohugo.io">Hugo</a>
</div> </div>