Sections, v0.0.2

css/digui.css

@@ -1,12 +1,12 @@
 /**
  * digui structure and theming
- * v0.0.1
+ * v0.0.2
  *
  * Created by: Michiel Scholten
  * Source: https://github.com/aquatix/digui
  */
 
-/* Main structure */
+/** Colours and themes */
 
 :root {
     --padding: .5rem;
@@ -128,6 +128,8 @@ html[data-theme='silo'] {
     display: none !important;
 }
 
+/** Main structure */
+
 body {
     background: var(--background-color);
     color: var(--text-color);
@@ -142,7 +144,6 @@ main {
     padding-top: .5em;
 }
 
-
 /* Navigation */
 
 header {
@@ -191,7 +192,7 @@ header li h1 {
     border-bottom: 3px dotted #23B0FF;
 }
 
-/* Generic elements */
+/** Generic elements */
 
 /* https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/Heading_Elements#specifying_a_uniform_font_size_for_h1 */
 h1 {
@@ -228,6 +229,7 @@ ol li::marker, ul li::marker {
 }
 
 /* Buttons */
+
 button, input, select, textarea {
     border: var(--border-width) solid var(--border-color);
     border-radius: var(--border-radius);
@@ -291,6 +293,7 @@ button:focus {
 }
 
 /* Cards */
+
 .cards {
     display: grid;
     grid-column-gap: 1rem;
@@ -385,7 +388,8 @@ button:focus {
 }
 */
 
-/** Tags/chips */
+/* Tags/chips */
+
 .chip {
     font-size: .8rem;
     border-radius: var(--border-radius);
@@ -400,12 +404,14 @@ button:focus {
     border-radius: var(--border-radius);
 }
 
-/** Status */
+/* Status */
 .error {
     color: var(--color-error);
 }
 
 
+/** Footer */
+
 footer {
     /*background-color: var(--secondary-background-color);*/
     margin-top: 1rem;