Merge branch 'add-textarea' into 'main'

update docs

See merge request !10

docs/50_Forms/Textarea.md

@@ -23,7 +23,7 @@ Styling:
 Key      | Description
 ---      | ---
 class    | optional: additional css classes
-type     | field type; one of<br>-[empty] (=default; a classic html textarea)<br>- "html" show html editor
+type     | field type; one of<br>- [empty] (=default; a classic html textarea)<br>- "html" show html editor
 
 Content:
 

docs/style.css

@@ -24,20 +24,22 @@
     --axel_brand-pre-background-hover: rgb(255, 0, 51);
     ;
     --axel_h1_header: none;
-    --axel_h1: #345;
+    --axel_h1: #111;
     --axel_h1-bg: none;
     --axel_h1-bottom: 3px solid none;
-    --axel_h2: #156;
-    --axel_h2-bg: #f8fafb;
-    --axel_h2-bottom: 2px solid #467;
+    --axel_h2: #222;
+    --axel_h2-bg: none;
+    --axel_h2-bottom: 0px solid #467;
     --axel_h2-hero-bottom: 2px solid #912;
-    --axel_h3: #278;
-    --axel_h3-bottom: 1px solid #ddd;
+    --axel_h3: #333;
+    --axel_h3-bottom: 0px solid #ddd;
+    --axel_h4: #444;
     --axel_hero_bg: #f8f8f8;
+    --axel_img-border: 2px dashed #ccc;
     --axel_nav-bg: #fcfcfc;
     --axel_nav-buttomborder: #ddd;
     --axel_pre-background: #f8f8f8;
-    --axel-th-background: #d0e0e8;
+    --axel-th-background: #e0e4e8;
     --axel-article-nav-border-top: 0px dotted #ddd;
 }
 
@@ -68,11 +70,12 @@
     --axel_h1-bottom: none;
     --axel_h2: #467;
     --axel_h2-bg: #202020;
-    --axel_h2-bottom: 2px solid #256;
+    --axel_h2-bottom: 0px solid #256;
     --axel_h2-hero-bottom: 2px solid #712;
     --axel_h3: #589;
-    --axel_h3-bottom: 1px solid #333;
+    --axel_h3-bottom: 0px solid #333;
     --axel_hero_bg: #242424;
+    --axel_img-border: 2px dashed #555;
     --axel_nav-bg: #242424;
     --axel_nav-buttomborder: #555;
     --axel_pre-background: #bcc;
@@ -133,7 +136,7 @@ a.Brand {
 .s-content h2 {
     background: var(--axel_h2-bg);
     color: var(--axel_h2);
-    font-size: 180%;
+    font-size: 190%;
     font-weight: bold;
     margin-top: 4em;
     border-bottom: var(--axel_h2-bottom);
@@ -147,6 +150,12 @@ h2:first-of-type {
     margin-top: 0em;
 }
 
+img{
+    border: var(--axel_img-border);
+    border-radius: 1.5em;
+    padding: 0.7em;
+}
+
 .s-content h3 {
     background: var(--axel_h3-bg);
     color: var(--axel_h3);
@@ -158,14 +167,14 @@ h2:first-of-type {
 
 
 .s-content > h4 {
-    margin: 0;
+    color: var(--axel_h4);
     font-size: 135%;
     font-weight: bold;
-    margin-top: 2em;
+    margin: 2em 0;
 }
 
 .s-content .TableOfContentsContainer h4 {
-    margin: 0;
+    margin: 1em 0;
     font-size: 100%;
     text-align: center;
     background-color: rgba(0, 0, 0, 0.05);
@@ -274,4 +283,4 @@ ul.TableOfContents ul {
 
 .Links a[href^="https://os-docs.iml.unibe.ch"]::before {
     content: '📗 ';
-}
\ No newline at end of file
+}