css: consistently use pseudo-elements `::before` and `::after`

diff --git a/css/m-components.css b/css/m-components.css
index 8186f05ee2517462c0cc64fd6a582d5d3032b831..4fd1e674d097efce8cb87238f00e6cf6e04c939c 100644 (file)
--- a/css/m-components.css
+++ b/css/m-components.css
@@ -519,7 +519,7 @@ figure.m-figure {
   position: relative;
   display: table;
 }
-figure.m-figure:before {
+figure.m-figure::before {
   position: absolute;
   content: ' ';
   top: 0;
@@ -532,7 +532,7 @@ figure.m-figure:before {
   border-radius: var(--border-radius);
   border-color: var(--line-color);
 }
-figure.m-figure.m-flat:before {
+figure.m-figure.m-flat::before {
   border-color: transparent;
 }
 figure.m-figure > * {
@@ -580,7 +580,7 @@ figure.m-figure.m-fullwidth > *:first-child {
 figure.m-figure.m-fullwidth img, figure.m-figure.m-fullwidth svg {
   width: 100%;
 }
-figure.m-figure.m-fullwidth:after {
+figure.m-figure.m-fullwidth::after {
   /* Specifying bottom margin on the last element works only if it is displayed
      as table caption, so I have to hack it here. */
   content: ' ';
@@ -598,7 +598,7 @@ figure.m-figure.m-fullwidth:after {
   position: relative;
   padding: 1rem;
 }
-.m-code-figure:before, .m-console-figure:before {
+.m-code-figure::before, .m-console-figure::before {
   position: absolute;
   content: ' ';
   top: 0;
@@ -610,13 +610,13 @@ figure.m-figure.m-fullwidth:after {
   border-width: 0.125rem;
   border-radius: var(--border-radius);
 }
-.m-code-figure:before {
+.m-code-figure::before {
   border-color: var(--code-background-color);
 }
-.m-console-figure:before {
+.m-console-figure::before {
   border-color: var(--console-background-color);
 }
-.m-code-figure.m-flat:before, .m-console-figure.m-flat:before {
+.m-code-figure.m-flat::before, .m-console-figure.m-flat::before {
   border-color: transparent;
 }
 .m-code-figure > pre:first-child, .m-console-figure > pre:first-child {
@@ -1289,24 +1289,24 @@ table.m-table tr.m-dim th a:active, table.m-table th.m-dim a:active {
 }
 
 /* Colored figure */
-figure.m-figure.m-default:before { border-color: var(--default-filled-background-color); }
+figure.m-figure.m-default::before { border-color: var(--default-filled-background-color); }
 figure.m-figure.m-default figcaption { color: var(--default-color); }
-figure.m-figure.m-primary:before { border-color: var(--primary-filled-background-color); }
+figure.m-figure.m-primary::before { border-color: var(--primary-filled-background-color); }
 figure.m-figure.m-primary figcaption { color: var(--primary-color); }
 figure.m-figure.m-primary figcaption .m-figure-description { color: var(--default-color); }
-figure.m-figure.m-success:before { border-color: var(--success-filled-background-color); }
+figure.m-figure.m-success::before { border-color: var(--success-filled-background-color); }
 figure.m-figure.m-success figcaption { color: var(--success-color); }
 figure.m-figure.m-success figcaption .m-figure-description { color: var(--default-color); }
-figure.m-figure.m-warning:before { border-color: var(--warning-filled-background-color); }
+figure.m-figure.m-warning:::before { border-color: var(--warning-filled-background-color); }
 figure.m-figure.m-warning figcaption { color: var(--warning-color); }
 figure.m-figure.m-warning figcaption .m-figure-description { color: var(--default-color); }
-figure.m-figure.m-danger:before { border-color: var(--danger-filled-background-color); }
+figure.m-figure.m-danger:::before { border-color: var(--danger-filled-background-color); }
 figure.m-figure.m-danger figcaption { color: var(--danger-color); }
 figure.m-figure.m-danger figcaption .m-figure-description { color: var(--default-color); }
-figure.m-figure.m-info:before { border-color: var(--info-filled-background-color); }
+figure.m-figure.m-info:::before { border-color: var(--info-filled-background-color); }
 figure.m-figure.m-info figcaption { color: var(--info-color); }
 figure.m-figure.m-info figcaption .m-figure-description { color: var(--default-color); }
-figure.m-figure.m-dim:before { border-color: var(--dim-filled-background-color); }
+figure.m-figure.m-dim:::before { border-color: var(--dim-filled-background-color); }
 figure.m-figure.m-dim { color: var(--dim-color); }
 figure.m-figure.m-dim a { color: var(--dim-link-color); }
 figure.m-figure.m-dim a:hover, figure.m-figure.m-dim a:focus, figure.m-figure.m-dim a:active {

diff --git a/css/m-dark+documentation.compiled.css b/css/m-dark+documentation.compiled.css
index 79e29e74020bda1637f86984c2e86a6b5001ef81..0909279d800814d78c7a2ea03067025b839d282d 100644 (file)
--- a/css/m-dark+documentation.compiled.css
+++ b/css/m-dark+documentation.compiled.css
@@ -36,7 +36,7 @@ body { margin: 0; }
   margin-left: -1rem;
   margin-right: -1rem;
 }
-.m-row:after {
+.m-row::after {
   content: ' ';
   clear: both;
   display: table;
@@ -791,7 +791,7 @@ figure.m-figure {
   position: relative;
   display: table;
 }
-figure.m-figure:before {
+figure.m-figure::before {
   position: absolute;
   content: ' ';
   top: 0;
@@ -804,7 +804,7 @@ figure.m-figure:before {
   border-radius: 0.2rem;
   border-color: #405363;
 }
-figure.m-figure.m-flat:before {
+figure.m-figure.m-flat::before {
   border-color: transparent;
 }
 figure.m-figure > * {
@@ -845,7 +845,7 @@ figure.m-figure.m-fullwidth > *:first-child {
 figure.m-figure.m-fullwidth img, figure.m-figure.m-fullwidth svg {
   width: 100%;
 }
-figure.m-figure.m-fullwidth:after {
+figure.m-figure.m-fullwidth::after {
   content: ' ';
   display: block;
   margin-top: 1rem;
@@ -858,7 +858,7 @@ figure.m-figure.m-fullwidth:after {
   position: relative;
   padding: 1rem;
 }
-.m-code-figure:before, .m-console-figure:before {
+.m-code-figure::before, .m-console-figure::before {
   position: absolute;
   content: ' ';
   top: 0;
@@ -870,13 +870,13 @@ figure.m-figure.m-fullwidth:after {
   border-width: 0.125rem;
   border-radius: 0.2rem;
 }
-.m-code-figure:before {
+.m-code-figure::before {
   border-color: #282e36;
 }
-.m-console-figure:before {
+.m-console-figure::before {
   border-color: #1a1c1d;
 }
-.m-code-figure.m-flat:before, .m-console-figure.m-flat:before {
+.m-code-figure.m-flat::before, .m-console-figure.m-flat::before {
   border-color: transparent;
 }
 .m-code-figure > pre:first-child, .m-console-figure > pre:first-child {
@@ -1497,24 +1497,24 @@ table.m-table tr.m-dim td a:active, table.m-table td.m-dim a:active,
 table.m-table tr.m-dim th a:active, table.m-table th.m-dim a:active {
   color: #747474;
 }
-figure.m-figure.m-default:before { border-color: #34424d; }
+figure.m-figure.m-default::before { border-color: #34424d; }
 figure.m-figure.m-default figcaption { color: #dcdcdc; }
-figure.m-figure.m-primary:before { border-color: #a5c2db; }
+figure.m-figure.m-primary::before { border-color: #a5c2db; }
 figure.m-figure.m-primary figcaption { color: #a5c9ea; }
 figure.m-figure.m-primary figcaption .m-figure-description { color: #dcdcdc; }
-figure.m-figure.m-success:before { border-color: #2a703f; }
+figure.m-figure.m-success::before { border-color: #2a703f; }
 figure.m-figure.m-success figcaption { color: #3bd267; }
 figure.m-figure.m-success figcaption .m-figure-description { color: #dcdcdc; }
-figure.m-figure.m-warning:before { border-color: #6d702a; }
+figure.m-figure.m-warning:::before { border-color: #6d702a; }
 figure.m-figure.m-warning figcaption { color: #c7cf2f; }
 figure.m-figure.m-warning figcaption .m-figure-description { color: #dcdcdc; }
-figure.m-figure.m-danger:before { border-color: #702b2a; }
+figure.m-figure.m-danger:::before { border-color: #702b2a; }
 figure.m-figure.m-danger figcaption { color: #cd3431; }
 figure.m-figure.m-danger figcaption .m-figure-description { color: #dcdcdc; }
-figure.m-figure.m-info:before { border-color: #2a4f70; }
+figure.m-figure.m-info:::before { border-color: #2a4f70; }
 figure.m-figure.m-info figcaption { color: #2f83cc; }
 figure.m-figure.m-info figcaption .m-figure-description { color: #dcdcdc; }
-figure.m-figure.m-dim:before { border-color: #2d3236; }
+figure.m-figure.m-dim:::before { border-color: #2d3236; }
 figure.m-figure.m-dim { color: #747474; }
 figure.m-figure.m-dim a { color: #acacac; }
 figure.m-figure.m-dim a:hover, figure.m-figure.m-dim a:focus, figure.m-figure.m-dim a:active {
@@ -1898,7 +1898,7 @@ body > header > nav #m-navbar-brand .m-thin {
 body > header > nav #m-navbar-brand .m-breadcrumb {
   color: #747474;
 }
-body > header > nav a#m-navbar-show:before, body > header > nav a#m-navbar-hide:before {
+body > header > nav a#m-navbar-show::before, body > header > nav a#m-navbar-hide::before {
   content:'\2630';
 }
 body > header > nav #m-navbar-collapse {
@@ -2654,8 +2654,8 @@ ul.m-doc li.m-doc-collapsible > a:first-child:active {
   color: #dcdcdc;
 }
 a.m-doc-self,
-ul.m-doc li.m-doc-expansible > a:first-child:before,
-ul.m-doc li.m-doc-collapsible > a:first-child:before {
+ul.m-doc li.m-doc-expansible > a:first-child::before,
+ul.m-doc li.m-doc-collapsible > a:first-child::before {
   color: #a5c9ea;
 }
 a.m-doc-self:hover, a.m-doc-self:focus, a.m-doc-self:active,
@@ -2716,14 +2716,14 @@ ul.m-doc li.m-doc-expansible, ul.m-doc li.m-doc-collapsible {
 ul.m-doc li.m-doc-expansible > ul.m-doc, ul.m-doc li.m-doc-collapsible > ul.m-doc {
   margin-left: 0.5rem;
 }
-ul.m-doc li.m-doc-expansible > a:first-child:before, ul.m-doc li.m-doc-collapsible > a:first-child:before {
+ul.m-doc li.m-doc-expansible > a:first-child::before, ul.m-doc li.m-doc-collapsible > a:first-child::before {
   background-color: #2f363f;
   display: inline-block;
   width: 0.4rem;
   font-weight: bold;
 }
-ul.m-doc li.m-doc-expansible > a:first-child:before { content: '⊕'; }
-ul.m-doc li.m-doc-collapsible > a:first-child:before { content: '⊖'; }
+ul.m-doc li.m-doc-expansible > a:first-child::before { content: '⊕'; }
+ul.m-doc li.m-doc-collapsible > a:first-child::before { content: '⊖'; }
 h1 .m-doc-template, h1 .m-doc-include {
   font-size: 1.3rem;
   font-weight: normal;

diff --git a/css/m-dark.compiled.css b/css/m-dark.compiled.css
index b8d735abb04c453e709fbf6ab1d46f5759d86d27..ff3c135e23e41bb5a9686488f694db88fff93aac 100644 (file)
--- a/css/m-dark.compiled.css
+++ b/css/m-dark.compiled.css
@@ -36,7 +36,7 @@ body { margin: 0; }
   margin-left: -1rem;
   margin-right: -1rem;
 }
-.m-row:after {
+.m-row::after {
   content: ' ';
   clear: both;
   display: table;
@@ -791,7 +791,7 @@ figure.m-figure {
   position: relative;
   display: table;
 }
-figure.m-figure:before {
+figure.m-figure::before {
   position: absolute;
   content: ' ';
   top: 0;
@@ -804,7 +804,7 @@ figure.m-figure:before {
   border-radius: 0.2rem;
   border-color: #405363;
 }
-figure.m-figure.m-flat:before {
+figure.m-figure.m-flat::before {
   border-color: transparent;
 }
 figure.m-figure > * {
@@ -845,7 +845,7 @@ figure.m-figure.m-fullwidth > *:first-child {
 figure.m-figure.m-fullwidth img, figure.m-figure.m-fullwidth svg {
   width: 100%;
 }
-figure.m-figure.m-fullwidth:after {
+figure.m-figure.m-fullwidth::after {
   content: ' ';
   display: block;
   margin-top: 1rem;
@@ -858,7 +858,7 @@ figure.m-figure.m-fullwidth:after {
   position: relative;
   padding: 1rem;
 }
-.m-code-figure:before, .m-console-figure:before {
+.m-code-figure::before, .m-console-figure::before {
   position: absolute;
   content: ' ';
   top: 0;
@@ -870,13 +870,13 @@ figure.m-figure.m-fullwidth:after {
   border-width: 0.125rem;
   border-radius: 0.2rem;
 }
-.m-code-figure:before {
+.m-code-figure::before {
   border-color: #282e36;
 }
-.m-console-figure:before {
+.m-console-figure::before {
   border-color: #1a1c1d;
 }
-.m-code-figure.m-flat:before, .m-console-figure.m-flat:before {
+.m-code-figure.m-flat::before, .m-console-figure.m-flat::before {
   border-color: transparent;
 }
 .m-code-figure > pre:first-child, .m-console-figure > pre:first-child {
@@ -1497,24 +1497,24 @@ table.m-table tr.m-dim td a:active, table.m-table td.m-dim a:active,
 table.m-table tr.m-dim th a:active, table.m-table th.m-dim a:active {
   color: #747474;
 }
-figure.m-figure.m-default:before { border-color: #34424d; }
+figure.m-figure.m-default::before { border-color: #34424d; }
 figure.m-figure.m-default figcaption { color: #dcdcdc; }
-figure.m-figure.m-primary:before { border-color: #a5c2db; }
+figure.m-figure.m-primary::before { border-color: #a5c2db; }
 figure.m-figure.m-primary figcaption { color: #a5c9ea; }
 figure.m-figure.m-primary figcaption .m-figure-description { color: #dcdcdc; }
-figure.m-figure.m-success:before { border-color: #2a703f; }
+figure.m-figure.m-success::before { border-color: #2a703f; }
 figure.m-figure.m-success figcaption { color: #3bd267; }
 figure.m-figure.m-success figcaption .m-figure-description { color: #dcdcdc; }
-figure.m-figure.m-warning:before { border-color: #6d702a; }
+figure.m-figure.m-warning:::before { border-color: #6d702a; }
 figure.m-figure.m-warning figcaption { color: #c7cf2f; }
 figure.m-figure.m-warning figcaption .m-figure-description { color: #dcdcdc; }
-figure.m-figure.m-danger:before { border-color: #702b2a; }
+figure.m-figure.m-danger:::before { border-color: #702b2a; }
 figure.m-figure.m-danger figcaption { color: #cd3431; }
 figure.m-figure.m-danger figcaption .m-figure-description { color: #dcdcdc; }
-figure.m-figure.m-info:before { border-color: #2a4f70; }
+figure.m-figure.m-info:::before { border-color: #2a4f70; }
 figure.m-figure.m-info figcaption { color: #2f83cc; }
 figure.m-figure.m-info figcaption .m-figure-description { color: #dcdcdc; }
-figure.m-figure.m-dim:before { border-color: #2d3236; }
+figure.m-figure.m-dim:::before { border-color: #2d3236; }
 figure.m-figure.m-dim { color: #747474; }
 figure.m-figure.m-dim a { color: #acacac; }
 figure.m-figure.m-dim a:hover, figure.m-figure.m-dim a:focus, figure.m-figure.m-dim a:active {
@@ -1898,7 +1898,7 @@ body > header > nav #m-navbar-brand .m-thin {
 body > header > nav #m-navbar-brand .m-breadcrumb {
   color: #747474;
 }
-body > header > nav a#m-navbar-show:before, body > header > nav a#m-navbar-hide:before {
+body > header > nav a#m-navbar-show::before, body > header > nav a#m-navbar-hide::before {
   content:'\2630';
 }
 body > header > nav #m-navbar-collapse {

diff --git a/css/m-dark.documentation.compiled.css b/css/m-dark.documentation.compiled.css
index 7309dc147baddca5962cd95bcad44d3aed104508..95bd4b3ad7f05b8fdebcbba5f056e98ef5dd5de2 100644 (file)
--- a/css/m-dark.documentation.compiled.css
+++ b/css/m-dark.documentation.compiled.css
@@ -46,8 +46,8 @@ ul.m-doc li.m-doc-collapsible > a:first-child:active {
   color: #dcdcdc;
 }
 a.m-doc-self,
-ul.m-doc li.m-doc-expansible > a:first-child:before,
-ul.m-doc li.m-doc-collapsible > a:first-child:before {
+ul.m-doc li.m-doc-expansible > a:first-child::before,
+ul.m-doc li.m-doc-collapsible > a:first-child::before {
   color: #a5c9ea;
 }
 a.m-doc-self:hover, a.m-doc-self:focus, a.m-doc-self:active,
@@ -108,14 +108,14 @@ ul.m-doc li.m-doc-expansible, ul.m-doc li.m-doc-collapsible {
 ul.m-doc li.m-doc-expansible > ul.m-doc, ul.m-doc li.m-doc-collapsible > ul.m-doc {
   margin-left: 0.5rem;
 }
-ul.m-doc li.m-doc-expansible > a:first-child:before, ul.m-doc li.m-doc-collapsible > a:first-child:before {
+ul.m-doc li.m-doc-expansible > a:first-child::before, ul.m-doc li.m-doc-collapsible > a:first-child::before {
   background-color: #2f363f;
   display: inline-block;
   width: 0.4rem;
   font-weight: bold;
 }
-ul.m-doc li.m-doc-expansible > a:first-child:before { content: '⊕'; }
-ul.m-doc li.m-doc-collapsible > a:first-child:before { content: '⊖'; }
+ul.m-doc li.m-doc-expansible > a:first-child::before { content: '⊕'; }
+ul.m-doc li.m-doc-collapsible > a:first-child::before { content: '⊖'; }
 h1 .m-doc-template, h1 .m-doc-include {
   font-size: 1.3rem;
   font-weight: normal;

diff --git a/css/m-documentation.css b/css/m-documentation.css
index 12296f0e34b23811816a2cc5240f1d1c7b305f9e..38ec5615cb7d604fe94b6a0d0d8befe4f4efc9af 100644 (file)
--- a/css/m-documentation.css
+++ b/css/m-documentation.css
@@ -45,8 +45,8 @@ ul.m-doc li.m-doc-collapsible > a:first-child:active {
   color: var(--color);
 }
 a.m-doc-self,
-ul.m-doc li.m-doc-expansible > a:first-child:before,
-ul.m-doc li.m-doc-collapsible > a:first-child:before {
+ul.m-doc li.m-doc-expansible > a:first-child::before,
+ul.m-doc li.m-doc-collapsible > a:first-child::before {
   color: var(--article-heading-color);
 }
 a.m-doc-self:hover, a.m-doc-self:focus, a.m-doc-self:active,
@@ -110,14 +110,14 @@ ul.m-doc li.m-doc-expansible, ul.m-doc li.m-doc-collapsible {
 ul.m-doc li.m-doc-expansible > ul.m-doc, ul.m-doc li.m-doc-collapsible > ul.m-doc {
   margin-left: 0.5rem;
 }
-ul.m-doc li.m-doc-expansible > a:first-child:before, ul.m-doc li.m-doc-collapsible > a:first-child:before {
+ul.m-doc li.m-doc-expansible > a:first-child::before, ul.m-doc li.m-doc-collapsible > a:first-child::before {
   background-color: var(--background-color);
   display: inline-block;
   width: 0.4rem;
   font-weight: bold;
 }
-ul.m-doc li.m-doc-expansible > a:first-child:before { content: '⊕'; }
-ul.m-doc li.m-doc-collapsible > a:first-child:before { content: '⊖'; }
+ul.m-doc li.m-doc-expansible > a:first-child::before { content: '⊕'; }
+ul.m-doc li.m-doc-collapsible > a:first-child::before { content: '⊖'; }
 
 h1 .m-doc-template, h1 .m-doc-include {
   font-size: 1.3rem;

diff --git a/css/m-grid.css b/css/m-grid.css
index 631c9435557c3f66c95cc775d199606c73b286ac..c520741d878d7ec31ce9d783caae3457b406546c 100644 (file)
--- a/css/m-grid.css
+++ b/css/m-grid.css
@@ -39,7 +39,7 @@ body { margin: 0; }
   margin-left: -1rem;
   margin-right: -1rem;
 }
-.m-row:after { /* avoid rows floating around each other */
+.m-row::after { /* avoid rows floating around each other */
   content: ' ';
   clear: both;
   display: table;

diff --git a/css/m-layout.css b/css/m-layout.css
index 83ed00239dd189e833398cde188ff40b2ee6e84e..364b313cc91bf271bbbc147d0ad3ff9227436265 100644 (file)
--- a/css/m-layout.css
+++ b/css/m-layout.css
@@ -96,7 +96,7 @@ body > header > nav #m-navbar-brand .m-thin {
 body > header > nav #m-navbar-brand .m-breadcrumb {
   color: var(--header-breadcrumb-color);
 }
-body > header > nav a#m-navbar-show:before, body > header > nav a#m-navbar-hide:before {
+body > header > nav a#m-navbar-show::before, body > header > nav a#m-navbar-hide::before {
   content:'\2630';
 }
 body > header > nav #m-navbar-collapse {

diff --git a/css/m-light+documentation.compiled.css b/css/m-light+documentation.compiled.css
index 23ecea712ef4fbe1428819ee0dfbcc6b5b7143ae..c49d08b935fbe49e19ad5c6ef141d2fbd758ae6a 100644 (file)
--- a/css/m-light+documentation.compiled.css
+++ b/css/m-light+documentation.compiled.css
@@ -36,7 +36,7 @@ body { margin: 0; }
   margin-left: -1rem;
   margin-right: -1rem;
 }
-.m-row:after {
+.m-row::after {
   content: ' ';
   clear: both;
   display: table;
@@ -791,7 +791,7 @@ figure.m-figure {
   position: relative;
   display: table;
 }
-figure.m-figure:before {
+figure.m-figure::before {
   position: absolute;
   content: ' ';
   top: 0;
@@ -804,7 +804,7 @@ figure.m-figure:before {
   border-radius: 0.2rem;
   border-color: #f7e3db;
 }
-figure.m-figure.m-flat:before {
+figure.m-figure.m-flat::before {
   border-color: transparent;
 }
 figure.m-figure > * {
@@ -845,7 +845,7 @@ figure.m-figure.m-fullwidth > *:first-child {
 figure.m-figure.m-fullwidth img, figure.m-figure.m-fullwidth svg {
   width: 100%;
 }
-figure.m-figure.m-fullwidth:after {
+figure.m-figure.m-fullwidth::after {
   content: ' ';
   display: block;
   margin-top: 1rem;
@@ -858,7 +858,7 @@ figure.m-figure.m-fullwidth:after {
   position: relative;
   padding: 1rem;
 }
-.m-code-figure:before, .m-console-figure:before {
+.m-code-figure::before, .m-console-figure::before {
   position: absolute;
   content: ' ';
   top: 0;
@@ -870,13 +870,13 @@ figure.m-figure.m-fullwidth:after {
   border-width: 0.125rem;
   border-radius: 0.2rem;
 }
-.m-code-figure:before {
+.m-code-figure::before {
   border-color: #fbf0ec;
 }
-.m-console-figure:before {
+.m-console-figure::before {
   border-color: #000000;
 }
-.m-code-figure.m-flat:before, .m-console-figure.m-flat:before {
+.m-code-figure.m-flat::before, .m-console-figure.m-flat::before {
   border-color: transparent;
 }
 .m-code-figure > pre:first-child, .m-console-figure > pre:first-child {
@@ -1497,24 +1497,24 @@ table.m-table tr.m-dim td a:active, table.m-table td.m-dim a:active,
 table.m-table tr.m-dim th a:active, table.m-table th.m-dim a:active {
   color: #949494;
 }
-figure.m-figure.m-default:before { border-color: #fbf0ec; }
+figure.m-figure.m-default::before { border-color: #fbf0ec; }
 figure.m-figure.m-default figcaption { color: #000000; }
-figure.m-figure.m-primary:before { border-color: #ef9069; }
+figure.m-figure.m-primary::before { border-color: #ef9069; }
 figure.m-figure.m-primary figcaption { color: #cb4b16; }
 figure.m-figure.m-primary figcaption .m-figure-description { color: #000000; }
-figure.m-figure.m-success:before { border-color: #4dd376; }
+figure.m-figure.m-success::before { border-color: #4dd376; }
 figure.m-figure.m-success figcaption { color: #31c25d; }
 figure.m-figure.m-success figcaption .m-figure-description { color: #000000; }
-figure.m-figure.m-warning:before { border-color: #d1d34d; }
+figure.m-figure.m-warning:::before { border-color: #d1d34d; }
 figure.m-figure.m-warning figcaption { color: #c7cf2f; }
 figure.m-figure.m-warning figcaption .m-figure-description { color: #000000; }
-figure.m-figure.m-danger:before { border-color: #e23e3e; }
+figure.m-figure.m-danger:::before { border-color: #e23e3e; }
 figure.m-figure.m-danger figcaption { color: #f60000; }
 figure.m-figure.m-danger figcaption .m-figure-description { color: #000000; }
-figure.m-figure.m-info:before { border-color: #4c93d3; }
+figure.m-figure.m-info:::before { border-color: #4c93d3; }
 figure.m-figure.m-info figcaption { color: #2e7dc5; }
 figure.m-figure.m-info figcaption .m-figure-description { color: #000000; }
-figure.m-figure.m-dim:before { border-color: #f1f1f1; }
+figure.m-figure.m-dim:::before { border-color: #f1f1f1; }
 figure.m-figure.m-dim { color: #bdbdbd; }
 figure.m-figure.m-dim a { color: #c0c0c0; }
 figure.m-figure.m-dim a:hover, figure.m-figure.m-dim a:focus, figure.m-figure.m-dim a:active {
@@ -1898,7 +1898,7 @@ body > header > nav #m-navbar-brand .m-thin {
 body > header > nav #m-navbar-brand .m-breadcrumb {
   color: #bdbdbd;
 }
-body > header > nav a#m-navbar-show:before, body > header > nav a#m-navbar-hide:before {
+body > header > nav a#m-navbar-show::before, body > header > nav a#m-navbar-hide::before {
   content:'\2630';
 }
 body > header > nav #m-navbar-collapse {
@@ -2587,8 +2587,8 @@ ul.m-doc li.m-doc-collapsible > a:first-child:active {
   color: #000000;
 }
 a.m-doc-self,
-ul.m-doc li.m-doc-expansible > a:first-child:before,
-ul.m-doc li.m-doc-collapsible > a:first-child:before {
+ul.m-doc li.m-doc-expansible > a:first-child::before,
+ul.m-doc li.m-doc-collapsible > a:first-child::before {
   color: #cb4b16;
 }
 a.m-doc-self:hover, a.m-doc-self:focus, a.m-doc-self:active,
@@ -2649,14 +2649,14 @@ ul.m-doc li.m-doc-expansible, ul.m-doc li.m-doc-collapsible {
 ul.m-doc li.m-doc-expansible > ul.m-doc, ul.m-doc li.m-doc-collapsible > ul.m-doc {
   margin-left: 0.5rem;
 }
-ul.m-doc li.m-doc-expansible > a:first-child:before, ul.m-doc li.m-doc-collapsible > a:first-child:before {
+ul.m-doc li.m-doc-expansible > a:first-child::before, ul.m-doc li.m-doc-collapsible > a:first-child::before {
   background-color: #ffffff;
   display: inline-block;
   width: 0.4rem;
   font-weight: bold;
 }
-ul.m-doc li.m-doc-expansible > a:first-child:before { content: '⊕'; }
-ul.m-doc li.m-doc-collapsible > a:first-child:before { content: '⊖'; }
+ul.m-doc li.m-doc-expansible > a:first-child::before { content: '⊕'; }
+ul.m-doc li.m-doc-collapsible > a:first-child::before { content: '⊖'; }
 h1 .m-doc-template, h1 .m-doc-include {
   font-size: 1.3rem;
   font-weight: normal;

diff --git a/css/m-light.compiled.css b/css/m-light.compiled.css
index 18db62f0df395c5d73d1c8d8c2c5ccbe98941ac7..84004327493da2dd5778ffcdc0e7dca734911e72 100644 (file)
--- a/css/m-light.compiled.css
+++ b/css/m-light.compiled.css
@@ -36,7 +36,7 @@ body { margin: 0; }
   margin-left: -1rem;
   margin-right: -1rem;
 }
-.m-row:after {
+.m-row::after {
   content: ' ';
   clear: both;
   display: table;
@@ -791,7 +791,7 @@ figure.m-figure {
   position: relative;
   display: table;
 }
-figure.m-figure:before {
+figure.m-figure::before {
   position: absolute;
   content: ' ';
   top: 0;
@@ -804,7 +804,7 @@ figure.m-figure:before {
   border-radius: 0.2rem;
   border-color: #f7e3db;
 }
-figure.m-figure.m-flat:before {
+figure.m-figure.m-flat::before {
   border-color: transparent;
 }
 figure.m-figure > * {
@@ -845,7 +845,7 @@ figure.m-figure.m-fullwidth > *:first-child {
 figure.m-figure.m-fullwidth img, figure.m-figure.m-fullwidth svg {
   width: 100%;
 }
-figure.m-figure.m-fullwidth:after {
+figure.m-figure.m-fullwidth::after {
   content: ' ';
   display: block;
   margin-top: 1rem;
@@ -858,7 +858,7 @@ figure.m-figure.m-fullwidth:after {
   position: relative;
   padding: 1rem;
 }
-.m-code-figure:before, .m-console-figure:before {
+.m-code-figure::before, .m-console-figure::before {
   position: absolute;
   content: ' ';
   top: 0;
@@ -870,13 +870,13 @@ figure.m-figure.m-fullwidth:after {
   border-width: 0.125rem;
   border-radius: 0.2rem;
 }
-.m-code-figure:before {
+.m-code-figure::before {
   border-color: #fbf0ec;
 }
-.m-console-figure:before {
+.m-console-figure::before {
   border-color: #000000;
 }
-.m-code-figure.m-flat:before, .m-console-figure.m-flat:before {
+.m-code-figure.m-flat::before, .m-console-figure.m-flat::before {
   border-color: transparent;
 }
 .m-code-figure > pre:first-child, .m-console-figure > pre:first-child {
@@ -1497,24 +1497,24 @@ table.m-table tr.m-dim td a:active, table.m-table td.m-dim a:active,
 table.m-table tr.m-dim th a:active, table.m-table th.m-dim a:active {
   color: #949494;
 }
-figure.m-figure.m-default:before { border-color: #fbf0ec; }
+figure.m-figure.m-default::before { border-color: #fbf0ec; }
 figure.m-figure.m-default figcaption { color: #000000; }
-figure.m-figure.m-primary:before { border-color: #ef9069; }
+figure.m-figure.m-primary::before { border-color: #ef9069; }
 figure.m-figure.m-primary figcaption { color: #cb4b16; }
 figure.m-figure.m-primary figcaption .m-figure-description { color: #000000; }
-figure.m-figure.m-success:before { border-color: #4dd376; }
+figure.m-figure.m-success::before { border-color: #4dd376; }
 figure.m-figure.m-success figcaption { color: #31c25d; }
 figure.m-figure.m-success figcaption .m-figure-description { color: #000000; }
-figure.m-figure.m-warning:before { border-color: #d1d34d; }
+figure.m-figure.m-warning:::before { border-color: #d1d34d; }
 figure.m-figure.m-warning figcaption { color: #c7cf2f; }
 figure.m-figure.m-warning figcaption .m-figure-description { color: #000000; }
-figure.m-figure.m-danger:before { border-color: #e23e3e; }
+figure.m-figure.m-danger:::before { border-color: #e23e3e; }
 figure.m-figure.m-danger figcaption { color: #f60000; }
 figure.m-figure.m-danger figcaption .m-figure-description { color: #000000; }
-figure.m-figure.m-info:before { border-color: #4c93d3; }
+figure.m-figure.m-info:::before { border-color: #4c93d3; }
 figure.m-figure.m-info figcaption { color: #2e7dc5; }
 figure.m-figure.m-info figcaption .m-figure-description { color: #000000; }
-figure.m-figure.m-dim:before { border-color: #f1f1f1; }
+figure.m-figure.m-dim:::before { border-color: #f1f1f1; }
 figure.m-figure.m-dim { color: #bdbdbd; }
 figure.m-figure.m-dim a { color: #c0c0c0; }
 figure.m-figure.m-dim a:hover, figure.m-figure.m-dim a:focus, figure.m-figure.m-dim a:active {
@@ -1898,7 +1898,7 @@ body > header > nav #m-navbar-brand .m-thin {
 body > header > nav #m-navbar-brand .m-breadcrumb {
   color: #bdbdbd;
 }
-body > header > nav a#m-navbar-show:before, body > header > nav a#m-navbar-hide:before {
+body > header > nav a#m-navbar-show::before, body > header > nav a#m-navbar-hide::before {
   content:'\2630';
 }
 body > header > nav #m-navbar-collapse {

diff --git a/css/m-light.documentation.compiled.css b/css/m-light.documentation.compiled.css
index 377adb5c4d5363cef8d38e5190bb37d7753d67e4..f65287fa46e4008f78bfc7da4b2ca226b84cc5d7 100644 (file)
--- a/css/m-light.documentation.compiled.css
+++ b/css/m-light.documentation.compiled.css
@@ -46,8 +46,8 @@ ul.m-doc li.m-doc-collapsible > a:first-child:active {
   color: #000000;
 }
 a.m-doc-self,
-ul.m-doc li.m-doc-expansible > a:first-child:before,
-ul.m-doc li.m-doc-collapsible > a:first-child:before {
+ul.m-doc li.m-doc-expansible > a:first-child::before,
+ul.m-doc li.m-doc-collapsible > a:first-child::before {
   color: #cb4b16;
 }
 a.m-doc-self:hover, a.m-doc-self:focus, a.m-doc-self:active,
@@ -108,14 +108,14 @@ ul.m-doc li.m-doc-expansible, ul.m-doc li.m-doc-collapsible {
 ul.m-doc li.m-doc-expansible > ul.m-doc, ul.m-doc li.m-doc-collapsible > ul.m-doc {
   margin-left: 0.5rem;
 }
-ul.m-doc li.m-doc-expansible > a:first-child:before, ul.m-doc li.m-doc-collapsible > a:first-child:before {
+ul.m-doc li.m-doc-expansible > a:first-child::before, ul.m-doc li.m-doc-collapsible > a:first-child::before {
   background-color: #ffffff;
   display: inline-block;
   width: 0.4rem;
   font-weight: bold;
 }
-ul.m-doc li.m-doc-expansible > a:first-child:before { content: '⊕'; }
-ul.m-doc li.m-doc-collapsible > a:first-child:before { content: '⊖'; }
+ul.m-doc li.m-doc-expansible > a:first-child::before { content: '⊕'; }
+ul.m-doc li.m-doc-collapsible > a:first-child::before { content: '⊖'; }
 h1 .m-doc-template, h1 .m-doc-include {
   font-size: 1.3rem;
   font-weight: normal;