ekzyis
/
holy
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

styles: update styles

This commit is contained in:
SerKo 2022-04-12 04:09:26 +08:00
parent c68443b71c
commit 790991e898
4 changed files with 25 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
layouts/_default/baseof.html
View File

@ -2,22 +2,22 @@
<html>
{{- partial "head.html" . -}}
<body class="bg:gray-90@dark font:gray-15@dark">
<nav class="w:full h:90 fixed bg:gray-88@dark bg:white z:1000">
<body class="bg:fade-90@dark font:fade-15@dark">
<nav class="w:full h:90 fixed bg:fade-90/.95@dark bg:white z:1000">
<div class="
h:full
w:full
max-w:1280
max-w:1200
mx:auto
px:16
px:32
d:flex
align-items:center
">
<div class="mr:8">
<div>
<a href="/" class="mr-3 font:extralight">Holy</a>
</div>
<div>
<div class="ml:auto">
{{ $currentPage := . }}
{{ $active := "" }}
@ -27,10 +27,11 @@
{{ end }}
<a class="
font:semibold
font:gray-80
font:gray-60:hover
font:gray-40.active
font:fade-70
font:fade-10:hover
font:fade-30.active
px:8
transition:150ms;ease-in
{{ $active }}
" href="{{ .URL }}" title="{{ .Title }}">
{{ .Name }}
@ -40,10 +41,10 @@
</div>
</nav>
<div class="pt:90 px:16 max-w:700 box:content-box mx:auto">
<div class="pt:90 px:32 max-w:700 box:content-box mx:auto">
{{- block "main" . }}{{- end }}
{{- partial "footer.html" . -}}
</div>
{{- partial "footer.html" . -}}
</body>
</html>

3
layouts/_default/list.html
View File

@ -0,0 +1,3 @@
{{ define "main" }}
{{ end }}

13
layouts/_default/single.html
View File

@ -1,8 +1,8 @@
{{ define "main" }}
<article class="py:48 w:full">
<article class="box:border-box py:64 w:full">
<header class="mb:32">
<div class="font:40 font:extrabold">{{ .Title }}</div>
<div class="mt:16 font:gray">
<div class="mt:16 font:fade-70">
{{- if isset .Params "date" -}}
{{ if eq .Lastmod .Date }}
<time>{{ .Date | time.Format (":date_medium") }}</time>
@ -12,10 +12,9 @@
{{- end -}}
</div>
</header>
<div class="
_:where(a):hover{text-decoration-color:blue-36!}
_:where(a){text-decoration:2;underline;fade-23;_text-decoration-color:fade-68@dark}
_:where(a):hover{text-decoration-color:fade!}
_:where(a){text-decoration:2;underline;fade-10;_text-decoration-color:fade-70@dark}
_:where(blockquote){bl:5;solid;fade-76/.1;_bl:5;solid;fade-34/.1@dark}
_:where(code){font:90%;_v:middle}
_:where(code:not(.highlight_*)){p:2;4;_r:4}
@ -35,8 +34,8 @@
_:where(p,li){font:fade-76;_font:16;_line-height:1.65;_font:gray-34@dark}
_:where(p,pre,blockquote,figure,ul,ol,table){my:1.125em}
_:where(pre){p:20;_r:8;_overflow:auto}
_:where(pre,code:not(.highlight_*)){bg:gray-3;_bg:gray-93@dark}
_:where(strong,b,a,code:not(.highlight_*),mark,del){font:fade-92;_font:gray-12@dark}
_:where(pre,code:not(.highlight_*)){bg:fade-3;_bg:fade-93@dark}
_:where(strong,b,a,code:not(.highlight_*),mark,del){font:fade-92;_font:fade-12@dark}
_:where(table){width:full;_border-spacing:0}
_:where(td){v:baseline}
_:where(td,th):first-child{pl:0}

6
layouts/index.html
View File

@ -1,14 +1,14 @@
{{ define "main" }}
<div>
{{ .Content }}
<ul id="posts">
<ul class="">
{{- range where site.RegularPages "Type" "in" site.Params.mainSections }}
<li>
<div class="my:16 py:26">
<div class="my:16 py:24 f:fade-30 f:fade-10:hover transition:150ms;ease-in">
<a class="f:24 font:semibold" href="{{ .Permalink }}">
<div>{{ .Title }}</div>
<div class="font:16 mt:5 f:gray"><time>{{ .Date | time.Format (":date_medium") }}</time></div>
</a>
<div class="mt:12 f:fade-70"><time>{{ .Date | time.Format (":date_medium") }}</time></div>
</div>
</li>
{{- end }}