From 2ec5cb4f45c62d4b8e56f5839cda42b307659270 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Vladim=C3=ADr=20Vondru=C5=A1?= Date: Sun, 10 Sep 2017 18:43:29 +0200 Subject: [PATCH] css: code reordering. --- css/m-components.css | 73 ++++++++++++++++++++++---------------------- 1 file changed, 37 insertions(+), 36 deletions(-) diff --git a/css/m-components.css b/css/m-components.css index ed4d1ad8..d823e51f 100644 --- 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 */ -- 2.30.2