Merge branch 'dynamic-square-layout'

css/theme/latex.css

@@ -10,7 +10,9 @@ section {
 
 /* config */
 :root {
-  --secondary: #c8ceda;
+  --primary: #f8f281;
+  --secondary: #bbd6ec;
+  --secondary-dark: #3f5d75;
   --margin: 0.1; }
 
 /* basic layout */
@@ -99,7 +101,7 @@ body {
         grid-template-areas: ".  title   title  ." ". column1 column2 ."; } }
     body .layout-two-columns .layout-title {
       grid-area: title;
-      background: white; }
+      background: var(--secondary); }
     body .layout-two-columns .layout-column-one {
       grid-area: column1;
       background: white; }
@@ -260,6 +262,9 @@ h1 {
   max-width: var(--square);
   padding: 0 calc(var(--margin) * var(--square)) 0.5em; }
 
+h2 {
+  line-height: 1.2; }
+
 h2[data-category]::before {
   content: attr(data-category);
   font-size: .7em;
@@ -295,16 +300,17 @@ table {
 
 .box, blockquote {
   margin-left: calc(-1 * var(--margin) * var(--square));
-  padding: 0.8em 0.1em 0.1em calc(var(--margin) * var(--square));
-  background: var(--secondary); }
+  padding: 0.8em 0.1em 0.1em calc(var(--margin) * var(--square)); }
 
 .box.warning {
-  background: #ffffaa; }
+  background: var(--primary); }
 
 blockquote {
+  color: var(--secondary-dark);
   text-indent: -.55em;
   padding-bottom: .8em; }
   blockquote::before {
-    content: '»'; }
+    content: '»';
+    color: var(--secondary-dark); }
   blockquote cite::before {
     content: ' – '; }

css/theme/source/latex.scss

@@ -10,7 +10,9 @@ section {
 
 /* config */
 :root {
-  --secondary: #c8ceda;
+  --primary: #f8f281;
+  --secondary: #bbd6ec;
+  --secondary-dark: #3f5d75;
   --margin: 0.1;
 }
 
@@ -145,7 +147,7 @@ body {
 
     .layout-title {
       grid-area: title;
-      background: white;
+      background: var(--secondary);
     }
 
     .layout-column-one {
@@ -338,6 +340,10 @@ h1 {
   padding: 0 calc(var(--margin) * var(--square)) .5em;
 }
 
+h2 {
+  line-height: 1.2;
+}
+
 h2[data-category]::before {
   content: attr(data-category);
   font-size: .7em;
@@ -382,19 +388,19 @@ table {
 .box, blockquote {
   margin-left: calc(-1 * var(--margin) * var(--square));
   padding: .8em .1em .1em calc(var(--margin) * var(--square));
-  background: var(--secondary);
 }
+
 .box.warning {
-  background: #ffffaa;
+  background: var(--primary);
 }
+
 blockquote {
+  color: var(--secondary-dark);
   text-indent: -.55em;
   padding-bottom: .8em;
   &::before {
     content: '»';
-  }
-  &::after {
-    // content: '«';
+    color: var(--secondary-dark);
   }
   cite::before {
     content: ' – '

sections/german/05/05.md

@@ -102,8 +102,9 @@
 <div class="layout-content-and-preview">
 	<div class="layout-content">
 		<h2>Hervorhebungen: Schriftgröße</h2>
-		<h3>Manuelle Konfiguration</h3>
-		<pre class="lang-tex hljs"><code>\fontsize{<Größe in pt, cm, ...>}{<Zeilenhöhe>)\selectfont</code></pre>
+		<h3>Manuelle Konfiguration möglich</h3>
+		<pre class="lang-tex hljs"><code>\fontsize{&lt;Schriftgröße>}{&lt;Zeilenhöhe>}
+\selectfont</code></pre>
 		<p>Beispiel:</p>
 		<pre class="lang-tex hljs"><code>Das ist Text in normaler Schriftgröße.