cdn0x12/hugo-theme-minima
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

update layout and style for footer

Browse source
This commit is contained in:
Mivinci 2023-05-05 14:39:11 +08:00
parent 61abe783eb
commit 73fb08026e
3 changed files with 14 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
assets/css/atom.scss
View file

@ -9,7 +9,7 @@
} }
} }
/* flex */ /* classes that breakpoints are necessary for */
$screens: ("", 0), (sm\:, 640px); $screens: ("", 0), (sm\:, 640px);
@each $k, $v in $screens { @each $k, $v in $screens {
@include breakpoint($k, $v) { @include breakpoint($k, $v) {
@ -30,6 +30,10 @@ $screens: ("", 0), (sm\:, 640px);
.#{$k}items-end { align-items: flex-end; } .#{$k}items-end { align-items: flex-end; }
.#{$k}items-baseline { align-items: baseline; } .#{$k}items-baseline { align-items: baseline; }
.#{$k}text-center { text-align: center; }
.#{$k}text-left { text-align: left; }
} }
} }

2
exampleSite/config.yaml
View file

@ -1,7 +1,7 @@
baseURL: https://mivinci.github.io/hugo-theme-minima baseURL: https://mivinci.github.io/hugo-theme-minima
languageCode: en-us languageCode: en-us
title: Hugo on Minima title: Hugo on Minima
copyright: © 2023 X copyright: © 2020-2023 X
googleAnalytics: googleAnalytics:
# paginate specifies the maximum number of posts displayed on the home page. # paginate specifies the maximum number of posts displayed on the home page.
paginate: 12 paginate: 12

11
layouts/partials/footer.html
View file

@ -1,11 +1,14 @@
<footer class="mt-8 mb-8"> <footer class="mt-8 mb-8">
<div class="container mx-auto"> <div class="container mx-auto">
<div class="mt-8 flex flex-col-reverse sm:flex-row sm:justify-between items-center"> <div class="mt-8 flex flex-col-reverse sm:flex-row sm:justify-between items-center">
<p class="mt-0 text-sm"> <div class="text-center sm:text-left">
{{ .Site.Copyright }} | <p class="mt-0 text-sm">{{ .Site.Copyright }}</p>
<a href="https://gohugo.io" target="_blank" rel="noopener noreferrer">Hugo</a> on <p class="mt-0 text-xs">
<a href="https://github.com/mivinci/hugo-theme-minima" target="_blank" rel="noopener noreferrer">Minima</a> Built with <a href="https://gohugo.io" target="_blank" rel="noopener noreferrer">Hugo</a> v{{ .Site.Hugo.Version }}
and <a href="https://github.com/mivinci/hugo-theme-minima" target="_blank" rel="noopener noreferrer">Minima</a>
</p> </p>
</div>
<p class="flex items-center mt-0"> <p class="flex items-center mt-0">
{{ range $_, $key := .Site.Params.Social }} {{ range $_, $key := .Site.Params.Social }}
<a class="icon ml-1 mr-1" href="{{ $key.url }}" title="{{ $key.name }}"> <a class="icon ml-1 mr-1" href="{{ $key.url }}" title="{{ $key.name }}">