Add line breaks

jrharalson · Jul 17, 2020 · 51fbd48 · 51fbd48
1 parent 0353e96
commit 51fbd48
Show file tree

Hide file tree

Showing 4 changed files with 83 additions and 27 deletions.
diff --git a/src/static/css/2019.css b/src/static/css/2019.css
@@ -355,7 +355,13 @@ body {
  box-sizing: border-box;
 }
 
-h1, h2, h3, h4, h5, h6, .subtitle {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.subtitle {
  font-family: 'Poppins', sans-serif;
  line-height: 1.2em;
 }
@@ -364,7 +370,8 @@ b {
  font-weight: bold;
 }
 
-a:focus, a:hover {
+a:focus,
+a:hover {
  text-decoration: underline;
 }
 
@@ -528,8 +535,10 @@ h2.header {
  letter-spacing: 2px;
 }
 
-header.alt-bg a:hover, footer.alt-bg a:hover,
-header.alt-bg a:focus, footer.alt-bg a:focus {
+header.alt-bg a:hover,
+footer.alt-bg a:hover,
+header.alt-bg a:focus,
+footer.alt-bg a:focus {
  color: #f7f779;
 }
 
@@ -552,30 +561,35 @@ header.alt-bg a:focus, footer.alt-bg a:focus {
  color: #1a2b49;
 }
 
-.top-header, footer {
+.top-header,
+footer {
  padding-top: 40px;
  padding-bottom: 40px;
 }
 
-.top-header, footer .nav {
+.top-header,
+footer .nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
 }
 
-header nav ul, footer nav ul {
+header nav ul,
+footer nav ul {
  display: flex;
  align-items: center;
  margin: 0;
  padding-inline-start: 0;
 }
 
-header nav li, footer nav li {
+header nav li,
+footer nav li {
  display: flex;
  line-height: 1.4em;
 }
 
-header nav .menu li .year-switcher, header nav .menu li .language-switcher {
+header nav .menu li .year-switcher,
+header nav .menu li .language-switcher {
  margin-bottom: 4em;
 }
 
@@ -696,7 +710,9 @@ header .cta {
  color: #0b1423;
 }
 
-h2, h3, h4 {
+h2,
+h3,
+h4 {
  margin-top: 2em;
 }
 
@@ -706,7 +722,11 @@ h4 code {
  font-size: inherit;
 }
 
-p, td, th, code, li {
+p,
+td,
+th,
+code,
+li {
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 1.5em;
@@ -842,7 +862,8 @@ p.copyright a {
 
 @media (max-width: 900px) and (min-width: 601px) {
  /* Header */
- .top-header, footer {
+ .top-header,
+ footer {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
@@ -960,7 +981,12 @@ p.copyright a {
 
 /* Mobile View */
 @media (max-width: 600px) {
- body, p, td, th, code, li {
+ body,
+ p,
+ td,
+ th,
+ code,
+ li {
  font-size: 16px;
  font-size: 1rem;
  }
@@ -976,7 +1002,8 @@ p.copyright a {
  }
 
  /* Header */
- .top-header, footer {
+ .top-header,
+ footer {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;

diff --git a/src/static/css/ebook.css b/src/static/css/ebook.css
@@ -63,7 +63,8 @@
  margin: 0;
 }
 
-th, td {
+th,
+td {
  padding: 5px;
 }
 
@@ -88,7 +89,8 @@ tbody tr:nth-child(even) {
  text-decoration: none;
 }
 
-.content a, .content a:visited {
+.content a,
+.content a:visited {
  color: #0b1423;
 }
 
@@ -264,7 +266,8 @@ section.chapter {
  }
 }
 
-#toc, #foreword {
+#toc,
+#foreword {
  page: front-matter;
 }
 
@@ -309,7 +312,9 @@ section.chapter {
  /* We have some big tables that can't be force to break
  * So we cheat and make them small enough to fit on a page
  */
- figure table td, figure table td li, figure table td p {
+ figure table td,
+ figure table td li,
+ figure table td p {
  font-size: 12px;
  font-size: 0.85rem;
  }
@@ -379,13 +384,19 @@ section.chapter {
  page-break-inside: avoid;
  }
 
- h1, h2, h3, h4, h5 {
+ h1,
+ h2,
+ h3,
+ h4,
+ h5 {
  font-weight: bold;
  page-break-after: avoid;
  page-break-inside: avoid;
  }
 
- h1 + p, h2 + p, h3 + p {
+ h1 + p,
+ h2 + p,
+ h3 + p {
  page-break-before: avoid;
  }
 

diff --git a/src/static/css/page.css b/src/static/css/page.css
@@ -157,7 +157,8 @@
  min-width: 20rem;
 }
 
-.content > section, .content > article {
+.content > section,
+.content > article {
  margin-bottom: 32px;
  margin-bottom: 2rem;
 }
@@ -189,7 +190,8 @@
  font-style: italic;
 }
 
-.byline.reviewers, .byline.translators {
+.byline.reviewers,
+.byline.translators {
  font-weight: normal;
 }
 
@@ -343,7 +345,8 @@
  right: -1.5rem;
 }
 
-aside, .note {
+aside,
+.note {
  font-style: italic;
 }
 
@@ -455,12 +458,14 @@ thead {
  border-bottom: 1px solid #eee;
 }
 
-th, td {
+th,
+td {
  padding: 10px;
  padding: 0.625rem;
 }
 
-th.numeric, td.numeric {
+th.numeric,
+td.numeric {
  text-align: right;
 }
 

diff --git a/src/static/css/print.css b/src/static/css/print.css
@@ -1,4 +1,12 @@
-.top-header, .index, .discuss, #chapter-navigation, footer .navigation-logo, footer .nav-items, footer .language-switcher, footer .social-media, footer hr {
+.top-header,
+.index,
+.discuss,
+#chapter-navigation,
+footer .navigation-logo,
+footer .nav-items,
+footer .language-switcher,
+footer .social-media,
+footer hr {
  display: none;
 }
 
@@ -10,7 +18,12 @@ a.btn {
  display: none;
 }
 
-h1, h2, h3, p, p.copyright, p.copyright a {
+h1,
+h2,
+h3,
+p,
+p.copyright,
+p.copyright a {
  color: black;
 }