docs: Export-4BitCss Section Headers

Author: StartAutomating

docs/zenwritten-light/zenwritten-light.css

@@ -58,6 +58,7 @@
 .warning-border    , .Warning-Border     { border-color: var(--brightYellow) }
 .warning-fill      , .Warning-Fill       { fill: var(--brightYellow)         }
 .warning-stroke    , .Warning-Stroke     { stroke: var(--brightYellow)       }
+/* colors */
 .black   ,  .Black   , .ANSI0  { color: var(--black)  }
 .red     ,  .Red     , .ANSI1  { color: var(--red)    }
 .green   ,  .Green   , .ANSI2  { color: var(--green)  }
@@ -79,6 +80,7 @@
 .purple       ,  .Purple  { color: var(--purple) }
 
 .brightpurple ,  .bright-purple , .BrightPurple  { color: var(--brightPurple) }
+/* background colors */
 .black-background, .BlackBackground, .ANSI0-Background, .ansi0-background { background-color: var(--black)  }
 .red-background, .RedBackground, .ANSI1-Background, .ansi1-background { background-color: var(--red)  }
 .green-background, .GreenBackground, .ANSI2-Background, .ansi2-background { background-color: var(--green)  }
@@ -95,6 +97,7 @@
 .brightmagenta-background, .bright-magenta-background, .BrightMagentaBackground, .ANSI13-Background, .ansi13-background { background-color: var(--brightPurple)  }
 .brightcyan-background, .bright-cyan-background, .BrightCyanBackground, .ANSI14-Background, .ansi14-background { background-color: var(--brightCyan)  }
 .brightwhite-background, .bright-white-background, .BrightWhiteBackground, .ANSI15-Background, .ansi15-background { background-color: var(--brightWhite)  }
+/* fills */
 .black-fill   ,  .BlackFill   , .ANSI0-Fill,   .ansi0-fill   { fill: var(--black)  }
 .red-fill   ,  .RedFill   , .ANSI1-Fill,   .ansi1-fill   { fill: var(--red)  }
 .green-fill   ,  .GreenFill   , .ANSI2-Fill,   .ansi2-fill   { fill: var(--green)  }
@@ -113,6 +116,7 @@
 .brightpurple-fill      , .bright-purple-fill, .BrightPurpleFill { fill: var(--brightPuple)                                      }
 .brightcyan-fill   ,  .bright-cyan-fill   , .BrightCyanFill   , .ANSI14-Fill, .ansi14-fill   { fill: var(--brightCyan)           }
 .brightwhite-fill   ,  .bright-white-fill   , .BrightWhiteFill   , .ANSI15-Fill, .ansi15-fill   { fill: var(--brightWhite)       }
+/* strokes */
 .black-stroke ,  .BlackStroke , .ANSI0-Stroke, .ansi0-stroke { stroke: var(--black)  }
 .red-stroke ,  .RedStroke , .ANSI1-Stroke, .ansi1-stroke { stroke: var(--red)  }
 .green-stroke ,  .GreenStroke , .ANSI2-Stroke, .ansi2-stroke { stroke: var(--green)  }
@@ -131,6 +135,7 @@
 .brightpurple-stroke    , .bright-purple-stroke, .BrightPurpleStroke { stroke: var(--brightPuple)  }
 .brightcyan-stroke ,  .bright-cyan-stroke , .BrightCyanStroke   , .ANSI14-Stroke, .ansi14-stroke   { stroke: var(--brightCyan)  }
 .brightwhite-stroke ,  .bright-white-stroke , .BrightWhiteStroke   , .ANSI15-Stroke, .ansi15-stroke   { stroke: var(--brightWhite)     }
+/* psStyles */
 .dim, .Dim { opacity: .5; }
 .hidden, .Hidden { opacity: 0; }
 b, bold, .bold, .Bold { font-weight: bold; }