diff options
| -rw-r--r-- | CHANGELOG.md | 6 | ||||
| -rw-r--r-- | assets/sass/_ed.scss | 25 | ||||
| -rw-r--r-- | exampleSite/content/narratives/narrative.md | 30 | ||||
| -rw-r--r-- | resources/_gen/assets/scss/sass/style.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; |