From 70c577c54c04c098f62dcbfff3ef03370ea02df8 Mon Sep 17 00:00:00 2001
From: Serghei Iakovlev <egrep@protonmail.ch>
Date: Sun, 31 Jul 2022 15:05:15 +0200
Subject: Changed generic css classes for common text purposes

---
 CHANGELOG.md                                       |  6 +++++
 assets/sass/_ed.scss                               | 25 +++++++++---------
 exampleSite/content/narratives/narrative.md        | 30 ++++++++++++++--------
 ...e.scss_f300667da4f5b5f84e1a9e0702b2fdde.content | 23 ++++++++---------
 4 files changed, 48 insertions(+), 36 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2d427a5..d30d4aa 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -15,6 +15,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Set the language target to `es2015` when build JavaScript
 - Use HTML5 `<template>` tag to render search results
+- Changed generic CSS classes for common text purposes:
+  - Renamed `p.centered` to `.text-center`
+  - Renamed `p.larger` to `.fs-4`
+  - Renamed `p.large` to `.fs-5`
+  - Renamed `p.small` to `.fs-7`
+  - Removed `li.centered` in favour of `.text-center`
 
 ### Fixed
 
diff --git a/assets/sass/_ed.scss b/assets/sass/_ed.scss
index b0870dc..a0e0d4f 100644
--- a/assets/sass/_ed.scss
+++ b/assets/sass/_ed.scss
@@ -495,20 +495,24 @@ a.sidebar-nav-item:focus {
   ED special layouts
 */
 
-p.centered {
-  text-align: center;
+.text-center {
+  text-align: center!important;
+}
+
+.text-uppercase {
+  text-transform: uppercase!important;
 }
 
-p.larger {
-  font-size: 1.6rem;
+.fs-4 {
+  font-size: 1.6rem!important;
 }
 
-p.large {
-  font-size: 1.4rem
+.fs-5 {
+  font-size: 1.4rem!important;
 }
 
-p.small {
-  font-size: 0.8rem;
+.fs-7 {
+  font-size: 0.8rem!important;
 }
 
 div.poem,
@@ -661,13 +665,8 @@ u,
   Line layouts for prose-poetry and theater
 
   To use these layouts you need to add the classes to your markdown or HTML lines.
-  (ex. "- {.centered} hello!")
 */
 
-li.centered {
-  text-align: center;
-}
-
 li.speaker,
 li.speakerGroup {
   text-align: center;
diff --git a/exampleSite/content/narratives/narrative.md b/exampleSite/content/narratives/narrative.md
index 73d6905..e3f30b9 100644
--- a/exampleSite/content/narratives/narrative.md
+++ b/exampleSite/content/narratives/narrative.md
@@ -17,20 +17,28 @@ This version of *Narrative of the Life of Frederick Douglass* was adapted from *
 
 ---
 
-{{< raw-html >}}<a id="title-page"></a>
-
-<p class="centered large">NARRATIVE<br>OF THE<br>LIFE<br>OF</p>
+{{< raw-html >}}
+<p class="text-center text-uppercase fs-5">Narrative<br>of the<br>Life<br>of</p>
 <p><br></p>
-<p class="centered larger">FREDERICK DOUGLASS</p>
-
-<p class="centered large">AN<br>AMERICAN SLAVE.<br>WRITTEN BY HIMSELF.</p>
+<p class="text-center text-uppercase fs-4">Frederick Douglass</p>
+<p class="text-center text-uppercase fs-5">an<br>American Slave.<br>Written by himself.</p>
 <p><br></p>
 
-<p class="centered">BOSTON</p>
-
-<p class="centered">PUBLISHED AT THE ANTI-SLAVERY OFFICE,<br>NO. 25 CORNHILL<br>1845</p>
-
-<p class="centered small">ENTERED, ACCORDING TO ACT OF CONGRESS,<br>IN THE YEAR 1845<br>BY FREDERICK DOUGLASS,<br>IN THE CLERK'S OFFICE OF THE DISTRICT COURT<br>OF MASSACHUSETTS.</p>{{< /raw-html >}}
+<p class="text-center text-uppercase">Boston</p>
+<p class="text-center text-uppercase">
+    Published at the Anti-slavery Office,<br>
+    No. 25 Cornhill<br>
+    1845
+</p>
+
+<p class="text-center text-uppercase fs-7">
+  Entered, according to Act of Congress,<br>
+  in the year 1845<br>
+  by Frederick Douglass,<br>
+  in the Clerk's Office of the District Court<br>
+  of Massachusetts.
+</p>
+{{< /raw-html >}}
 
 ---
 
diff --git a/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
index f694d13..31ced3e 100644
--- a/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
+++ b/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
@@ -438,17 +438,20 @@ a.sidebar-nav-item:focus {
 /*
   ED special layouts
 */
-p.centered {
-  text-align: center; }
+.text-center {
+  text-align: center !important; }
 
-p.larger {
-  font-size: 1.6rem; }
+.text-uppercase {
+  text-transform: uppercase !important; }
 
-p.large {
-  font-size: 1.4rem; }
+.fs-4 {
+  font-size: 1.6rem !important; }
+
+.fs-5 {
+  font-size: 1.4rem !important; }
 
-p.small {
-  font-size: 0.8rem; }
+.fs-7 {
+  font-size: 0.8rem !important; }
 
 div.poem,
 .poem,
@@ -571,11 +574,7 @@ u,
   Line layouts for prose-poetry and theater
 
   To use these layouts you need to add the classes to your markdown or HTML lines.
-  (ex. "- {.centered} hello!")
 */
-li.centered {
-  text-align: center; }
-
 li.speaker,
 li.speakerGroup {
   text-align: center;
-- 
cgit v1.2.3