Add code for info box

EditionOpenAccess · Sep 3, 2020 · 2fb56b2 · 2fb56b2
1 parent 19c6994
commit 2fb56b2
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 0 deletions.
diff --git a/src/pug/chapter03.pug b/src/pug/chapter03.pug
@@ -256,6 +256,34 @@ block page-content
                   li LaTeX: A typesetting system
                   li User: This is you!
               a(href="#").accordion__pageup
+            +publications-accordion-item(
+              '2.4 Text boxes',
+              'Simple info boxes with a grey background.',
+              'active',
+              true,
+              ['32', '33']
+            )
+              .row.boxed(id='34')
+                .flags
+                    +infobox
+                p
+                  | An infobox
+              .row.boxed(id='35')
+                .flags
+                    +infobox
+                p
+                  | The EOA flavour of Latex offers quite a few commands that help you markup words in your text. And also, if you want to include words in different writing systems, they have to be preceded by commands so that the system can switch to the correct font. The whole scope is gathered in the next, rather experimental section.
+              .row.boxed(id='36')
+                .flags
+                    +infobox
+                p
+                  | The EOA flavour of Latex offers quite a few commands that help you markup words in your text. And also, if you want to include words in different writing systems, they have to be preceded by commands so that the system can switch to the correct font. The whole scope is gathered in the next, rather experimental section.
+              .row.boxed(id='37')
+                .flags
+                    +infobox
+                p
+                  | The EOA flavour of Latex offers quite a few commands that help you markup words in your text. And also, if you want to include words in different writing systems, they have to be preceded by commands so that the system can switch to the correct font. The whole scope is gathered in the next, rather experimental section.
+              a(href="#").accordion__pageup
             +publications-accordion-item(
               'Footnotes',
               '',

diff --git a/src/styles/base/typography.scss b/src/styles/base/typography.scss
@@ -71,3 +71,13 @@ p {
 p:last-child {
   margin-bottom: 0;
 }
+
+.boxed {
+  background-color: #f4f4f4;
+  padding-bottom: 0.1px;
+
+  p {
+    margin-left: 30px;
+    margin-right: 30px;
+  }
+}