From: Vladimír Vondruš <mosra@centrum.cz>
Date: Tue, 30 Apr 2019 21:23:51 +0000 (+0200)
Subject: css: add .m-tiny.
X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~cjwatson/git?a=commitdiff_plain;h=abd2a244b7f2cf7650c30ee44ef42834827a9606;p=blog.git

css: add .m-tiny.
---

diff --git a/css/m-components.css b/css/m-components.css
index 8402e937..e73bd31e 100644
--- 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 a3e09071..24e8825e 100644
--- 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 1657e392..5d79133e 100644
--- 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 b6fb059d..d48ce9dc 100644
--- 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 546c4058..ce62675d 100644
--- 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 787d9e05..5972486e 100644
--- 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`_
 ===============