From 222ce890dc026a7ea52a7e183fe15ebea1d3edc8 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Vladim=C3=ADr=20Vondru=C5=A1?= <mosra@centrum.cz>
Date: Mon, 18 Jun 2018 09:54:23 +0200
Subject: [PATCH] css: make it possible to disable component padding at the
 bottom.

Reusing the .m-nopadb class from the grid CSS.
---
 css/m-components.css             | 50 ++++++++++++++++++++++----------
 css/m-dark+doxygen.compiled.css  | 45 +++++++++++++++++++---------
 css/m-dark.compiled.css          | 45 +++++++++++++++++++---------
 css/m-light+doxygen.compiled.css | 45 +++++++++++++++++++---------
 css/m-light.compiled.css         | 45 +++++++++++++++++++---------
 doc/css/components.rst           |  6 ++--
 doc/css/typography.rst           | 11 ++++---
 7 files changed, 173 insertions(+), 74 deletions(-)

diff --git a/css/m-components.css b/css/m-components.css
index 496e9895..2546a0ec 100644
--- 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 83ac6b87..d94915ad 100644
--- 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 f90b4a37..8051709a 100644
--- 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 3fd6bfb1..5835573a 100644
--- 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 35674baa..4a5e052f 100644
--- 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 3365afe3..6d740668 100644
--- 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 93d577c7..e8ca1a23 100644
--- 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>`_.
-- 
2.30.2