tblyler/etch
1
0
Fork 0
mirror of https://github.com/LukasJoswiak/etch.git synced 2024-05-02 16:18:32 -04:00
Code Issues Projects Releases Wiki Activity

Move CSS to external stylesheet

Browse source
This commit is contained in:
Lukas Joswiak 2020-06-01 16:47:17 -07:00
parent 7af665757d
commit 229986d1fc
4 changed files with 55 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
layouts/partials/css/dark.css → assets/css/dark.css
View file

45
layouts/partials/css/main.css → assets/css/main.css
View file

@ -142,6 +142,51 @@ main#content header#post-header time {
color: #767676;
}
main#content #toc {
border: 1px solid #b1b1b1;
border-radius: 1px;
line-height: 26px;
margin: 16px 0;
padding: 9px 14px;
}
main#content #toc h4 {
font-size: 1.06em;
color: #3d3d3d;
margin: 0;
}
main#content #toc nav#TableOfContents {
margin-top: 4px;
}
main#content #toc nav#TableOfContents > ul, main#content #toc nav#TableOfContents > ol {
margin-left: -40px;
}
main#content #toc ul, main#content #toc ol {
font-size: 0.98em;
margin: 0;
padding: 0 0 0 40px;
}
main#content #toc ul {
list-style-type: none;
}
main#content #toc ol {
counter-reset: item;
}
main#content #toc ol li {
display: block;
}
main#content #toc ol li:before {
content: counters(item, ".") ". ";
counter-increment: item;
}
main#content img {
max-width: 100%;
margin: 0 auto;

0
layouts/partials/css/min770px.css → assets/css/min770px.css
View file

22
layouts/partials/head.html
View file

@ -9,25 +9,23 @@
{{ printf `<link rel="%s" type="%s" href="%s" title="%s">` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
{{ end -}}
<style type="text/css" media="screen">
{{ partial "css/main.css" . | safeCSS }}
</style>
{{ $resources := slice -}}
{{ $resources = $resources | append (resources.Get "css/main.css") -}}
{{ $resources = $resources | append (resources.Get "css/min770px.css") -}}
{{ $dark := .Site.Params.dark | default "auto" -}}
{{ if not (eq $dark "off") -}}
<style type="text/css" media="screen">
{{ partial "css/dark.css" . | safeCSS }}
</style>
{{ $resources = $resources | append (resources.Get "css/dark.css" | resources.ExecuteAsTemplate "dark.css" .) -}}
{{ end -}}
<style type="text/css" media="(min-width: 770px)">
{{ partial "css/min770px.css" . | safeCSS }}
</style>
{{ if .Site.Params.highlight -}}
{{ $syntax := resources.Get "css/syntax.css" | minify -}}
{{ printf `<link rel="stylesheet" href="%s">` $syntax.Permalink | safeHTML }}
{{ $resources = $resources | append (resources.Get "css/syntax.css") -}}
{{ end -}}
{{ $css := $resources | resources.Concat "css/style.css" | minify }}
{{ printf `<link rel="stylesheet" href="%s">` $css.RelPermalink | safeHTML }}
<title>{{ .Title }}</title>
</head>