css: make it possible to disable component padding at the bottom.

Reusing the .m-nopadb class from the grid CSS.

diff --git a/css/m-components.css b/css/m-components.css
index 496e989523f64447a296514a416747f1bb684af6..2546a0ecb079e25c6ae339905316b179b76b6b22 100644 (file)
--- a/css/m-components.css
+++ b/css/m-components.css
@@ -1001,24 +1001,35 @@ div.m-math.m-dim svg, svg.m-math.m-dim, div.m-plot svg .m-bar.m-dim {
   fill: var(--dim-color);
 }
 
-/* Spacing after every block element, but not after the last */
+/* Spacing after every block element, but not after the last and not when
+  m-nopadb is specified */
 p, ul, ol, dl, blockquote, pre, figure.m-code-figure, figure.m-console-figure,
 hr, .m-note, .m-frame, .m-block, div.m-button, div.m-scroll, table.m-table,
 div.m-image, img.m-image, svg.m-image, figure.m-figure, .m-imagegrid, div.m-math {
   margin-bottom: 1rem;
 }
-p:last-child, ul:last-child, ol:last-child, dl:last-child, blockquote:last-child,
-pre:last-child, figure.m-code-figure:last-child, figure.m-console-figure:last-child,
-hr:last-child, .m-note:last-child, .m-frame:last-child, .m-block:last-child,
-div.m-button:last-child, div.m-scroll:last-child, table.m-table:last-child,
-img.m-image:last-child, svg.m-image:last-child, div.m-image:last-child,
-figure.m-figure:last-child, .m-imagegrid:last-child, div.m-math:last-child {
+p:last-child, p.m-nopadb, ul:last-child, ul.m-nopadb,
+ol:last-child, ol.m-nopadb, dl:last-child, dl.m-nopadb,
+blockquote:last-child, blockquote.m-nopadb, pre:last-child, pre.m-nopadb,
+figure.m-code-figure:last-child, figure.m-code-figure.m-nopadb,
+figure.m-console-figure:last-child, figure.m-console-figure.m-nopadb,
+hr:last-child, hr.m-nopadb, .m-note:last-child, .m-note.m-nopadb,
+.m-frame:last-child, .m-frame.m-nopadb, .m-block:last-child, .m-block.m-nopadb,
+div.m-button:last-child, div.m-button.m-nopadb,
+div.m-scroll:last-child, div.m-scroll.m-nopadb,
+table.m-table:last-child, table.m-table.m-nopadb,
+img.m-image:last-child, img.m-image.m-nopadb
+svg.m-image:last-child, svg.m-image.m-nopadb,
+div.m-image:last-child, div.m-image.m-nopadb,
+figure.m-figure:last-child, figure.m-figure.m-nopadb,
+.m-imagegrid:last-child, .m-imagegrid.m-nopadb,
+div.m-math:last-child, div.m-math.m-nopadb {
   margin-bottom: 0;
 }
 
 /* List items usually have just inline elements and are kept compact. If (sane)
    block elements are inside list items, they have spacing even as last, but
-   not if the list item is the last. */
+   not if the list item is the last. Also not if m-nopadb is specified. */
 li > p:last-child, li > blockquote:last-child, li > pre:last-child,
 li > figure.m-code-figure:last-child, li > figure.m-console-figure:last-child,
 li > .m-note:last-child, li > .m-frame:last-child, li > .m-block:last-child,
@@ -1027,13 +1038,22 @@ li > img.m-image:last-child, li > svg.m-image:last-child, li > div.m-image:last-
 li > figure.m-figure:last-child, li > div.m-math:last-child {
   margin-bottom: 1rem;
 }
-li:last-child > p:last-child, li:last-child > blockquote:last-child, li:last-child > pre:last-child,
-li:last-child > figure.m-code-figure:last-child, li:last-child > figure.m-console-figure:last-child,
-li:last-child > .m-note:last-child, li:last-child > .m-frame:last-child, li:last-child > .m-block:last-child,
-li:last-child > div.m-button:last-child, li:last-child > div.m-scroll:last-child,
-li:last-child > table.m-table:last-child, li:last-child > img.m-image:last-child,
-li:last-child > svg.m-image:last-child, li:last-child > div.m-image:last-child,
-li:last-child > figure.m-figure:last-child, li:last-child > div.m-math:last-child {
+li:last-child > p:last-child, li:last-child > p.m-nopadb,
+li:last-child > blockquote:last-child, li:last-child > blockquote.m-nopadb,
+li:last-child > pre:last-child, li:last-child > pre.m-nopadb,
+li:last-child > figure.m-code-figure:last-child, li:last-child > figure.m-code-figure.m-nopadb,
+li:last-child > figure.m-console-figure:last-child, li:last-child > figure.m-console-figure.m-nopadb,
+li:last-child > .m-note:last-child, li:last-child > .m-note.m-nopadb,
+li:last-child > .m-frame:last-child, li:last-child > .m-frame.m-nopadb,
+li:last-child > .m-block:last-child, li:last-child > .m-block.m-nopadb,
+li:last-child > div.m-button:last-child, li:last-child > div.m-button.m-nopadb,
+li:last-child > div.m-scroll:last-child, li:last-child > div.m-scroll.m-nopadb,
+li:last-child > table.m-table:last-child, li:last-child > table.m-table.m-nopadb,
+li:last-child > img.m-image:last-child, li:last-child > img.m-image.m-nopadb,
+li:last-child > svg.m-image:last-child, li:last-child > svg.m-image.m-nopadb,
+li:last-child > div.m-image:last-child, li:last-child > div.m-image.m-nopadb,
+li:last-child > figure.m-figure:last-child, li:last-child > figure.m-figure.m-nopadb,
+li:last-child > div.m-math:last-child, li:last-child > div.m-math.m-nopadb {
   margin-bottom: 0;
 }
 

diff --git a/css/m-dark+doxygen.compiled.css b/css/m-dark+doxygen.compiled.css
index 83ac6b877daaeae895dda38cffde107ba649f150..d94915ad97c8eb86612757160df997608e4fb46f 100644 (file)
--- a/css/m-dark+doxygen.compiled.css
+++ b/css/m-dark+doxygen.compiled.css
@@ -1307,12 +1307,22 @@ hr, .m-note, .m-frame, .m-block, div.m-button, div.m-scroll, table.m-table,
 div.m-image, img.m-image, svg.m-image, figure.m-figure, .m-imagegrid, div.m-math {
   margin-bottom: 1rem;
 }
-p:last-child, ul:last-child, ol:last-child, dl:last-child, blockquote:last-child,
-pre:last-child, figure.m-code-figure:last-child, figure.m-console-figure:last-child,
-hr:last-child, .m-note:last-child, .m-frame:last-child, .m-block:last-child,
-div.m-button:last-child, div.m-scroll:last-child, table.m-table:last-child,
-img.m-image:last-child, svg.m-image:last-child, div.m-image:last-child,
-figure.m-figure:last-child, .m-imagegrid:last-child, div.m-math:last-child {
+p:last-child, p.m-nopadb, ul:last-child, ul.m-nopadb,
+ol:last-child, ol.m-nopadb, dl:last-child, dl.m-nopadb,
+blockquote:last-child, blockquote.m-nopadb, pre:last-child, pre.m-nopadb,
+figure.m-code-figure:last-child, figure.m-code-figure.m-nopadb,
+figure.m-console-figure:last-child, figure.m-console-figure.m-nopadb,
+hr:last-child, hr.m-nopadb, .m-note:last-child, .m-note.m-nopadb,
+.m-frame:last-child, .m-frame.m-nopadb, .m-block:last-child, .m-block.m-nopadb,
+div.m-button:last-child, div.m-button.m-nopadb,
+div.m-scroll:last-child, div.m-scroll.m-nopadb,
+table.m-table:last-child, table.m-table.m-nopadb,
+img.m-image:last-child, img.m-image.m-nopadb
+svg.m-image:last-child, svg.m-image.m-nopadb,
+div.m-image:last-child, div.m-image.m-nopadb,
+figure.m-figure:last-child, figure.m-figure.m-nopadb,
+.m-imagegrid:last-child, .m-imagegrid.m-nopadb,
+div.m-math:last-child, div.m-math.m-nopadb {
   margin-bottom: 0;
 }
 li > p:last-child, li > blockquote:last-child, li > pre:last-child,
@@ -1323,13 +1333,22 @@ li > img.m-image:last-child, li > svg.m-image:last-child, li > div.m-image:last-
 li > figure.m-figure:last-child, li > div.m-math:last-child {
   margin-bottom: 1rem;
 }
-li:last-child > p:last-child, li:last-child > blockquote:last-child, li:last-child > pre:last-child,
-li:last-child > figure.m-code-figure:last-child, li:last-child > figure.m-console-figure:last-child,
-li:last-child > .m-note:last-child, li:last-child > .m-frame:last-child, li:last-child > .m-block:last-child,
-li:last-child > div.m-button:last-child, li:last-child > div.m-scroll:last-child,
-li:last-child > table.m-table:last-child, li:last-child > img.m-image:last-child,
-li:last-child > svg.m-image:last-child, li:last-child > div.m-image:last-child,
-li:last-child > figure.m-figure:last-child, li:last-child > div.m-math:last-child {
+li:last-child > p:last-child, li:last-child > p.m-nopadb,
+li:last-child > blockquote:last-child, li:last-child > blockquote.m-nopadb,
+li:last-child > pre:last-child, li:last-child > pre.m-nopadb,
+li:last-child > figure.m-code-figure:last-child, li:last-child > figure.m-code-figure.m-nopadb,
+li:last-child > figure.m-console-figure:last-child, li:last-child > figure.m-console-figure.m-nopadb,
+li:last-child > .m-note:last-child, li:last-child > .m-note.m-nopadb,
+li:last-child > .m-frame:last-child, li:last-child > .m-frame.m-nopadb,
+li:last-child > .m-block:last-child, li:last-child > .m-block.m-nopadb,
+li:last-child > div.m-button:last-child, li:last-child > div.m-button.m-nopadb,
+li:last-child > div.m-scroll:last-child, li:last-child > div.m-scroll.m-nopadb,
+li:last-child > table.m-table:last-child, li:last-child > table.m-table.m-nopadb,
+li:last-child > img.m-image:last-child, li:last-child > img.m-image.m-nopadb,
+li:last-child > svg.m-image:last-child, li:last-child > svg.m-image.m-nopadb,
+li:last-child > div.m-image:last-child, li:last-child > div.m-image.m-nopadb,
+li:last-child > figure.m-figure:last-child, li:last-child > figure.m-figure.m-nopadb,
+li:last-child > div.m-math:last-child, li:last-child > div.m-math.m-nopadb {
   margin-bottom: 0;
 }
 

diff --git a/css/m-dark.compiled.css b/css/m-dark.compiled.css
index f90b4a37fd993cd4b64cb475671de1f65b5610b1..8051709aea8e0388f7b52ede0300131bb9f1b752 100644 (file)
--- a/css/m-dark.compiled.css
+++ b/css/m-dark.compiled.css
@@ -1307,12 +1307,22 @@ hr, .m-note, .m-frame, .m-block, div.m-button, div.m-scroll, table.m-table,
 div.m-image, img.m-image, svg.m-image, figure.m-figure, .m-imagegrid, div.m-math {
   margin-bottom: 1rem;
 }
-p:last-child, ul:last-child, ol:last-child, dl:last-child, blockquote:last-child,
-pre:last-child, figure.m-code-figure:last-child, figure.m-console-figure:last-child,
-hr:last-child, .m-note:last-child, .m-frame:last-child, .m-block:last-child,
-div.m-button:last-child, div.m-scroll:last-child, table.m-table:last-child,
-img.m-image:last-child, svg.m-image:last-child, div.m-image:last-child,
-figure.m-figure:last-child, .m-imagegrid:last-child, div.m-math:last-child {
+p:last-child, p.m-nopadb, ul:last-child, ul.m-nopadb,
+ol:last-child, ol.m-nopadb, dl:last-child, dl.m-nopadb,
+blockquote:last-child, blockquote.m-nopadb, pre:last-child, pre.m-nopadb,
+figure.m-code-figure:last-child, figure.m-code-figure.m-nopadb,
+figure.m-console-figure:last-child, figure.m-console-figure.m-nopadb,
+hr:last-child, hr.m-nopadb, .m-note:last-child, .m-note.m-nopadb,
+.m-frame:last-child, .m-frame.m-nopadb, .m-block:last-child, .m-block.m-nopadb,
+div.m-button:last-child, div.m-button.m-nopadb,
+div.m-scroll:last-child, div.m-scroll.m-nopadb,
+table.m-table:last-child, table.m-table.m-nopadb,
+img.m-image:last-child, img.m-image.m-nopadb
+svg.m-image:last-child, svg.m-image.m-nopadb,
+div.m-image:last-child, div.m-image.m-nopadb,
+figure.m-figure:last-child, figure.m-figure.m-nopadb,
+.m-imagegrid:last-child, .m-imagegrid.m-nopadb,
+div.m-math:last-child, div.m-math.m-nopadb {
   margin-bottom: 0;
 }
 li > p:last-child, li > blockquote:last-child, li > pre:last-child,
@@ -1323,13 +1333,22 @@ li > img.m-image:last-child, li > svg.m-image:last-child, li > div.m-image:last-
 li > figure.m-figure:last-child, li > div.m-math:last-child {
   margin-bottom: 1rem;
 }
-li:last-child > p:last-child, li:last-child > blockquote:last-child, li:last-child > pre:last-child,
-li:last-child > figure.m-code-figure:last-child, li:last-child > figure.m-console-figure:last-child,
-li:last-child > .m-note:last-child, li:last-child > .m-frame:last-child, li:last-child > .m-block:last-child,
-li:last-child > div.m-button:last-child, li:last-child > div.m-scroll:last-child,
-li:last-child > table.m-table:last-child, li:last-child > img.m-image:last-child,
-li:last-child > svg.m-image:last-child, li:last-child > div.m-image:last-child,
-li:last-child > figure.m-figure:last-child, li:last-child > div.m-math:last-child {
+li:last-child > p:last-child, li:last-child > p.m-nopadb,
+li:last-child > blockquote:last-child, li:last-child > blockquote.m-nopadb,
+li:last-child > pre:last-child, li:last-child > pre.m-nopadb,
+li:last-child > figure.m-code-figure:last-child, li:last-child > figure.m-code-figure.m-nopadb,
+li:last-child > figure.m-console-figure:last-child, li:last-child > figure.m-console-figure.m-nopadb,
+li:last-child > .m-note:last-child, li:last-child > .m-note.m-nopadb,
+li:last-child > .m-frame:last-child, li:last-child > .m-frame.m-nopadb,
+li:last-child > .m-block:last-child, li:last-child > .m-block.m-nopadb,
+li:last-child > div.m-button:last-child, li:last-child > div.m-button.m-nopadb,
+li:last-child > div.m-scroll:last-child, li:last-child > div.m-scroll.m-nopadb,
+li:last-child > table.m-table:last-child, li:last-child > table.m-table.m-nopadb,
+li:last-child > img.m-image:last-child, li:last-child > img.m-image.m-nopadb,
+li:last-child > svg.m-image:last-child, li:last-child > svg.m-image.m-nopadb,
+li:last-child > div.m-image:last-child, li:last-child > div.m-image.m-nopadb,
+li:last-child > figure.m-figure:last-child, li:last-child > figure.m-figure.m-nopadb,
+li:last-child > div.m-math:last-child, li:last-child > div.m-math.m-nopadb {
   margin-bottom: 0;
 }
 

diff --git a/css/m-light+doxygen.compiled.css b/css/m-light+doxygen.compiled.css
index 3fd6bfb1790dfed1e9e6a7978829aef51197977a..5835573af8fa1da74e993cbab220468963ae0b19 100644 (file)
--- a/css/m-light+doxygen.compiled.css
+++ b/css/m-light+doxygen.compiled.css
@@ -1307,12 +1307,22 @@ hr, .m-note, .m-frame, .m-block, div.m-button, div.m-scroll, table.m-table,
 div.m-image, img.m-image, svg.m-image, figure.m-figure, .m-imagegrid, div.m-math {
   margin-bottom: 1rem;
 }
-p:last-child, ul:last-child, ol:last-child, dl:last-child, blockquote:last-child,
-pre:last-child, figure.m-code-figure:last-child, figure.m-console-figure:last-child,
-hr:last-child, .m-note:last-child, .m-frame:last-child, .m-block:last-child,
-div.m-button:last-child, div.m-scroll:last-child, table.m-table:last-child,
-img.m-image:last-child, svg.m-image:last-child, div.m-image:last-child,
-figure.m-figure:last-child, .m-imagegrid:last-child, div.m-math:last-child {
+p:last-child, p.m-nopadb, ul:last-child, ul.m-nopadb,
+ol:last-child, ol.m-nopadb, dl:last-child, dl.m-nopadb,
+blockquote:last-child, blockquote.m-nopadb, pre:last-child, pre.m-nopadb,
+figure.m-code-figure:last-child, figure.m-code-figure.m-nopadb,
+figure.m-console-figure:last-child, figure.m-console-figure.m-nopadb,
+hr:last-child, hr.m-nopadb, .m-note:last-child, .m-note.m-nopadb,
+.m-frame:last-child, .m-frame.m-nopadb, .m-block:last-child, .m-block.m-nopadb,
+div.m-button:last-child, div.m-button.m-nopadb,
+div.m-scroll:last-child, div.m-scroll.m-nopadb,
+table.m-table:last-child, table.m-table.m-nopadb,
+img.m-image:last-child, img.m-image.m-nopadb
+svg.m-image:last-child, svg.m-image.m-nopadb,
+div.m-image:last-child, div.m-image.m-nopadb,
+figure.m-figure:last-child, figure.m-figure.m-nopadb,
+.m-imagegrid:last-child, .m-imagegrid.m-nopadb,
+div.m-math:last-child, div.m-math.m-nopadb {
   margin-bottom: 0;
 }
 li > p:last-child, li > blockquote:last-child, li > pre:last-child,
@@ -1323,13 +1333,22 @@ li > img.m-image:last-child, li > svg.m-image:last-child, li > div.m-image:last-
 li > figure.m-figure:last-child, li > div.m-math:last-child {
   margin-bottom: 1rem;
 }
-li:last-child > p:last-child, li:last-child > blockquote:last-child, li:last-child > pre:last-child,
-li:last-child > figure.m-code-figure:last-child, li:last-child > figure.m-console-figure:last-child,
-li:last-child > .m-note:last-child, li:last-child > .m-frame:last-child, li:last-child > .m-block:last-child,
-li:last-child > div.m-button:last-child, li:last-child > div.m-scroll:last-child,
-li:last-child > table.m-table:last-child, li:last-child > img.m-image:last-child,
-li:last-child > svg.m-image:last-child, li:last-child > div.m-image:last-child,
-li:last-child > figure.m-figure:last-child, li:last-child > div.m-math:last-child {
+li:last-child > p:last-child, li:last-child > p.m-nopadb,
+li:last-child > blockquote:last-child, li:last-child > blockquote.m-nopadb,
+li:last-child > pre:last-child, li:last-child > pre.m-nopadb,
+li:last-child > figure.m-code-figure:last-child, li:last-child > figure.m-code-figure.m-nopadb,
+li:last-child > figure.m-console-figure:last-child, li:last-child > figure.m-console-figure.m-nopadb,
+li:last-child > .m-note:last-child, li:last-child > .m-note.m-nopadb,
+li:last-child > .m-frame:last-child, li:last-child > .m-frame.m-nopadb,
+li:last-child > .m-block:last-child, li:last-child > .m-block.m-nopadb,
+li:last-child > div.m-button:last-child, li:last-child > div.m-button.m-nopadb,
+li:last-child > div.m-scroll:last-child, li:last-child > div.m-scroll.m-nopadb,
+li:last-child > table.m-table:last-child, li:last-child > table.m-table.m-nopadb,
+li:last-child > img.m-image:last-child, li:last-child > img.m-image.m-nopadb,
+li:last-child > svg.m-image:last-child, li:last-child > svg.m-image.m-nopadb,
+li:last-child > div.m-image:last-child, li:last-child > div.m-image.m-nopadb,
+li:last-child > figure.m-figure:last-child, li:last-child > figure.m-figure.m-nopadb,
+li:last-child > div.m-math:last-child, li:last-child > div.m-math.m-nopadb {
   margin-bottom: 0;
 }
 

diff --git a/css/m-light.compiled.css b/css/m-light.compiled.css
index 35674baa3f032c74fe6b7e7cd3424387ee442d25..4a5e052f4638ff740ed04991dfe7f0e98f6dba94 100644 (file)
--- a/css/m-light.compiled.css
+++ b/css/m-light.compiled.css
@@ -1307,12 +1307,22 @@ hr, .m-note, .m-frame, .m-block, div.m-button, div.m-scroll, table.m-table,
 div.m-image, img.m-image, svg.m-image, figure.m-figure, .m-imagegrid, div.m-math {
   margin-bottom: 1rem;
 }
-p:last-child, ul:last-child, ol:last-child, dl:last-child, blockquote:last-child,
-pre:last-child, figure.m-code-figure:last-child, figure.m-console-figure:last-child,
-hr:last-child, .m-note:last-child, .m-frame:last-child, .m-block:last-child,
-div.m-button:last-child, div.m-scroll:last-child, table.m-table:last-child,
-img.m-image:last-child, svg.m-image:last-child, div.m-image:last-child,
-figure.m-figure:last-child, .m-imagegrid:last-child, div.m-math:last-child {
+p:last-child, p.m-nopadb, ul:last-child, ul.m-nopadb,
+ol:last-child, ol.m-nopadb, dl:last-child, dl.m-nopadb,
+blockquote:last-child, blockquote.m-nopadb, pre:last-child, pre.m-nopadb,
+figure.m-code-figure:last-child, figure.m-code-figure.m-nopadb,
+figure.m-console-figure:last-child, figure.m-console-figure.m-nopadb,
+hr:last-child, hr.m-nopadb, .m-note:last-child, .m-note.m-nopadb,
+.m-frame:last-child, .m-frame.m-nopadb, .m-block:last-child, .m-block.m-nopadb,
+div.m-button:last-child, div.m-button.m-nopadb,
+div.m-scroll:last-child, div.m-scroll.m-nopadb,
+table.m-table:last-child, table.m-table.m-nopadb,
+img.m-image:last-child, img.m-image.m-nopadb
+svg.m-image:last-child, svg.m-image.m-nopadb,
+div.m-image:last-child, div.m-image.m-nopadb,
+figure.m-figure:last-child, figure.m-figure.m-nopadb,
+.m-imagegrid:last-child, .m-imagegrid.m-nopadb,
+div.m-math:last-child, div.m-math.m-nopadb {
   margin-bottom: 0;
 }
 li > p:last-child, li > blockquote:last-child, li > pre:last-child,
@@ -1323,13 +1333,22 @@ li > img.m-image:last-child, li > svg.m-image:last-child, li > div.m-image:last-
 li > figure.m-figure:last-child, li > div.m-math:last-child {
   margin-bottom: 1rem;
 }
-li:last-child > p:last-child, li:last-child > blockquote:last-child, li:last-child > pre:last-child,
-li:last-child > figure.m-code-figure:last-child, li:last-child > figure.m-console-figure:last-child,
-li:last-child > .m-note:last-child, li:last-child > .m-frame:last-child, li:last-child > .m-block:last-child,
-li:last-child > div.m-button:last-child, li:last-child > div.m-scroll:last-child,
-li:last-child > table.m-table:last-child, li:last-child > img.m-image:last-child,
-li:last-child > svg.m-image:last-child, li:last-child > div.m-image:last-child,
-li:last-child > figure.m-figure:last-child, li:last-child > div.m-math:last-child {
+li:last-child > p:last-child, li:last-child > p.m-nopadb,
+li:last-child > blockquote:last-child, li:last-child > blockquote.m-nopadb,
+li:last-child > pre:last-child, li:last-child > pre.m-nopadb,
+li:last-child > figure.m-code-figure:last-child, li:last-child > figure.m-code-figure.m-nopadb,
+li:last-child > figure.m-console-figure:last-child, li:last-child > figure.m-console-figure.m-nopadb,
+li:last-child > .m-note:last-child, li:last-child > .m-note.m-nopadb,
+li:last-child > .m-frame:last-child, li:last-child > .m-frame.m-nopadb,
+li:last-child > .m-block:last-child, li:last-child > .m-block.m-nopadb,
+li:last-child > div.m-button:last-child, li:last-child > div.m-button.m-nopadb,
+li:last-child > div.m-scroll:last-child, li:last-child > div.m-scroll.m-nopadb,
+li:last-child > table.m-table:last-child, li:last-child > table.m-table.m-nopadb,
+li:last-child > img.m-image:last-child, li:last-child > img.m-image.m-nopadb,
+li:last-child > svg.m-image:last-child, li:last-child > svg.m-image.m-nopadb,
+li:last-child > div.m-image:last-child, li:last-child > div.m-image.m-nopadb,
+li:last-child > figure.m-figure:last-child, li:last-child > figure.m-figure.m-nopadb,
+li:last-child > div.m-math:last-child, li:last-child > div.m-math.m-nopadb {
   margin-bottom: 0;
 }
 

diff --git a/doc/css/components.rst b/doc/css/components.rst
index 3365afe361905b9ab27f7649391283386c111ebb..6d740668159c0b731713734f1401bf5425eeb11d 100644 (file)
--- a/doc/css/components.rst
+++ b/doc/css/components.rst
@@ -1116,9 +1116,9 @@ with :css:`.m-line`, error bars with :css:`.m-error`. Use
 
 Similarly to `typography elements <{filename}/css/typography.rst#padding>`_;
 blocks, notes, frames, tables, images, figures, image grids, code and math
-blocks and code figures have :css:`1rem` padding after, except when they are
-the last element, to avoid excessive spacing. The list special casing applies
-here as well.
+blocks and code figures have :css:`1rem` padding on the bottom, except when
+they are the last element, to avoid excessive spacing. The list special casing
+and ability to disable the padding using :css:`.m-nopadb` applies here as well.
 
 `Responsive utilities`_
 =======================

diff --git a/doc/css/typography.rst b/doc/css/typography.rst
index 93d577c7e9de3aa472d5b714d49e217aeb0fc39f..e8ca1a23bc56bdeef5bb7da7a98770c0cd993d37 100644 (file)
--- a/doc/css/typography.rst
+++ b/doc/css/typography.rst
@@ -383,7 +383,10 @@ in the grid system for aligning and floating blocks in a similar way.
 
 Block elements :html:`<p>`, :html:`<ol>`, :html:`<ul>`, :html:`<dl>`,
 :html:`<blockqote>`, :html:`<pre>` and :html:`<hr>` by default have :css:`1rem`
-padding after, except when they are the last child, to avoid excessive spacing.
-A special case is lists --- components directly inside :html:`<li>` elements
-have :css:`1rem` padding after, except when the :html:`<li>` is last, to
-achieve consistent spacing for inflated lists.
+padding on the bottom, except when they are the last child, to avoid excessive
+spacing. A special case is lists --- components directly inside :html:`<li>`
+elements have :css:`1rem` padding on the bottom, except when the :html:`<li>`
+is last, to achieve consistent spacing for inflated lists.
+
+The :css:`1rem` padding on the bottom can be disabled with :css:`.m-nopadb`,
+similarly as with `grid layouts <{filename}/css/grid.rst#grid-padding>`_.