styles: update styles
This commit is contained in:
parent
c68443b71c
commit
790991e898
|
@ -2,22 +2,22 @@
|
||||||
<html>
|
<html>
|
||||||
{{- partial "head.html" . -}}
|
{{- partial "head.html" . -}}
|
||||||
|
|
||||||
<body class="bg:gray-90@dark font:gray-15@dark">
|
<body class="bg:fade-90@dark font:fade-15@dark">
|
||||||
<nav class="w:full h:90 fixed bg:gray-88@dark bg:white z:1000">
|
<nav class="w:full h:90 fixed bg:fade-90/.95@dark bg:white z:1000">
|
||||||
<div class="
|
<div class="
|
||||||
h:full
|
h:full
|
||||||
w:full
|
w:full
|
||||||
max-w:1280
|
max-w:1200
|
||||||
mx:auto
|
mx:auto
|
||||||
px:16
|
px:32
|
||||||
d:flex
|
d:flex
|
||||||
align-items:center
|
align-items:center
|
||||||
">
|
">
|
||||||
<div class="mr:8">
|
<div>
|
||||||
<a href="/" class="mr-3 font:extralight">Holy</a>
|
<a href="/" class="mr-3 font:extralight">Holy</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div class="ml:auto">
|
||||||
{{ $currentPage := . }}
|
{{ $currentPage := . }}
|
||||||
{{ $active := "" }}
|
{{ $active := "" }}
|
||||||
|
|
||||||
|
@ -27,10 +27,11 @@
|
||||||
{{ end }}
|
{{ end }}
|
||||||
<a class="
|
<a class="
|
||||||
font:semibold
|
font:semibold
|
||||||
font:gray-80
|
font:fade-70
|
||||||
font:gray-60:hover
|
font:fade-10:hover
|
||||||
font:gray-40.active
|
font:fade-30.active
|
||||||
px:8
|
px:8
|
||||||
|
transition:150ms;ease-in
|
||||||
{{ $active }}
|
{{ $active }}
|
||||||
" href="{{ .URL }}" title="{{ .Title }}">
|
" href="{{ .URL }}" title="{{ .Title }}">
|
||||||
{{ .Name }}
|
{{ .Name }}
|
||||||
|
@ -40,10 +41,10 @@
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</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 }}
|
{{- block "main" . }}{{- end }}
|
||||||
|
{{- partial "footer.html" . -}}
|
||||||
</div>
|
</div>
|
||||||
{{- partial "footer.html" . -}}
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
|
@ -0,0 +1,3 @@
|
||||||
|
{{ define "main" }}
|
||||||
|
|
||||||
|
{{ end }}
|
|
@ -1,8 +1,8 @@
|
||||||
{{ define "main" }}
|
{{ define "main" }}
|
||||||
<article class="py:48 w:full">
|
<article class="box:border-box py:64 w:full">
|
||||||
<header class="mb:32">
|
<header class="mb:32">
|
||||||
<div class="font:40 font:extrabold">{{ .Title }}</div>
|
<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 isset .Params "date" -}}
|
||||||
{{ if eq .Lastmod .Date }}
|
{{ if eq .Lastmod .Date }}
|
||||||
<time>{{ .Date | time.Format (":date_medium") }}</time>
|
<time>{{ .Date | time.Format (":date_medium") }}</time>
|
||||||
|
@ -12,10 +12,9 @@
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div class="
|
<div class="
|
||||||
_:where(a):hover{text-decoration-color:blue-36!}
|
_:where(a):hover{text-decoration-color:fade!}
|
||||||
_:where(a){text-decoration:2;underline;fade-23;_text-decoration-color:fade-68@dark}
|
_: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(blockquote){bl:5;solid;fade-76/.1;_bl:5;solid;fade-34/.1@dark}
|
||||||
_:where(code){font:90%;_v:middle}
|
_:where(code){font:90%;_v:middle}
|
||||||
_:where(code:not(.highlight_*)){p:2;4;_r:4}
|
_: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,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(p,pre,blockquote,figure,ul,ol,table){my:1.125em}
|
||||||
_:where(pre){p:20;_r:8;_overflow:auto}
|
_:where(pre){p:20;_r:8;_overflow:auto}
|
||||||
_:where(pre,code:not(.highlight_*)){bg:gray-3;_bg:gray-93@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:gray-12@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(table){width:full;_border-spacing:0}
|
||||||
_:where(td){v:baseline}
|
_:where(td){v:baseline}
|
||||||
_:where(td,th):first-child{pl:0}
|
_:where(td,th):first-child{pl:0}
|
||||||
|
|
|
@ -1,17 +1,17 @@
|
||||||
{{ define "main" }}
|
{{ define "main" }}
|
||||||
<div>
|
<div>
|
||||||
{{ .Content }}
|
{{ .Content }}
|
||||||
<ul id="posts">
|
<ul class="">
|
||||||
{{- range where site.RegularPages "Type" "in" site.Params.mainSections }}
|
{{- range where site.RegularPages "Type" "in" site.Params.mainSections }}
|
||||||
<li>
|
<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 }}">
|
<a class="f:24 font:semibold" href="{{ .Permalink }}">
|
||||||
<div>{{ .Title }}</div>
|
<div>{{ .Title }}</div>
|
||||||
<div class="font:16 mt:5 f:gray"><time>{{ .Date | time.Format (":date_medium") }}</time></div>
|
|
||||||
</a>
|
</a>
|
||||||
|
<div class="mt:12 f:fade-70"><time>{{ .Date | time.Format (":date_medium") }}</time></div>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
{{- end }}
|
{{- end }}
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
Loading…
Reference in New Issue