From d3f7fb5fca87a849365fc23794cc434d06370a4a Mon Sep 17 00:00:00 2001 From: tdro Date: Sat, 25 Mar 2023 07:56:29 -0400 Subject: themes/default/layouts/_default/summary: micro-content -> article Increase semantics --- assets/css/default.css | 64 +++++++++++------------ themes/default/layouts/_default/home.xslt.rss.xsl | 4 +- themes/default/layouts/_default/summary.html | 4 +- 3 files changed, 36 insertions(+), 36 deletions(-) diff --git a/assets/css/default.css b/assets/css/default.css index 3e245a2..64398d9 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -968,37 +968,37 @@ micro-thumbnail figure img { max-height: 3.5rem; } -micro-content { +micro-summary article { margin-left: 4.25rem; } -micro-content ul { +micro-summary article ul { list-style-type: "\2012"; padding-left: 2rem; } -micro-content li { +micro-summary article li { padding-left: 0.5rem; } -micro-content ul li + li { +micro-summary article ul li + li { margin-top: 0.25rem; } -[data-kind] micro-content h1 a, -[data-kind] micro-content h2 a, -[data-kind] micro-content h3 a { +[data-kind] micro-summary article h1 a, +[data-kind] micro-summary article h2 a, +[data-kind] micro-summary article h3 a { color: inherit; } -micro-content > figure img { +micro-summary article figure img { border: none; margin: 0 auto; box-shadow: 0 0 3px #00000060; box-shadow: 0 0 3px var(--shadow); } -micro-content > figure img:before { +micro-summary article figure img:before { background-color: #fefefe; background-color: var(--background); border-radius: 0.5rem; @@ -1010,16 +1010,16 @@ micro-content > figure img:before { margin: 1rem; } -micro-content > figure > a { +micro-summary article figure > a { border-radius: 0.5rem; display: inline-block; } -micro-content > figure > a[data-orientation="landscape"] { +micro-summary article figure > a[data-orientation="landscape"] { display: block; } -micro-content > figure > a[data-orientation="landscape"] img { +micro-summary article figure > a[data-orientation="landscape"] img { width: 100%; max-height: 20rem; } @@ -1130,9 +1130,9 @@ micro-metadata-menu context-menu a:hover { border-radius: 0.25rem; } -[data-kind] micro-content h1 a, -[data-kind] micro-content h2 a, -[data-kind] micro-content h3 a, +[data-kind] micro-summary article h1 a, +[data-kind] micro-summary article h2 a, +[data-kind] micro-summary article h3 a, micro-metadata-view a, micro-metadata-name a, micro-metadata-draft a, @@ -1143,9 +1143,9 @@ micro-metadata context-menu a span { text-decoration: none; } -[data-kind] micro-content h1 a:hover, -[data-kind] micro-content h2 a:hover, -[data-kind] micro-content h3 a:hover, +[data-kind] micro-summary article h1 a:hover, +[data-kind] micro-summary article h2 a:hover, +[data-kind] micro-summary article h3 a:hover, micro-metadata-menu span, micro-metadata-view a span, micro-metadata-name a:hover, @@ -1219,26 +1219,26 @@ micro-header footer p { display: inline; } -micro-content details[data-disclosure] summary { +micro-summary article details[data-disclosure] summary { display: block; margin: 0 -0.25rem 0.5rem -0.25rem; padding: 0.25rem; outline-offset: 0.05rem; } -micro-content details[data-disclosure] summary:focus a, -micro-content details[data-disclosure] summary:focus:after, -micro-content details[data-disclosure][open] summary:focus:after { +micro-summary article details[data-disclosure] summary:focus a, +micro-summary article details[data-disclosure] summary:focus:after, +micro-summary article details[data-disclosure][open] summary:focus:after { color: inherit; border-color: inherit; } -micro-content details[data-disclosure] summary:hover { +micro-summary article details[data-disclosure] summary:hover { text-shadow: 0 0 currentColor; } -micro-content details[data-disclosure] summary:after, -micro-content details[data-disclosure][open] summary:after { +micro-summary article details[data-disclosure] summary:after, +micro-summary article details[data-disclosure][open] summary:after { padding: 0 0.5rem; margin-left: 1ch; border: 2px solid; @@ -1248,23 +1248,23 @@ micro-content details[data-disclosure][open] summary:after { font-variant: small-caps; } -micro-content details[data-disclosure] summary:after { +micro-summary article details[data-disclosure] summary:after { content: "show"; } -micro-content details[data-disclosure][open] summary:after { +micro-summary article details[data-disclosure][open] summary:after { content: "hide"; } -micro-content details[data-disclosure] summary::-webkit-details-marker { +micro-summary article details[data-disclosure] summary::-webkit-details-marker { display: none; } -micro-content details[data-disclosure] ~ *:not(micro-tags) { +micro-summary article details[data-disclosure] ~ *:not(micro-tags) { display: none; } -micro-content details[data-disclosure][open] ~ * { +micro-summary article details[data-disclosure][open] ~ * { display: inherit; } @@ -1995,7 +1995,7 @@ link-card article a { flex-direction: row; } -[xml-data] micro-content { +[xml-data] micro-summary article { margin-left: 0; } @@ -2121,7 +2121,7 @@ link-card article a { } @media screen and (max-width: 460px) { - micro-content { + micro-summary article { margin-left: 0; } } diff --git a/themes/default/layouts/_default/home.xslt.rss.xsl b/themes/default/layouts/_default/home.xslt.rss.xsl index e0c7c80..e1299c5 100644 --- a/themes/default/layouts/_default/home.xslt.rss.xsl +++ b/themes/default/layouts/_default/home.xslt.rss.xsl @@ -86,7 +86,7 @@ - + diff --git a/themes/default/layouts/_default/summary.html b/themes/default/layouts/_default/summary.html index 12aff25..5bc738d 100644 --- a/themes/default/layouts/_default/summary.html +++ b/themes/default/layouts/_default/summary.html @@ -14,9 +14,9 @@ {{ partial "card-meta-header.html" . }} - +
{{- $content -}} {{ partial "meta-tags.html" . }} - +
-- cgit v1.2.3