Refactor scss to minimize resulting css
This commit is contained in:
parent
8d154d444e
commit
190c0acf7f
GPG key ID:
D40098E5B60B2197
23 changed files with 78 additions and 25 deletions
|
|
@ -7,5 +7,4 @@ categories:
|
|||
tags:
|
||||
|
||||
draft: true
|
||||
type: "post"
|
||||
---
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@ categories:
|
|||
tags:
|
||||
|
||||
draft: true
|
||||
type: "project"
|
||||
status:
|
||||
link:
|
||||
---
|
||||
|
|
|
|||
8
assets/scss/blog.scss
Normal file
8
assets/scss/blog.scss
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
// general
|
||||
@import "variables";
|
||||
@import "style";
|
||||
|
||||
// partials
|
||||
@import "partials/sidebar";
|
||||
@import "partials/footer";
|
||||
@import "partials/helpers/icons.scss";
|
||||
|
|
@ -1,3 +1,16 @@
|
|||
// general
|
||||
@import "variables";
|
||||
@import "style";
|
||||
|
||||
// shortcodes
|
||||
@import "shortcodes/verticalposts";
|
||||
|
||||
// partials
|
||||
@import "partials/sidebar";
|
||||
@import "partials/footer";
|
||||
@import "partials/helpers/icons";
|
||||
|
||||
|
||||
#introduction {
|
||||
background: var(--vriish-gradient);
|
||||
}
|
||||
|
|
@ -1,14 +1,3 @@
|
|||
// general
|
||||
@import "variables";
|
||||
@import "shortcodes";
|
||||
|
||||
// partials
|
||||
@import "partials/sidebar";
|
||||
@import "partials/footer";
|
||||
|
||||
// pages
|
||||
@import "home";
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
scrollbar-color: var(--vriish-rose) var(--background);
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
@import "verticalposts";
|
||||
@import "icons";
|
||||
|
|
@ -6,7 +6,6 @@ categories:
|
|||
tags:
|
||||
|
||||
draft: false
|
||||
type: "post"
|
||||
description: ""
|
||||
slug: "dunkler-modus-von-firefox"
|
||||
---
|
||||
|
|
|
|||
|
|
@ -6,7 +6,6 @@ categories:
|
|||
tags:
|
||||
|
||||
draft: false
|
||||
type: "post"
|
||||
description: ""
|
||||
slug: "firefox-dark-mode"
|
||||
---
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@ tags:
|
|||
- natenom
|
||||
|
||||
draft: false
|
||||
type: "post"
|
||||
description: "I did make a new iteration of this graphic for Natenoms Blog."
|
||||
---
|
||||
|
||||
|
|
|
|||
|
|
@ -6,7 +6,6 @@ categories:
|
|||
tags:
|
||||
|
||||
draft: false
|
||||
type: "post"
|
||||
description: ""
|
||||
---
|
||||
|
||||
|
|
|
|||
|
|
@ -9,7 +9,6 @@ tags:
|
|||
- code
|
||||
|
||||
draft: false
|
||||
type: "post"
|
||||
description: "I'm working on my gitea theme and just added a $nojavascript alternative for two icons with pure css. :)"
|
||||
---
|
||||
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@ tags:
|
|||
- webdesign
|
||||
|
||||
draft: false
|
||||
type: "post"
|
||||
description: "My – also new – gitea theme appears to be usable, as long as you're not logged in."
|
||||
---
|
||||
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@ tags:
|
|||
- opensource
|
||||
|
||||
draft: false
|
||||
type: "post"
|
||||
description: "In the past I always preferred to make every bit myself (and disliked generators)."
|
||||
---
|
||||
|
||||
|
|
|
|||
|
|
@ -2,8 +2,7 @@
|
|||
<html lang="{{ .Page.Lang }}">
|
||||
<head>
|
||||
<title>{{ with .Title }} {{ . }} – {{ end }}{{ .Site.Title }}</title>
|
||||
{{- $style := resources.Get "/style.scss" | resources.ToCSS (dict "outputStyle" "compressed") }}
|
||||
<link rel="preload stylesheet" as="style" href="{{ $style.Permalink }}" type="text/css" media="screen" />
|
||||
{{ block "stylesheet" . }}{{ end }}
|
||||
<link href="/gpg.pub" rel="pgpkey authn" />
|
||||
<link href="https://social.anoxinon.de/@vri" rel="me" />
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
{{- define "stylesheet" -}}
|
||||
{{- $scss := resources.Get "/_default/list.scss" -}}
|
||||
{{- $scss := resources.Get "/scss/style.scss" -}}
|
||||
{{- $style := $scss | resources.ToCSS -}}
|
||||
<link rel="preload stylesheet" as="style" href="{{ $style.Permalink }}" type="text/css" media="screen" />
|
||||
{{- end -}}
|
||||
|
|
|
|||
17
layouts/blog/list.html
Normal file
17
layouts/blog/list.html
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
{{- define "stylesheet" -}}
|
||||
{{- $scss := resources.Get "/scss/blog.scss" -}}
|
||||
{{- $style := $scss | resources.ToCSS -}}
|
||||
<link rel="preload stylesheet" as="style" href="{{ $style.Permalink }}" type="text/css" media="screen" />
|
||||
{{- end -}}
|
||||
|
||||
{{- define "main" }}
|
||||
|
||||
<main>
|
||||
<h1 class="title">{{ .Title }}</h1>
|
||||
<p>{{ .Content }}</p>
|
||||
{{- range .Pages }}
|
||||
<p> <a href="{{ .Permalink }}">{{ .Title }}</a> <span>{{ .Date.Day }}. {{ if eq .Params.lang "de"}} {{ index $.Site.Data.monate (printf "%d" .Date.Month) }} {{ else }} {{ .Date.Month }} {{ end }} {{ .Date.Year }}</span> </p>
|
||||
{{- end }}
|
||||
</main>
|
||||
|
||||
{{- end }}
|
||||
32
layouts/blog/single.html
Normal file
32
layouts/blog/single.html
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
{{- define "stylesheet" -}}
|
||||
{{- $scss := resources.Get "/scss/blog.scss" -}}
|
||||
{{- $style := $scss | resources.ToCSS -}}
|
||||
<link rel="preload stylesheet" as="style" href="{{ $style.Permalink }}" type="text/css" media="screen" />
|
||||
{{- end -}}
|
||||
|
||||
{{- define "main" }}
|
||||
<main>
|
||||
{{- if eq .Params.type "post" }}
|
||||
<p class="date-published" title="{{ .Date | time.Format "2. January 2006, 15:04 MST" }}">{{ .Date | time.Format "2. January 2006" }}</p>
|
||||
{{- end }}
|
||||
<h1 class="title">{{ .Title }}</h1>
|
||||
{{ .Content -}}
|
||||
<aside>
|
||||
{{- with .Params.topics }}
|
||||
<ul class="topics">
|
||||
{{- range . }}
|
||||
<li>
|
||||
<a href="{{ "topics" | relURL}}/{{ . | urlize }}">{{ . }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
{{- end }}
|
||||
{{- with .Params.tags }}
|
||||
tags
|
||||
{{- range . }}
|
||||
<a href='{{ "tags" | relURL }}/{{ . | urlize }}'>{{ . }}</a>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
</aside>
|
||||
</main>
|
||||
{{- end }}
|
||||
|
|
@ -1,3 +1,9 @@
|
|||
{{- define "stylesheet" -}}
|
||||
{{- $scss := resources.Get "/scss/home.scss" -}}
|
||||
{{- $style := $scss | resources.ToCSS -}}
|
||||
<link rel="preload stylesheet" as="style" href="{{ $style.Permalink }}" type="text/css" media="screen" />
|
||||
{{- end -}}
|
||||
|
||||
{{- define "header" }}
|
||||
<header id="introduction" class="global-header">
|
||||
<h1>{{ i18n "introduction-heading" }}</h1>
|
||||
|
|
|
|||
Loading…
Reference in a new issue