From d3227ffb4d3980ff726c0afd132d7f9ef1d31e5e Mon Sep 17 00:00:00 2001 From: Josh Date: Fri, 12 Nov 2021 14:47:35 -0700 Subject: [PATCH] css: consistently use pseudo-elements `::before` and `::after` --- css/m-components.css | 28 ++++++++--------- css/m-dark+documentation.compiled.css | 42 +++++++++++++------------- css/m-dark.compiled.css | 32 ++++++++++---------- css/m-dark.documentation.compiled.css | 10 +++--- css/m-documentation.css | 10 +++--- css/m-grid.css | 2 +- css/m-layout.css | 2 +- css/m-light+documentation.compiled.css | 42 +++++++++++++------------- css/m-light.compiled.css | 32 ++++++++++---------- css/m-light.documentation.compiled.css | 10 +++--- 10 files changed, 105 insertions(+), 105 deletions(-) diff --git a/css/m-components.css b/css/m-components.css index 8186f05e..4fd1e674 100644 --- 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 79e29e74..0909279d 100644 --- 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 b8d735ab..ff3c135e 100644 --- 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 7309dc14..95bd4b3a 100644 --- 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 12296f0e..38ec5615 100644 --- 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 631c9435..c520741d 100644 --- 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 83ed0023..364b313c 100644 --- 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 23ecea71..c49d08b9 100644 --- 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 18db62f0..84004327 100644 --- 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 377adb5c..f65287fa 100644 --- 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; -- 2.30.2