style: feed styling
This commit is contained in:
parent
a7c1084dc4
commit
87215650a9
8 changed files with 68 additions and 12 deletions
|
@ -5,7 +5,7 @@ $light: #fffff0;
|
||||||
// Fonts
|
// Fonts
|
||||||
$default-font: "Domitian", "Palatino Linotype", "Book Antiqua", palatino,
|
$default-font: "Domitian", "Palatino Linotype", "Book Antiqua", palatino,
|
||||||
garamond, serif;
|
garamond, serif;
|
||||||
$code-font: "Input Mono", "Lucida Console", monaco, monospace;
|
$code-font: "Input Mono", "Lucida Console", monaco, "Courier New", monospace;
|
||||||
|
|
||||||
// Breakpoints
|
// Breakpoints
|
||||||
$breakpoints: (
|
$breakpoints: (
|
||||||
|
|
|
@ -56,6 +56,7 @@ h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
font-variant-numeric: slashed-zero;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
|
39
assets/css/feeds.scss
Normal file
39
assets/css/feeds.scss
Normal file
|
@ -0,0 +1,39 @@
|
||||||
|
@import "abstracts/variables";
|
||||||
|
@import "abstracts/mixins";
|
||||||
|
|
||||||
|
@import "base/typography";
|
||||||
|
|
||||||
|
.feed {
|
||||||
|
padding: 10px 20px;
|
||||||
|
background-color: $light;
|
||||||
|
color: $dark;
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 800px;
|
||||||
|
font-weight: normal;
|
||||||
|
text-align: center;
|
||||||
|
gap: 2em;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav__notice {
|
||||||
|
display: block;
|
||||||
|
border: 2px solid $dark;
|
||||||
|
padding: 20px;
|
||||||
|
width: 80%;
|
||||||
|
margin-inline: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.summary {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feed__header {
|
||||||
|
padding-block-end: 1em;
|
||||||
|
margin-block-end: 1em;
|
||||||
|
border-block-end: 1px solid $dark;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feed__item {
|
||||||
|
margin-block: 1em;
|
||||||
|
}
|
|
@ -1,6 +1,8 @@
|
||||||
.organisations-table {
|
.organisations-table {
|
||||||
inline-size: 80% !important;
|
inline-size: 80% !important;
|
||||||
|
|
||||||
& thead {
|
& thead {
|
||||||
|
z-index: 1;
|
||||||
position: sticky;
|
position: sticky;
|
||||||
|
|
||||||
& th {
|
& th {
|
||||||
|
@ -10,9 +12,15 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&__logo {
|
||||||
|
max-inline-size: 5em;
|
||||||
|
max-block-size: 5em;
|
||||||
|
fill: $dark;
|
||||||
|
}
|
||||||
|
|
||||||
&__items-icon {
|
&__items-icon {
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
font-size: 1.4em;
|
font-size: 0.8em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
float: inline-start;
|
float: inline-start;
|
||||||
padding-inline-end: 1em;
|
padding-inline-end: 1em;
|
||||||
|
|
|
@ -102,13 +102,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.organisation-table {
|
|
||||||
&__logo {
|
|
||||||
max-inline-size: 5em;
|
|
||||||
max-block-size: 5em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.timeline__legend {
|
.timeline__legend {
|
||||||
inline-size: fit-content;
|
inline-size: fit-content;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
@ -62,6 +62,11 @@
|
||||||
align-content: center;
|
align-content: center;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
&--fit {
|
||||||
|
background-size: contain;
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
& .attr {
|
& .attr {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background-color: $dark;
|
background-color: $dark;
|
||||||
|
|
|
@ -115,6 +115,12 @@
|
||||||
href="{{ $printStylesheet.Permalink }}"
|
href="{{ $printStylesheet.Permalink }}"
|
||||||
integrity="{{ $printStylesheet.Data.Integrity | html }}"
|
integrity="{{ $printStylesheet.Data.Integrity | html }}"
|
||||||
/>
|
/>
|
||||||
|
{{- $feedsStylesheet := resources.Get "css/feeds.scss" }}
|
||||||
|
{{- $feedsStylesheet := $feedsStylesheet | css.Sass }}
|
||||||
|
<link
|
||||||
|
rel="stylesheet"
|
||||||
|
href="{{ $feedsStylesheet.Permalink }}"
|
||||||
|
/>
|
||||||
|
|
||||||
{{- if .Param "math" -}}
|
{{- if .Param "math" -}}
|
||||||
{{- partialCached "math.html" . -}}
|
{{- partialCached "math.html" . -}}
|
||||||
|
|
|
@ -11,11 +11,13 @@
|
||||||
{{- $pages = $pages | first $limit -}}
|
{{- $pages = $pages | first $limit -}}
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
{{- printf "<?xml version=\"1.0\" encoding=\"utf-8\" standalone=\"yes\"?>" | safeHTML }}
|
{{- printf "<?xml version=\"1.0\" encoding=\"utf-8\" standalone=\"yes\"?>" | safeHTML }}
|
||||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
{{- printf "<?xml-stylesheet href=\"/rss.xsl\" type=\"text/xsl\"?>" | safeHTML }}
|
||||||
|
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
|
||||||
<channel>
|
<channel>
|
||||||
<title>{{ if eq .Title .Site.Title }}{{ .Site.Title | plainify }}{{ else }}{{ with .Title }}{{ . | plainify }} on {{ end }}{{ .Site.Title | plainify }}{{ end }}</title>
|
<title>{{ if eq .Title .Site.Title }}{{ .Site.Title | plainify }}{{ else }}{{ with .Title }}{{ . | plainify }} on {{ end }}{{ .Site.Title | plainify }}{{ end }}</title>
|
||||||
<link>{{ .Permalink }}</link>
|
<link>{{ .Permalink }}</link>
|
||||||
<description>Recent content {{ if ne .Title .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }}</description>
|
<description>Recent content {{ if ne .Title .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }}</description>
|
||||||
|
<category>{{ .FirstSection.Title }}</category>
|
||||||
{{ with .Site.LanguageCode }}<language>{{.}}</language>{{end}}
|
{{ with .Site.LanguageCode }}<language>{{.}}</language>{{end}}
|
||||||
{{ with .Site.Params.Author.email }}<managingEditor>{{.}}{{ with $.Site.Params.Author.name }} ({{.}}){{end}}</managingEditor>{{end}}
|
{{ with .Site.Params.Author.email }}<managingEditor>{{.}}{{ with $.Site.Params.Author.name }} ({{.}}){{end}}</managingEditor>{{end}}
|
||||||
{{ with .Site.Params.Author.email }}<webMaster>{{.}}{{ with $.Site.Params.Author.name }} ({{.}}){{end}}</webMaster>{{end}}
|
{{ with .Site.Params.Author.email }}<webMaster>{{.}}{{ with $.Site.Params.Author.name }} ({{.}}){{end}}</webMaster>{{end}}
|
||||||
|
@ -26,12 +28,14 @@
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
{{ range $pages }}
|
{{ range $pages }}
|
||||||
<item>
|
<item>
|
||||||
<title>{{ .Title | plainify }}</title>
|
<title>{{ .Title }}</title>
|
||||||
<link>{{ .Permalink }}</link>
|
<link>{{ .Permalink }}</link>
|
||||||
|
{{ range .GetTerms "categories" }}<category>{{ .Title }}</category>{{ end }}
|
||||||
<pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
|
<pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
|
||||||
{{ with .Site.Params.Author.email }}<author>{{.}}{{ with $.Site.Params.Author.name }} ({{.}}){{end}}</author>{{end}}
|
{{ with .Site.Params.Author.email }}<author>{{.}}{{ with $.Site.Params.Author.name }} ({{.}}){{end}}</author>{{end}}
|
||||||
<guid>{{ .Permalink }}</guid>
|
<guid>{{ .Permalink }}</guid>
|
||||||
<description>{{ .Summary | html }}</description>
|
<description>{{ .Summary | htmlEscape | plainify }}</description>
|
||||||
|
<content:encoded>{{ printf "<![CDATA[%s]]>" .Content | safeHTML }}</content:encoded>
|
||||||
</item>
|
</item>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</channel>
|
</channel>
|
||||||
|
|
Loading…
Add table
Reference in a new issue