css: code reordering.

diff --git a/css/m-components.css b/css/m-components.css
index ed4d1ad82d90f482ec0c509a53651b1bc398f52d..d823e51f114e3e3c2ff53204c867125a13a4c85f 100644 (file)
--- a/css/m-components.css
+++ b/css/m-components.css
@@ -525,34 +525,6 @@ dl.m-diary dd {
   padding: 1rem;
 }
 
-/* Inflatable content */
-#m-container-inflatable > .m-row > [class*='m-col-'] > .m-note,
-#m-container-inflatable > .m-row > [class*='m-col-'] > .m-frame,
-#m-container-inflatable > .m-row > [class*='m-col-'] > .m-block,
-#m-container-inflatable > .m-row > [class*='m-col-'] > div > pre,
-#m-container-inflatable > .m-row > [class*='m-col-'] > section > .m-note,
-#m-container-inflatable > .m-row > [class*='m-col-'] > section > .m-frame,
-#m-container-inflatable > .m-row > [class*='m-col-'] > section > .m-block,
-#m-container-inflatable > .m-row > [class*='m-col-'] > section > div > pre,
-#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > .m-note,
-#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > .m-frame,
-#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > .m-block,
-#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > div > pre,
-#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > section > .m-note,
-#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > section > .m-frame,
-#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > section > .m-block,
-#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > section > div > pre,
-#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > section > section > .m-note,
-#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > section > section > .m-frame,
-#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > section > section > .m-block,
-#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > section > section > div > pre,
-#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > section > section > section > .m-note,
-#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > section > section > section > .m-frame,
-#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > section > section > section > .m-block,
-#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > section > section > section > div > pre {
-  margin: 0 -1rem 1rem -1rem;
-}
-
 /* Tables */
 table.m-table {
   border-collapse: collapse;
@@ -604,6 +576,16 @@ table.m-table td.m-dim {
 /*   border-right-width: 0.0625rem; causes horizontal scrollbar */
 }
 
+table.m-table tr.m-default td, table.m-table td.m-default,
+table.m-table tr.m-primary td, table.m-table td.m-primary,
+table.m-table tr.m-success td, table.m-table td.m-success,
+table.m-table tr.m-warning td, table.m-table td.m-warning,
+table.m-table tr.m-danger td, table.m-table td.m-danger,
+table.m-table tr.m-info td, table.m-table td.m-info,
+table.m-table tr.m-dim td, table.m-table td.m-dim {
+  border-color: var(--background-color);
+}
+
 /* Colored block */
 .m-block.m-default { border-left-color: var(--line-color); }
 .m-block.m-default h3 { color: var(--default-color); }
@@ -716,14 +698,33 @@ table.m-table td.m-dim {
   color: var(--dim-filled-link-active-color);
 }
 
-table.m-table tr.m-default td, table.m-table td.m-default,
-table.m-table tr.m-primary td, table.m-table td.m-primary,
-table.m-table tr.m-success td, table.m-table td.m-success,
-table.m-table tr.m-warning td, table.m-table td.m-warning,
-table.m-table tr.m-danger td, table.m-table td.m-danger,
-table.m-table tr.m-info td, table.m-table td.m-info,
-table.m-table tr.m-dim td, table.m-table td.m-dim {
-  border-color: var(--background-color);
+/* Inflatable content */
+/* TODO: get rid of div.highlight and additional div for additional classes */
+#m-container-inflatable > .m-row > [class*='m-col-'] > .m-note,
+#m-container-inflatable > .m-row > [class*='m-col-'] > .m-frame,
+#m-container-inflatable > .m-row > [class*='m-col-'] > .m-block,
+#m-container-inflatable > .m-row > [class*='m-col-'] > div > pre,
+#m-container-inflatable > .m-row > [class*='m-col-'] > section > .m-note,
+#m-container-inflatable > .m-row > [class*='m-col-'] > section > .m-frame,
+#m-container-inflatable > .m-row > [class*='m-col-'] > section > .m-block,
+#m-container-inflatable > .m-row > [class*='m-col-'] > section > div > pre,
+#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > .m-note,
+#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > .m-frame,
+#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > .m-block,
+#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > div > pre,
+#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > section > .m-note,
+#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > section > .m-frame,
+#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > section > .m-block,
+#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > section > div > pre,
+#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > section > section > .m-note,
+#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > section > section > .m-frame,
+#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > section > section > .m-block,
+#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > section > section > div > pre,
+#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > section > section > section > .m-note,
+#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > section > section > section > .m-frame,
+#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > section > section > section > .m-block,
+#m-container-inflatable > .m-row > [class*='m-col-'] > section > section > section > section > section > div > pre {
+  margin: 0 -1rem 1rem -1rem;
 }
 
 /* Colored text */