css: add .m-tiny.

diff --git a/css/m-components.css b/css/m-components.css
index 8402e937063ab10469d7eae39d858038855450ab..e73bd31ee65bd029358ce5bd0f28f7d4118b57f8 100644 (file)
--- a/css/m-components.css
+++ b/css/m-components.css
@@ -174,12 +174,9 @@ div.m-scroll {
 .m-text-bottom, table.m-table th.m-text-bottom, table.m-table td.m-text-bottom {
   vertical-align: bottom;
 }
-.m-text.m-small {
-  font-size: 85.4%;
-}
-.m-text.m-big {
-  font-size: 117%;
-}
+.m-text.m-tiny { font-size: 50.0%; }
+.m-text.m-small { font-size: 85.4%; }
+.m-text.m-big { font-size: 117%; }
 h1 .m-thin, h2 .m-thin, h3 .m-thin, h4 .m-thin, h5 .m-thin, h6 .m-thin {
   font-weight: normal;
 }

diff --git a/css/m-dark+documentation.compiled.css b/css/m-dark+documentation.compiled.css
index a3e09071c273df8f3aafb95c0ee93b9d4f595b54..24e8825ef0e7fd2a38e95aeadb9d302eccd3fa5b 100644 (file)
--- a/css/m-dark+documentation.compiled.css
+++ b/css/m-dark+documentation.compiled.css
@@ -477,12 +477,9 @@ div.m-scroll {
 .m-text-bottom, table.m-table th.m-text-bottom, table.m-table td.m-text-bottom {
   vertical-align: bottom;
 }
-.m-text.m-small {
-  font-size: 85.4%;
-}
-.m-text.m-big {
-  font-size: 117%;
-}
+.m-text.m-tiny { font-size: 50.0%; }
+.m-text.m-small { font-size: 85.4%; }
+.m-text.m-big { font-size: 117%; }
 h1 .m-thin, h2 .m-thin, h3 .m-thin, h4 .m-thin, h5 .m-thin, h6 .m-thin {
   font-weight: normal;
 }

diff --git a/css/m-dark.compiled.css b/css/m-dark.compiled.css
index 1657e392f85a579ba503de84475ef8b8f515684b..5d79133e35f2ec39964ce6d98bceb8ffda9b721b 100644 (file)
--- a/css/m-dark.compiled.css
+++ b/css/m-dark.compiled.css
@@ -477,12 +477,9 @@ div.m-scroll {
 .m-text-bottom, table.m-table th.m-text-bottom, table.m-table td.m-text-bottom {
   vertical-align: bottom;
 }
-.m-text.m-small {
-  font-size: 85.4%;
-}
-.m-text.m-big {
-  font-size: 117%;
-}
+.m-text.m-tiny { font-size: 50.0%; }
+.m-text.m-small { font-size: 85.4%; }
+.m-text.m-big { font-size: 117%; }
 h1 .m-thin, h2 .m-thin, h3 .m-thin, h4 .m-thin, h5 .m-thin, h6 .m-thin {
   font-weight: normal;
 }

diff --git a/css/m-light+documentation.compiled.css b/css/m-light+documentation.compiled.css
index b6fb059d4fe83c80b4e278949a155462911c283e..d48ce9dc59189bb43eb21575296f2db5eb01e464 100644 (file)
--- a/css/m-light+documentation.compiled.css
+++ b/css/m-light+documentation.compiled.css
@@ -477,12 +477,9 @@ div.m-scroll {
 .m-text-bottom, table.m-table th.m-text-bottom, table.m-table td.m-text-bottom {
   vertical-align: bottom;
 }
-.m-text.m-small {
-  font-size: 85.4%;
-}
-.m-text.m-big {
-  font-size: 117%;
-}
+.m-text.m-tiny { font-size: 50.0%; }
+.m-text.m-small { font-size: 85.4%; }
+.m-text.m-big { font-size: 117%; }
 h1 .m-thin, h2 .m-thin, h3 .m-thin, h4 .m-thin, h5 .m-thin, h6 .m-thin {
   font-weight: normal;
 }

diff --git a/css/m-light.compiled.css b/css/m-light.compiled.css
index 546c40588015e75ea1aa63ff5553c50f6d13010e..ce62675d11b325ef6bb1f71187ffd7e2cba222b1 100644 (file)
--- a/css/m-light.compiled.css
+++ b/css/m-light.compiled.css
@@ -477,12 +477,9 @@ div.m-scroll {
 .m-text-bottom, table.m-table th.m-text-bottom, table.m-table td.m-text-bottom {
   vertical-align: bottom;
 }
-.m-text.m-small {
-  font-size: 85.4%;
-}
-.m-text.m-big {
-  font-size: 117%;
-}
+.m-text.m-tiny { font-size: 50.0%; }
+.m-text.m-small { font-size: 85.4%; }
+.m-text.m-big { font-size: 117%; }
 h1 .m-thin, h2 .m-thin, h3 .m-thin, h4 .m-thin, h5 .m-thin, h6 .m-thin {
   font-weight: normal;
 }

diff --git a/doc/css/components.rst b/doc/css/components.rst
index 787d9e05a39caa44325fdf5ba24931bd7c923c96..5972486e060f2e6fd90e9d7696f9e5882cd91507 100644 (file)
--- a/doc/css/components.rst
+++ b/doc/css/components.rst
@@ -310,8 +310,8 @@ paragraph or inline text.
     directives in your :abbr:`reST <reStructuredText>` markup using the
     `Pelican Components plugin <{filename}/plugins/components.rst#text>`__.
 
-Apply :css:`.m-small` or :css:`.m-big` CSS class together with :css:`.m-text`
-to make the text appear smaller or larger.
+Apply :css:`.m-tiny`, :css:`.m-small` or :css:`.m-big` CSS class together with
+:css:`.m-text` to make the text appear smaller or larger.
 
 .. code-figure::
 
@@ -323,6 +323,9 @@ to make the text appear smaller or larger.
         <p class="m-text m-small">Smaller text. Lorem ipsum dolor sit amet, consectetur
         adipiscing elit. Vivamus ultrices a erat eu suscipit. Aliquam pharetra
         imperdiet tortor sed vehicula.</p>
+        <p class="m-text m-tiny">Tiny text. Lorem ipsum dolor sit amet, consectetur
+        adipiscing elit. Vivamus ultrices a erat eu suscipit. Aliquam pharetra
+        imperdiet tortor sed vehicula.</p>
 
     .. raw:: html
 
@@ -332,6 +335,9 @@ to make the text appear smaller or larger.
         <p class="m-text m-small">Smaller text. Lorem ipsum dolor sit amet, consectetur
         adipiscing elit. Vivamus ultrices a erat eu suscipit. Aliquam pharetra
         imperdiet tortor sed vehicula.</p>
+        <p class="m-text m-tiny">Tiny text. Lorem ipsum dolor sit amet, consectetur
+        adipiscing elit. Vivamus ultrices a erat eu suscipit. Aliquam pharetra
+        imperdiet tortor sed vehicula.</p>
 
 `Button links`_
 ===============