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

Increase semantics

1 files changed, 32 insertions, 32 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;
   }
 }