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

adjust style

Browse source
This commit is contained in:
Mivinci 2021-11-27 23:56:38 +08:00
parent a06585b9ce
commit cbfde610e7
5 changed files with 23 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
assets/sass/main.scss
View file

@ -81,30 +81,20 @@ a:hover {
color: var(--pm); color: var(--pm);
} }
main a:not(.icon) {
color: inherit;
text-decoration: underline;
text-decoration-color: var(--pm);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, var(--pm) 50%);
background-size: 100% 200%;
transition: background-position 0.2s ease-in-out;
}
main a:not(.icon):hover,
main a:not(.icon):focus {
background-position: 0 100%;
color: #fff;
}
main a.icon:hover {
transform: translateY(-5px);
transition: transform 0.3s ease-in-out;
}
main { main {
animation: showup 0.7s; animation: showup 0.7s;
} }
p a {
font-style: italic;
text-decoration: underline;
}
footer a {
font-style: unset;
text-decoration: none;
}
header nav { header nav {
color: var(--tag); color: var(--tag);
} }
@ -151,4 +141,8 @@ nav::-webkit-scrollbar {
opacity: 1; opacity: 1;
transform: none; transform: none;
} }
}
.home-intro {
line-height: 1.65;
} }

5
assets/sass/markdown.scss
View file

@ -66,3 +66,8 @@
.md p sup { .md p sup {
margin-left: 4px; margin-left: 4px;
} }
.md a {
font-style: italic;
text-decoration: underline;
}

4
exampleSite/config.toml
View file

@ -27,7 +27,7 @@ subtitle = ""
# Comment decides the comment plugin to be used on your blog site, # Comment decides the comment plugin to be used on your blog site,
# e.g. disqus, utterances, ovo. # e.g. disqus, utterances, ovo.
comment = "utterances" comment = "utterances"
# timeformat # timeformat, no matter what format to use, make it the second day of Jan. 2006
timeformat = "Jan 02, 2006" timeformat = "Jan 02, 2006"
# switch for turning on/off lights. # switch for turning on/off lights.
switch = ["🌚", "🌝"] switch = ["🌚", "🌝"]
@ -37,7 +37,7 @@ displayDate = true
selectable = true selectable = true
# custom global font. notice: `globalFontFamily` won't be working # custom global font. notice: `globalFontFamily` won't be working
# on texts in some special positions like on titles # on texts in some special positions like on titles
globalFontFamily = 'Helvatica, sans-serif' globalFontFamily = 'Helvatica sans-serif'
# Disqus configuration # Disqus configuration
[params.disqus] [params.disqus]

2
layouts/index.html
View file

@ -2,7 +2,7 @@
<main> <main>
<h2 class="mt-8 mb-1">{{ .Site.Params.iam }} {{ .Site.Author.name }}</h2> <h2 class="mt-8 mb-1">{{ .Site.Params.iam }} {{ .Site.Author.name }}</h2>
<p class="my-0">{{ .Site.Author.slogon }}</p> <p class="my-0">{{ .Site.Author.slogon }}</p>
<p class="my-3">{{ .Site.Author.description | markdownify | safeHTML }}</p> <p class="my-3 home-intro">{{ .Site.Author.description | markdownify | safeHTML }}</p>
{{ if eq .Paginator.PageNumber 1 }} {{ if eq .Paginator.PageNumber 1 }}
<h3 class="my-6">Recent Posts</h3> <h3 class="my-6">Recent Posts</h3>
{{ else }} {{ else }}

2
layouts/partials/list.html
View file

@ -1,4 +1,4 @@
<div class="flex justify-between sm:flex-col-reverse my-5 sm:mb-6 sm:mt-3"> <div class="flex justify-between sm:flex-col-reverse my-4 sm:mb-6 sm:mt-3">
<a class="" href="{{ .RelPermalink }}">{{ .Title }}</a> <a class="" href="{{ .RelPermalink }}">{{ .Title }}</a>
{{ if .Site.Params.displayDate }} {{ if .Site.Params.displayDate }}
<div class="sm:mb-2 sm:text-sm">{{ dateFormat .Site.Params.timeformat .Date }}</div> <div class="sm:mb-2 sm:text-sm">{{ dateFormat .Site.Params.timeformat .Date }}</div>