themes/default/layouts/_default/summary: micro-content -> article

Increase semantics

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 @@
               </a>
               </figure>
               </micro-thumbnail>
-              <micro-content>
+              <article>
                 <h2>
                   <a>
                     <xsl:attribute name="href"><xsl:value-of select="link" /></xsl:attribute>
@@ -94,7 +94,7 @@
                   </a>
                 </h2>
                 <small>Published: <xsl:value-of select="pubDate"/></small>
-              </micro-content>
+              </article>
             </micro-summary>
           </micro-card>
           </xsl:for-each>
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 @@
       </micro-thumbnail>
       {{ partial "card-meta-header.html" . }}
     </micro-metadata>
-    <micro-content>
+    <article aria-label="article">
       {{- $content -}}
       <micro-tags>{{ partial "meta-tags.html" . }}</micro-tags>
-    </micro-content>
+    </article>
   </micro-summary>
 </micro-card>