Update

mecha-cms · May 13, 2024 · 3e9ec49 · 3e9ec49
1 parent a959ad3
commit 3e9ec49
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 19 deletions.
diff --git a/.factory/index.css.scss b/.factory/index.css.scss
@@ -285,6 +285,13 @@ var {
   @extend %i;
 }
 
+dl {
+  margin: {
+    left: 1.5rem;
+    right: 1.5rem;
+  }
+}
+
 ol,
 ul {
   margin-left: 2rem;
@@ -293,13 +300,6 @@ ul {
   }
 }
 
-dl {
-  margin: {
-    left: 1.5rem;
-    right: 1.5rem;
-  }
-}
-
 fieldset {
   border: 1px solid #bfb186;
   padding: 1rem;
@@ -309,6 +309,10 @@ figure {
   text-align: center;
   img {
     display: block;
+    margin: {
+      left: auto;
+      right: auto;
+    }
   }
 }
 
@@ -355,7 +359,6 @@ h6 {
 }
 
 hr {
-  border: 0;
   border-top: 1px dotted #bfb186;
 }
 
@@ -427,6 +430,7 @@ ul {
 
 audio,
 iframe,
+picture,
 video {
   display: block;
   height: auto;
@@ -640,12 +644,11 @@ body {
         gap: 2.5rem;
         > aside {
           font-size: 85%;
+          margin: 0;
           // Place the secondary bar after the main bar (in the HTML source code) so that web crawler(s) can quickly
           // scan the main content, but display the secondary bar as the first column as in the original web design.
-          margin: 0;
           order: -1;
           width: 150px;
-          [role='button'],
           button,
           input,
           select,

diff --git a/index.css b/index.css
@@ -288,6 +288,11 @@ details[role=tree] + [role=tree] {
   margin-top: 0;
 }
 
+dl {
+  margin-left: 1.5rem;
+  margin-right: 1.5rem;
+}
+
 ol,
 ul {
   margin-left: 2rem;
@@ -299,11 +304,6 @@ ul ul {
   margin-left: 1.5rem;
 }
 
-dl {
-  margin-left: 1.5rem;
-  margin-right: 1.5rem;
-}
-
 fieldset {
   border: 1px solid #bfb186;
   padding: 1rem;
@@ -314,6 +314,8 @@ figure {
 }
 figure img {
   display: block;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 form > p > label {
@@ -355,7 +357,6 @@ h6 {
 }
 
 hr {
-  border: 0;
   border-top: 1px dotted #bfb186;
 }
 
@@ -420,6 +421,7 @@ ul {
 
 audio,
 iframe,
+picture,
 video {
   display: block;
   height: auto;
@@ -673,19 +675,19 @@ body > div > nav + div > aside {
   order: -1;
   width: 150px;
 }
-body > div > header + div > aside [role=button],
 body > div > header + div > aside button,
 body > div > header + div > aside input[type=button],
 body > div > header + div > aside input[type=reset],
 body > div > header + div > aside input[type=submit],
+body > div > header + div > aside [role=button],
 body > div > header + div > aside input,
 body > div > header + div > aside select,
 body > div > header + div > aside textarea,
-body > div > nav + div > aside [role=button],
 body > div > nav + div > aside button,
 body > div > nav + div > aside input[type=button],
 body > div > nav + div > aside input[type=reset],
 body > div > nav + div > aside input[type=submit],
+body > div > nav + div > aside [role=button],
 body > div > nav + div > aside input,
 body > div > nav + div > aside select,
 body > div > nav + div > aside textarea {