Update class names of several components

This commit is contained in:
Gabriel Arazas 2023-03-18 14:54:27 +08:00
parent 3b85e0bc00
commit 28f170f5f6
6 changed files with 16 additions and 7 deletions

View File

@ -20,6 +20,15 @@ and this project adheres to https://semver.org/spec/v2.0.0.html[Semantic Version
== Unreleased == Unreleased
=== Updated
* Update class names of several components.
** `.icon` has been updated to `.site__icon`.
** `.list` has been updated to `.site__list`.
== [0.6.0] - 2023-03-16 == [0.6.0] - 2023-03-16

View File

@ -18,13 +18,13 @@ footer[aria-label="Site footer"] {
} }
} }
.icon { .site__icon {
height: 1rem; height: 1rem;
width: 1rem; width: 1rem;
fill: currentColor; fill: currentColor;
} }
.list { .site__list {
display: inline-flex; display: inline-flex;
align-items: baseline; align-items: baseline;
flex-flow: row wrap; flex-flow: row wrap;

View File

@ -19,7 +19,7 @@
{{- define "partials/components/icon.html" }} {{- define "partials/components/icon.html" }}
{{- $icon := . }} {{- $icon := . }}
{{- $res := resources.ExecuteAsTemplate (printf $icon.output $icon.id) $icon.id (resources.Get $icon.template) }} {{- $res := resources.ExecuteAsTemplate (printf $icon.output $icon.id) $icon.id (resources.Get $icon.template) }}
<svg class="icon"> <svg class="site__icon">
<use href="{{ $res.Permalink }}#{{ $icon.id }}"></use> <use href="{{ $res.Permalink }}#{{ $icon.id }}"></use>
</svg> </svg>
{{- end }} {{- end }}

View File

@ -3,7 +3,7 @@
*/ -}} */ -}}
{{- if or .PublishDate .Lastmod }} {{- if or .PublishDate .Lastmod }}
{{- $RFC3339 := "2006-01-02T15:04:05Z07:00" }} {{- $RFC3339 := "2006-01-02T15:04:05Z07:00" }}
<div class="list post__meta" aria-hidden="true"> <div class="site__list post__meta" aria-hidden="true">
{{- if .PublishDate -}} {{- if .PublishDate -}}
<span class="post__meta-icon-label"> <span class="post__meta-icon-label">
{{ partial "components/heroicon.html" "calendar" }} {{ partial "components/heroicon.html" "calendar" }}

View File

@ -5,7 +5,7 @@
<!-- Linking to other languages' homepage. --> <!-- Linking to other languages' homepage. -->
{{ if $.Site.IsMultiLingual }} {{ if $.Site.IsMultiLingual }}
<p>{{ i18n "multilingual" }}: <p>{{ i18n "multilingual" }}:
<span class="list site__languages"> <span class="site__list site__languages">
{{ range $.Site.Languages }} {{ range $.Site.Languages }}
<a href="{{ . | relURL }}" hreflang="{{ .Lang }}">{{ with .LanguageName }}{{ . }}{{ else }}{{ .Lang }}{{ end }}</a> <a href="{{ . | relURL }}" hreflang="{{ .Lang }}">{{ with .LanguageName }}{{ . }}{{ else }}{{ .Lang }}{{ end }}</a>
{{ end }} {{ end }}
@ -16,7 +16,7 @@
<!-- List all of the social media links --> <!-- List all of the social media links -->
{{ with (index $.Site.Data "more-contentful").contacts }} {{ with (index $.Site.Data "more-contentful").contacts }}
<nav class="list site__socials"> <nav class="site__list site__socials">
{{ $useImage := index . "useImage" | default false }} {{ $useImage := index . "useImage" | default false }}
{{ $links := sort .links "id" "asc" }} {{ $links := sort .links "id" "asc" }}

View File

@ -1,7 +1,7 @@
<header aria-label="Site header"> <header aria-label="Site header">
<nav class="site__nav-header"> <nav class="site__nav-header">
<a class="site__title" href="{{ "" | absLangURL }}">{{ $.Site.Title }}</a> <a class="site__title" href="{{ "" | absLangURL }}">{{ $.Site.Title }}</a>
<ul class="list"> <ul class="site__list">
{{ with $.Site.Menus.main }} {{ with $.Site.Menus.main }}
{{ range . -}} {{ range . -}}
<li> <li>