Tables in articles (#37)

* bootstrap from scss, reused table in articles * gitignore upd
2026-10-01 00:48:32 +02:00 · 2022-04-25 16:42:26 +02:00
parent b0ac726edc
commit a1174137ac
7 changed files with 10172 additions and 123 deletions
@@ -0,0 +1,115 @@
+article aside[role="alert"],
+article aside[role="status"] {
+  border: 1px solid transparent;
+  position: relative;
+  padding: .75rem 1.25rem .75rem 3rem;
+  margin-bottom: 1rem;
+  border-radius: 0.25rem;
+}
+
+article aside[role="alert"] {
+  color: var(--brand-primary);
+  background-color: #FBBFBF;
+  border-color: #fdb8b8;
+}
+
+article aside[role="alert"]:before,
+article aside[role="status"]:before {
+  width: 3rem;
+  position: absolute;
+  top: calc(50% - 0.75rem);
+  left: 0;
+  font-size: 1rem;
+  text-align: center;
+}
+
+article aside[role="alert"]:before {
+  content: "\f071";
+  font-family: "Font Awesome 5 Free";
+  font-weight: 900;
+  font-size: 1rem;
+}
+
+article aside[role="status"] {
+  color: var(--brand-secondary);
+  background-color: #d1ecf1;
+  border-color: #bee5eb;
+}
+
+article aside[role="status"]:before {
+  content: "\f129";
+  font-family: "Font Awesome 5 Free";
+  font-weight: 900;
+  font-size: 1rem;
+}
+
+article:first-of-type {
+  padding-top: 38px;
+
+
+  table {
+    @extend .table;
+  }
+
+  pre {
+    position: relative;
+  }
+
+  img {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  ul,
+  ol {
+    margin-top: 1em;
+    margin-bottom: 1em;
+  }
+
+  ul > li {
+    list-style: disc;
+    margin: 0 0 0 2em;
+    position: relative;
+  }
+
+  ol > li {
+    list-style: decimal;
+    margin: 0 0 0 2em;
+    position: relative;
+  }
+
+  h1 {
+    font-size: 2.25rem;
+  }
+
+  h2 {
+    font-size: 1.75rem;
+  }
+
+  h3 {
+    font-size: 1.25rem;
+  }
+
+  h4 {
+    font-size: 1.25rem;
+  }
+
+  h5 {
+    font-size: 1.25rem;
+  }
+
+  h6 {
+    font-size: 1.25rem;
+  }
+
+  p {
+    line-height: 1.8em;
+    margin-bottom: 0.7rem;
+  }
+
+  figure {
+    text-align: center;
+  }
+
+}