✨ Add support for ruby text

index.html

@@ -518,20 +518,80 @@
                         Headings
                     </h3>
                     <p>
-                        Bluelib (and HTML) supports up to 6 levels of headings:
+                        Bluelib styles up to 6 levels of headings:
                     </p>
-                    <section>
                     <h1>Level-1</h1>
                     <h2>Level-2</h2>
                     <h3>Level-3</h3>
                     <h4>Level-4</h4>
                     <h5>Level-5</h5>
                     <h6>Level-6</h6>
-                    </section>
                     <p>
                         Generally, panels look nicer if they start with a level-3 heading, but you may use whichever you want, as Bluelib will automatically handle the margin.
                     </p>
                 </section>
+                <section>
+                    <h3>
+                        Anchors
+                    </h3>
+                    <p>
+                        Bluelib styles anchors, clickable links to different places:
+                    </p>
+                    <blockquote>
+                        This is an <a href="https://example.org" target="_blank">example</a>.
+                    </blockquote>
+                    <p>
+                        Visited anchors will have a different color.
+                    </p>
+                    <blockquote>
+                        Take me to <a href="https://wikipedia.org" target="_blank">Wikipedia</a>!
+                    </blockquote>
+                    <p>
+                        Anchors with no destination have a different style, so that the page author can notice and fix them.
+                    </p>
+                    <blockquote>
+                        <a>This link</a> leads nowhere.
+                    </blockquote>
+                    <p>
+                        Anchors which start a download or open an external program will have a different style:
+                    </p>
+                    <blockquote>
+                        Download <a href="magnet:?xt=urn:btih:377852690518c09acdcdd970068a5eaa47dd0a9d&dn=gimp-2.10.24-setup-3.exe&tr=udp%3a%2f%2ftracker.opentrackr.org%3a1337%2fannounce&tr=udp%3a%2f%2ftracker.coppersurfer.tk%3a6969%2fannounce&tr=udp%3a%2f%2ftracker.leechers-paradise.org%3a6969%2fannounce&tr=https%3a%2f%2fashrise.com%3a443%2fphoenix%2fannounce&tr=udp%3a%2f%2ftracker.openbittorrent.com%3a80%2fannounce&ws=https%3a%2f%2fartfiles.org%2fgimp.org%2fpub%2fgimp%2fv2.10%2fwindows%2f&ws=https%3a%2f%2fdownload.gimp.org%2fpub%2fgimp%2fv2.10%2fwindows%2f&ws=https%3a%2f%2fftp.acc.umu.se%2fpub%2fgimp%2fgimp%2fv2.10%2fwindows%2f&ws=https%3a%2f%2fftp.cc.uoc.gr%2fmirrors%2fgimp%2fv2.10%2fwindows%2f&ws=https%3a%2f%2fftp.fau.de%2fgimp%2fgimp%2fv2.10%2fwindows%2f&ws=https%3a%2f%2fftp.gwdg.de%2fpub%2fmisc%2fgrafik%2fgimp%2fv2.10%2fwindows%2f&ws=https%3a%2f%2fftp.icm.edu.pl%2fpub%2fgraphics%2fgimp%2fv2.10%2fwindows%2f&ws=https%3a%2f%2fftp.lysator.liu.se%2fpub%2fgimp%2fv2.10%2fwindows%2f&ws=https%3a%2f%2fftp.snt.utwente.nl%2fpub%2fsoftware%2fgimp%2fgimp%2fv2.10%2fwindows%2f&ws=https%3a%2f%2fgimp.ip-connect.info%2fgimp%2fv2.10%2fwindows%2f&ws=https%3a%2f%2fmirror.jaleco.com%2fgimp%2fgimp%2fv2.10%2fwindows%2f&ws=https%3a%2f%2fmirror.klaus-uwe.me%2fgimp%2fgimp%2fv2.10%2fwindows%2f&ws=https%3a%2f%2fmirror.umd.edu%2fgimp%2fgimp%2fv2.10%2fwindows%2f&ws=https%3a%2f%2fmirrors.dotsrc.org%2fgimp%2fgimp%2fv2.10%2fwindows%2f&ws=https%3a%2f%2fmirrors.syringanetworks.net%2fgimp%2fgimp%2fv2.10%2fwindows%2f&ws=https%3a%2f%2fmirrors.ukfast.co.uk%2fsites%2fgimp.org%2fpub%2fgimp%2fv2.10%2fwindows%2f&ws=https%3a%2f%2fmirrors.xmission.com%2fgimp%2fgimp%2fv2.10%2fwindows%2f&ws=https%3a%2f%2fwww.mirrorservice.org%2fsites%2fftp.gimp.org%2fpub%2fgimp%2fv2.10%2fwindows%2f&ws=https%3a%2f%2fwww.nic.funet.fi%2fpub%2fmirrors%2fftp.gimp.org%2fv2.10%2fwindows%2f">
+                            GIMP 2.10.24
+                        </a>
+                    </blockquote>
+                </section>
+            </div>
+            <h2>
+                Annotations
+            </h2>
+            <div class="split">
+                <section>
+                    <h3>
+                        <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ruby">Ruby text</a>
+                    </h3>
+                    <p>
+                        Ruby text is made slightly transparent, to make the main text more evident.
+                    </p>
+                    <p>
+                        <ruby>
+                            Mo <rp>/</rp><rt>ˈmɒ</rt><rp>/</rp>
+                            de <rp>/</rp><rt>dɪ</rt><rp>/</rp>
+                            na <rp>/</rp><rt>nə</rt><rp>/</rp>
+                        </ruby>
+                    </p>
+                    <p>
+                        <ruby>
+                            漢 <rp>(</rp><rt>kan</rt><rp>)</rp>
+                            字 <rp>(</rp><rt>ji</rt><rp>)</rp>
+                        </ruby>
+                    </p>
+                    <p>
+                        <ruby>
+                            明日 <rp>(</rp><rt>ashita</rt><rp>)</rp>
+                        </ruby>
+                    </p>
+                </section>
             </div>
         </main>
         <nav class="layout-threecol-left">

src/rules/paper.less

@@ -4,6 +4,9 @@
     .set-var-rgb(bluelib-accent; 24; 24; 24);
 
     .set-var-rgb(bluelib-link; 0; 147; 147);
+    .set-var-rgb(bluelib-broken; 245; 111; 0);
+    .set-var-rgb(bluelib-visited; 9; 101; 156);
+    .set-var-rgb(bluelib-download; 0; 164; 106);
 
     .set-var-rgb(bluelib-red; 200; 0; 0);
     .set-var-rgb(bluelib-orange; 200; 165; 0);

src/rules/royalblue.less

@@ -5,6 +5,11 @@
     .set-var-rgb(bluelib-foreground; 160; 204; 255);
     .set-var-rgb(bluelib-accent; 255; 255; 255);
 
+    .set-var-rgb(bluelib-link; 0; 202; 202);
+    .set-var-rgb(bluelib-broken; 255; 116; 0);
+    .set-var-rgb(bluelib-visited; 12; 134; 207);
+    .set-var-rgb(bluelib-download; 0; 211; 137);
+
     .set-var-rgb(bluelib-red; 255; 125; 125);
     .set-var-rgb(bluelib-orange; 255; 187; 125);
     .set-var-rgb(bluelib-yellow; 255; 255; 125);
@@ -14,8 +19,6 @@
     .set-var-rgb(bluelib-magenta; 255; 125; 255);
     .set-var-rgb(bluelib-gray; 187; 187; 187);
 
-    .set-var-rgb(bluelib-link; 0; 202; 202);
-
     --bluelib-polarity: 1;
 
     .set-var-font(bluelib-title; "Fira Sans", sans-serif; 500);

src/rules/skeleton.less

@@ -11,15 +11,21 @@
 
     //<editor-fold desc="Rules: Palette">
 
-    // The background color.
+    // The background color
     .set-var-rgb(bluelib-background; 255; 255; 255);
-    // The main text color.
+    // The main text color
     .set-var-rgb(bluelib-foreground; 24; 24; 24);
     // A contrasting color to make important text more visible
     .set-var-rgb(bluelib-accent; 24; 24; 24);
 
     // The color of links
     .set-var-rgb(bluelib-link; 0; 147; 147);
+    // The color of broken links
+    .set-var-rgb(bluelib-broken; 245; 111; 0);
+    // The color of visited links
+    .set-var-rgb(bluelib-visited; 9; 101; 156);
+    // The color of download links
+    .set-var-rgb(bluelib-download; 0; 164; 106);
 
     // Extra builtin colors
     .set-var-rgb(bluelib-red; 200; 0; 0);
@@ -70,6 +76,21 @@
         var(--bluelib-link-g),
         var(--bluelib-link-b)
     );
+    @rgb-broken: rgb(
+        var(--bluelib-broken-r),
+        var(--bluelib-broken-g),
+        var(--bluelib-broken-b)
+    );
+    @rgb-visited: rgb(
+        var(--bluelib-visited-r),
+        var(--bluelib-visited-g),
+        var(--bluelib-visited-b)
+    );
+    @rgb-download: rgb(
+        var(--bluelib-download-r),
+        var(--bluelib-download-g),
+        var(--bluelib-download-b)
+    );
 
     @rgb-red: rgb(
         var(--bluelib-red-r),
@@ -900,115 +921,149 @@
         .use-var-font(bluelib-title);
     }
 
-    // --- Elements ---
+    /// ===== Anchors =====
-
+    /// Anchors are clickable links to another place, such as a paragraph or a page.
-    @{element-list-item} {
-        margin: 10px 0;
-    }
-
-    @{element-anchor} {
-        .map-var-rgb(bluelib-color, bluelib-link);
 
+    @{anchor} {
         text-decoration-line: underline;
-        text-decoration-style: solid;
-        text-decoration-color: currentColor;
         text-decoration-thickness: 1px;
 
-        &:hover, &:focus {
-            color: @cF;
-        }
-
         &:focus-visible {
             text-decoration-thickness: 2px;
         }
 
-        &:active {
+        &:hover, &:focus {
-            color: @cL;
+            color: @cD;
         }
 
-        &@{status-disabled} {
+        &:active {
+            color: @cG;
+        }
+    }
+
+    @{anchor-broken} {
+        cursor: not-allowed;
+
+        .map-var-rgb(bluelib-color, bluelib-broken);
         text-decoration-style: dashed;
 
         &:hover, &:focus, &:active {
             color: @cA;
         }
     }
+
+    @{anchor-link} {
+        cursor: pointer;
+
+        .map-var-rgb(bluelib-color, bluelib-link);
+        text-decoration-style: solid;
+
+        &:visited {
+            .map-var-rgb(bluelib-color, bluelib-visited);
+        }
     }
 
-    // --- Alignment ---
+    @{anchor-download} {
+        cursor: pointer;
 
-    @{align-left} {
+        .map-var-rgb(bluelib-color, bluelib-download);
-        text-align: left;
+        text-decoration-style: solid;
     }
 
-    @{align-center} {
+    /// ===== Ruby =====
-        text-align: center;
+    /// Ruby text is used in various languages to add annotations to text.
-    }
+    /// Bluelib makes the annotations slightly transparent to differentiate them from the rest of the text.
+    /// See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ruby
 
-    @{align-right} {
+    @{ruby} {
-        text-align: right;
-    }
-
-    // --- Sizes ---
-
-    @{size-xxl} {
         font-size: xx-large;
     }
 
-    @{size-xl} {
+    @{ruby-parenthesis} {
-        font-size: x-large;
+        color: @c1;
     }
 
-    @{size-l} {
+    @{ruby-text} {
-        font-size: large;
+        color: @c6;
     }
 
-    @{size-m} {
+    /// ===== Semantics =====
-        font-size: medium;
+    /// Semantics are special font effects applied to text with a certain meaning.
+
+    @{semantic-abbr} {
+
     }
 
-    @{size-s} {
+    @{semantic-b} {
-        font-size: small;
+
     }
 
-    @{size-xs} {
+    @{semantic-cite} {
-        font-size: x-small;
+
     }
 
-    @{size-xxs} {
+    @{semantic-code} {
-        font-size: xx-small;
+
     }
 
-    // --- Styles ---
+    @{semantic-data} {
 
-    @{style-bold} {
-        font-weight: bold;
-        .map-var-rgb(bluelib-color, bluelib-accent);
     }
 
-    @{style-italic} {
+    @{semantic-dfn} {
-        font-style: italic;
+
     }
 
-    @{style-underline} {
+    @{semantic-em} {
-        text-decoration-line: underline;
+
     }
 
-    @{style-strike} {
+    @{semantic-i} {
-        text-decoration-line: line-through;
+
     }
 
-    @{style-monospace} {
+    @{semantic-kbd} {
-        .use-var-font(bluelib-code);
+
     }
 
-    @{style-keyboard} {
+    @{semantic-mark} {
-        .use-var-font(bluelib-code);
+
-        padding: 2px 4px;
-        border: 2px outset;
-        border-radius: 4px;
     }
 
+    @{semantic-q} {
+
+    }
+
+    @{semantic-s} {
+
+    }
+
+    @{semantic-samp} {
+
+    }
+
+    @{semantic-small} {
+
+    }
+
+    @{semantic-strong} {
+
+    }
+
+    @{semantic-time} {
+
+    }
+
+    @{semantic-u} {
+
+    }
+
+    @{semantic-var} {
+
+    }
+
+
+
     // --- Colors ---
 
     @{color-red} {

src/targets/paper.module.css

@@ -11,6 +11,15 @@
   --bluelib-link-r: 0;
   --bluelib-link-g: 147;
   --bluelib-link-b: 147;
+  --bluelib-broken-r: 245;
+  --bluelib-broken-g: 111;
+  --bluelib-broken-b: 0;
+  --bluelib-visited-r: 9;
+  --bluelib-visited-g: 101;
+  --bluelib-visited-b: 156;
+  --bluelib-download-r: 0;
+  --bluelib-download-g: 164;
+  --bluelib-download-b: 106;
   --bluelib-red-r: 200;
   --bluelib-red-g: 0;
   --bluelib-red-b: 0;

src/targets/paper.module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["/mnt/tera/ext4/code/bluelib/src/vars/module.less","/mnt/tera/ext4/code/bluelib/src/utils/mixins.less","/mnt/tera/ext4/code/bluelib/src/rules/paper.less"],"names":[],"mappings":"AAAC;ECCG,2BAAA;EACA,2BAAA;EACA,2BAAA;EAFA,0BAAA;EACA,0BAAA;EACA,0BAAA;EAFA,sBAAA;EACA,sBAAA;EACA,sBAAA;EAFA,mBAAA;EACA,qBAAA;EACA,qBAAA;EAFA,oBAAA;EACA,kBAAA;EACA,kBAAA;EAFA,uBAAA;EACA,uBAAA;EACA,qBAAA;EAFA,uBAAA;EACA,uBAAA;EACA,qBAAA;EAFA,mBAAA;EACA,qBAAA;EACA,mBAAA;EAFA,mBAAA;EACA,qBAAA;EACA,qBAAA;EAFA,mBAAA;EACA,mBAAA;EACA,qBAAA;EAFA,wBAAA;EACA,sBAAA;EACA,wBAAA;EAFA,qBAAA;EACA,qBAAA;EACA,qBAAA;ECaA,sBAAA;EDcA,kCAAA;EACA,4BAAA;EADA,iCAAA;EACA,6BAAA;EADA,gCAAA;EACA,6BAAA","file":"paper.module.css"}
+{"version":3,"sources":["/mnt/tera/ext4/code/bluelib/src/vars/module.less","/mnt/tera/ext4/code/bluelib/src/utils/mixins.less","/mnt/tera/ext4/code/bluelib/src/rules/paper.less"],"names":[],"mappings":"AAAC;ECCG,2BAAA;EACA,2BAAA;EACA,2BAAA;EAFA,0BAAA;EACA,0BAAA;EACA,0BAAA;EAFA,sBAAA;EACA,sBAAA;EACA,sBAAA;EAFA,mBAAA;EACA,qBAAA;EACA,qBAAA;EAFA,uBAAA;EACA,uBAAA;EACA,qBAAA;EAFA,sBAAA;EACA,wBAAA;EACA,wBAAA;EAFA,uBAAA;EACA,yBAAA;EACA,yBAAA;EAFA,oBAAA;EACA,kBAAA;EACA,kBAAA;EAFA,uBAAA;EACA,uBAAA;EACA,qBAAA;EAFA,uBAAA;EACA,uBAAA;EACA,qBAAA;EAFA,mBAAA;EACA,qBAAA;EACA,mBAAA;EAFA,mBAAA;EACA,qBAAA;EACA,qBAAA;EAFA,mBAAA;EACA,mBAAA;EACA,qBAAA;EAFA,wBAAA;EACA,sBAAA;EACA,wBAAA;EAFA,qBAAA;EACA,qBAAA;EACA,qBAAA;ECgBA,sBAAA;EDWA,kCAAA;EACA,4BAAA;EADA,iCAAA;EACA,6BAAA;EADA,gCAAA;EACA,6BAAA","file":"paper.module.css"}

src/targets/paper.root.css

@@ -12,6 +12,15 @@ body,
   --bluelib-link-r: 0;
   --bluelib-link-g: 147;
   --bluelib-link-b: 147;
+  --bluelib-broken-r: 245;
+  --bluelib-broken-g: 111;
+  --bluelib-broken-b: 0;
+  --bluelib-visited-r: 9;
+  --bluelib-visited-g: 101;
+  --bluelib-visited-b: 156;
+  --bluelib-download-r: 0;
+  --bluelib-download-g: 164;
+  --bluelib-download-b: 106;
   --bluelib-red-r: 200;
   --bluelib-red-g: 0;
   --bluelib-red-b: 0;

src/targets/paper.root.css.map

@@ -1 +1 @@
-{"version":3,"sources":["/mnt/tera/ext4/code/bluelib/src/rules/paper.less","/mnt/tera/ext4/code/bluelib/src/utils/mixins.less"],"names":[],"mappings":"AAAC;AAAM;ECCH,2BAAA;EACA,2BAAA;EACA,2BAAA;EAFA,0BAAA;EACA,0BAAA;EACA,0BAAA;EAFA,sBAAA;EACA,sBAAA;EACA,sBAAA;EAFA,mBAAA;EACA,qBAAA;EACA,qBAAA;EAFA,oBAAA;EACA,kBAAA;EACA,kBAAA;EAFA,uBAAA;EACA,uBAAA;EACA,qBAAA;EAFA,uBAAA;EACA,uBAAA;EACA,qBAAA;EAFA,mBAAA;EACA,qBAAA;EACA,mBAAA;EAFA,mBAAA;EACA,qBAAA;EACA,qBAAA;EAFA,mBAAA;EACA,mBAAA;EACA,qBAAA;EAFA,wBAAA;EACA,sBAAA;EACA,wBAAA;EAFA,qBAAA;EACA,qBAAA;EACA,qBAAA;EDaA,sBAAA;ECcA,kCAAA;EACA,4BAAA;EADA,iCAAA;EACA,6BAAA;EADA,gCAAA;EACA,6BAAA","file":"paper.root.css"}
+{"version":3,"sources":["/mnt/tera/ext4/code/bluelib/src/vars/root.less","/mnt/tera/ext4/code/bluelib/src/utils/mixins.less","/mnt/tera/ext4/code/bluelib/src/rules/paper.less"],"names":[],"mappings":"AAAC;AAAM;ECCH,2BAAA;EACA,2BAAA;EACA,2BAAA;EAFA,0BAAA;EACA,0BAAA;EACA,0BAAA;EAFA,sBAAA;EACA,sBAAA;EACA,sBAAA;EAFA,mBAAA;EACA,qBAAA;EACA,qBAAA;EAFA,uBAAA;EACA,uBAAA;EACA,qBAAA;EAFA,sBAAA;EACA,wBAAA;EACA,wBAAA;EAFA,uBAAA;EACA,yBAAA;EACA,yBAAA;EAFA,oBAAA;EACA,kBAAA;EACA,kBAAA;EAFA,uBAAA;EACA,uBAAA;EACA,qBAAA;EAFA,uBAAA;EACA,uBAAA;EACA,qBAAA;EAFA,mBAAA;EACA,qBAAA;EACA,mBAAA;EAFA,mBAAA;EACA,qBAAA;EACA,qBAAA;EAFA,mBAAA;EACA,mBAAA;EACA,qBAAA;EAFA,wBAAA;EACA,sBAAA;EACA,wBAAA;EAFA,qBAAA;EACA,qBAAA;EACA,qBAAA;ECgBA,sBAAA;EDWA,kCAAA;EACA,4BAAA;EADA,iCAAA;EACA,6BAAA;EADA,gCAAA;EACA,6BAAA","file":"paper.root.css"}

src/targets/royalblue.module.css

@@ -141,6 +141,18 @@
   --bluelib-accent-r: 255;
   --bluelib-accent-g: 255;
   --bluelib-accent-b: 255;
+  --bluelib-link-r: 0;
+  --bluelib-link-g: 202;
+  --bluelib-link-b: 202;
+  --bluelib-broken-r: 255;
+  --bluelib-broken-g: 116;
+  --bluelib-broken-b: 0;
+  --bluelib-visited-r: 12;
+  --bluelib-visited-g: 134;
+  --bluelib-visited-b: 207;
+  --bluelib-download-r: 0;
+  --bluelib-download-g: 211;
+  --bluelib-download-b: 137;
   --bluelib-red-r: 255;
   --bluelib-red-g: 125;
   --bluelib-red-b: 125;
@@ -165,9 +177,6 @@
   --bluelib-gray-r: 187;
   --bluelib-gray-g: 187;
   --bluelib-gray-b: 187;
-  --bluelib-link-r: 0;
-  --bluelib-link-g: 202;
-  --bluelib-link-b: 202;
   --bluelib-polarity: 1;
   --bluelib-title-family: "Fira Sans", sans-serif;
   --bluelib-title-weight: 500;

src/targets/royalblue.module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap","/mnt/tera/ext4/code/bluelib/src/utils/mixins.less","/mnt/tera/ext4/code/bluelib/src/rules/royalblue.less"],"names":[],"mappings":"AAAA;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,+FAA+F,OAAO,WAAtG;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,mFAAmF,OAAO,WAA1F;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,oFAAoF,OAAO,WAA3F;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,oFAAoF,OAAO,WAA3F;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,gFAAgF,OAAO,WAAvF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,oFAAoF,OAAO,WAA3F;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,oFAAoF,OAAO,WAA3F;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,oFAAoF,OAAO,WAA3F;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,oFAAoF,OAAO,WAA3F;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,oFAAoF,OAAO,WAA3F;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,gFAAgF,OAAO,WAAvF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kFAAkF,OAAO,WAAzF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kFAAkF,OAAO,WAAzF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,8EAA8E,OAAO,WAArF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kFAAkF,OAAO,WAAzF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kFAAkF,OAAO,WAAzF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kFAAkF,OAAO,WAAzF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kFAAkF,OAAO,WAAzF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kFAAkF,OAAO,WAAzF;;AAnID;ECCG,0BAAA;EACA,0BAAA;EACA,0BAAA;EAFA,2BAAA;EACA,2BAAA;EACA,2BAAA;EAFA,uBAAA;EACA,uBAAA;EACA,uBAAA;EAFA,oBAAA;EACA,oBAAA;EACA,oBAAA;EAFA,uBAAA;EACA,uBAAA;EACA,uBAAA;EAFA,uBAAA;EACA,uBAAA;EACA,uBAAA;EAFA,qBAAA;EACA,qBAAA;EACA,qBAAA;EAFA,qBAAA;EACA,qBAAA;EACA,qBAAA;EAFA,qBAAA;EACA,qBAAA;EACA,qBAAA;EAFA,wBAAA;EACA,wBAAA;EACA,wBAAA;EAFA,qBAAA;EACA,qBAAA;EACA,qBAAA;EAFA,mBAAA;EACA,qBAAA;EACA,qBAAA;ECeA,qBAAA;EDYA,wBCV6B,uBDU7B;EACA,2BAAA;EADA,uBCT4B,uBDS5B;EACA,0BAAA;EADA,uBCR4B,uBDQ5B;EACA,0BAAA","file":"royalblue.module.css"}
+{"version":3,"sources":["https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap","/mnt/tera/ext4/code/bluelib/src/utils/mixins.less","/mnt/tera/ext4/code/bluelib/src/rules/royalblue.less"],"names":[],"mappings":"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","file":"royalblue.module.css"}

src/targets/royalblue.root.css

@@ -142,6 +142,18 @@ body,
   --bluelib-accent-r: 255;
   --bluelib-accent-g: 255;
   --bluelib-accent-b: 255;
+  --bluelib-link-r: 0;
+  --bluelib-link-g: 202;
+  --bluelib-link-b: 202;
+  --bluelib-broken-r: 255;
+  --bluelib-broken-g: 116;
+  --bluelib-broken-b: 0;
+  --bluelib-visited-r: 12;
+  --bluelib-visited-g: 134;
+  --bluelib-visited-b: 207;
+  --bluelib-download-r: 0;
+  --bluelib-download-g: 211;
+  --bluelib-download-b: 137;
   --bluelib-red-r: 255;
   --bluelib-red-g: 125;
   --bluelib-red-b: 125;
@@ -166,9 +178,6 @@ body,
   --bluelib-gray-r: 187;
   --bluelib-gray-g: 187;
   --bluelib-gray-b: 187;
-  --bluelib-link-r: 0;
-  --bluelib-link-g: 202;
-  --bluelib-link-b: 202;
   --bluelib-polarity: 1;
   --bluelib-title-family: "Fira Sans", sans-serif;
   --bluelib-title-weight: 500;

src/targets/royalblue.root.css.map

@@ -1 +1 @@
-{"version":3,"sources":["https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap","/mnt/tera/ext4/code/bluelib/src/utils/mixins.less","/mnt/tera/ext4/code/bluelib/src/rules/royalblue.less"],"names":[],"mappings":"AAAA;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,+FAA+F,OAAO,WAAtG;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,mFAAmF,OAAO,WAA1F;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,oFAAoF,OAAO,WAA3F;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,oFAAoF,OAAO,WAA3F;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,gFAAgF,OAAO,WAAvF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,oFAAoF,OAAO,WAA3F;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,oFAAoF,OAAO,WAA3F;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,oFAAoF,OAAO,WAA3F;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,oFAAoF,OAAO,WAA3F;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,oFAAoF,OAAO,WAA3F;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,gFAAgF,OAAO,WAAvF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kFAAkF,OAAO,WAAzF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kFAAkF,OAAO,WAAzF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,8EAA8E,OAAO,WAArF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kFAAkF,OAAO,WAAzF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kFAAkF,OAAO,WAAzF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kFAAkF,OAAO,WAAzF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kFAAkF,OAAO,WAAzF;;AAEF;EACE,aAAa,WAAb;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kFAAkF,OAAO,WAAzF;;AAnID;AAAM;ECCH,0BAAA;EACA,0BAAA;EACA,0BAAA;EAFA,2BAAA;EACA,2BAAA;EACA,2BAAA;EAFA,uBAAA;EACA,uBAAA;EACA,uBAAA;EAFA,oBAAA;EACA,oBAAA;EACA,oBAAA;EAFA,uBAAA;EACA,uBAAA;EACA,uBAAA;EAFA,uBAAA;EACA,uBAAA;EACA,uBAAA;EAFA,qBAAA;EACA,qBAAA;EACA,qBAAA;EAFA,qBAAA;EACA,qBAAA;EACA,qBAAA;EAFA,qBAAA;EACA,qBAAA;EACA,qBAAA;EAFA,wBAAA;EACA,wBAAA;EACA,wBAAA;EAFA,qBAAA;EACA,qBAAA;EACA,qBAAA;EAFA,mBAAA;EACA,qBAAA;EACA,qBAAA;ECeA,qBAAA;EDYA,wBCV6B,uBDU7B;EACA,2BAAA;EADA,uBCT4B,uBDS5B;EACA,0BAAA;EADA,uBCR4B,uBDQ5B;EACA,0BAAA","file":"royalblue.root.css"}
+{"version":3,"sources":["https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap","/mnt/tera/ext4/code/bluelib/src/utils/mixins.less","/mnt/tera/ext4/code/bluelib/src/rules/royalblue.less"],"names":[],"mappings":"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","file":"royalblue.root.css"}

src/targets/skeleton.module.css

@@ -12,6 +12,15 @@
   --bluelib-link-r: 0;
   --bluelib-link-g: 147;
   --bluelib-link-b: 147;
+  --bluelib-broken-r: 245;
+  --bluelib-broken-g: 111;
+  --bluelib-broken-b: 0;
+  --bluelib-visited-r: 9;
+  --bluelib-visited-g: 101;
+  --bluelib-visited-b: 156;
+  --bluelib-download-r: 0;
+  --bluelib-download-g: 164;
+  --bluelib-download-b: 106;
   --bluelib-red-r: 200;
   --bluelib-red-g: 0;
   --bluelib-red-b: 0;
@@ -434,91 +443,55 @@
   font-family: var(--bluelib-title-family);
   font-weight: var(--bluelib-title-weight);
 }
-.bluelib .element-list-item {
+.bluelib a,
-  margin: 10px 0;
+.bluelib .anchor {
+  text-decoration-line: underline;
+  text-decoration-thickness: 1px;
 }
-.bluelib .element-anchor {
+.bluelib a:focus-visible,
+.bluelib .anchor:focus-visible {
+  text-decoration-thickness: 2px;
+}
+.bluelib a:hover,
+.bluelib .anchor:hover,
+.bluelib a:focus,
+.bluelib .anchor:focus {
+  color: rgba(calc(var(--bluelib-color-r) + (var(--bluelib-polarity) * 30)), calc(var(--bluelib-color-g) + (var(--bluelib-polarity) * 30)), calc(var(--bluelib-color-b) + (var(--bluelib-polarity) * 30)), 1);
+}
+.bluelib a:active,
+.bluelib .anchor:active {
+  color: rgba(calc(var(--bluelib-color-r) + (var(--bluelib-polarity) * 60)), calc(var(--bluelib-color-g) + (var(--bluelib-polarity) * 60)), calc(var(--bluelib-color-b) + (var(--bluelib-polarity) * 60)), 1);
+}
+.bluelib .anchor-broken {
+  cursor: not-allowed;
+  --bluelib-color-r: var(--bluelib-broken-r);
+  --bluelib-color-g: var(--bluelib-broken-g);
+  --bluelib-color-b: var(--bluelib-broken-b);
+  text-decoration-style: dashed;
+}
+.bluelib .anchor-broken:hover,
+.bluelib .anchor-broken:focus,
+.bluelib .anchor-broken:active {
+  color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
+}
+.bluelib .anchor-link {
+  cursor: pointer;
   --bluelib-color-r: var(--bluelib-link-r);
   --bluelib-color-g: var(--bluelib-link-g);
   --bluelib-color-b: var(--bluelib-link-b);
-  text-decoration-line: underline;
   text-decoration-style: solid;
-  text-decoration-color: currentColor;
-  text-decoration-thickness: 1px;
 }
-.bluelib .element-anchor:hover,
+.bluelib .anchor-link:visited {
-.bluelib .element-anchor:focus {
+  --bluelib-color-r: var(--bluelib-visited-r);
-  color: rgba(calc(var(--bluelib-color-r) + (var(--bluelib-polarity) * 50)), calc(var(--bluelib-color-g) + (var(--bluelib-polarity) * 50)), calc(var(--bluelib-color-b) + (var(--bluelib-polarity) * 50)), 1);
+  --bluelib-color-g: var(--bluelib-visited-g);
+  --bluelib-color-b: var(--bluelib-visited-b);
 }
-.bluelib .element-anchor:focus-visible {
+.bluelib .anchor-download {
-  text-decoration-thickness: 2px;
+  cursor: pointer;
-}
+  --bluelib-color-r: var(--bluelib-download-r);
-.bluelib .element-anchor:active {
+  --bluelib-color-g: var(--bluelib-download-g);
-  color: rgba(calc(var(--bluelib-color-r) + (var(--bluelib-polarity) * 110)), calc(var(--bluelib-color-g) + (var(--bluelib-polarity) * 110)), calc(var(--bluelib-color-b) + (var(--bluelib-polarity) * 110)), 1);
+  --bluelib-color-b: var(--bluelib-download-b);
-}
+  text-decoration-style: solid;
-.bluelib .element-anchor.status-disabled {
-  text-decoration-style: dashed;
-}
-.bluelib .element-anchor.status-disabled:hover,
-.bluelib .element-anchor.status-disabled:focus,
-.bluelib .element-anchor.status-disabled:active {
-  color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
-}
-.bluelib .align-left {
-  text-align: left;
-}
-.bluelib .align-center {
-  text-align: center;
-}
-.bluelib .align-right {
-  text-align: right;
-}
-.bluelib .size-xxl {
-  font-size: xx-large;
-}
-.bluelib .size-xl {
-  font-size: x-large;
-}
-.bluelib .size-l {
-  font-size: large;
-}
-.bluelib .size-m {
-  font-size: medium;
-}
-.bluelib .size-s {
-  font-size: small;
-}
-.bluelib .size-xs {
-  font-size: x-small;
-}
-.bluelib .size-xxs {
-  font-size: xx-small;
-}
-.bluelib .style-bold {
-  font-weight: bold;
-  --bluelib-color-r: var(--bluelib-accent-r);
-  --bluelib-color-g: var(--bluelib-accent-g);
-  --bluelib-color-b: var(--bluelib-accent-b);
-}
-.bluelib .style-italic {
-  font-style: italic;
-}
-.bluelib .style-underline {
-  text-decoration-line: underline;
-}
-.bluelib .style-strike {
-  text-decoration-line: line-through;
-}
-.bluelib .style-monospace {
-  font-family: var(--bluelib-code-family);
-  font-weight: var(--bluelib-code-weight);
-}
-.bluelib .style-keyboard {
-  font-family: var(--bluelib-code-family);
-  font-weight: var(--bluelib-code-weight);
-  padding: 2px 4px;
-  border: 2px outset;
-  border-radius: 4px;
 }
 .bluelib .color-red {
   --bluelib-color-r: var(--bluelib-red-r);

src/targets/skeleton.root.css

@@ -13,6 +13,15 @@ body,
   --bluelib-link-r: 0;
   --bluelib-link-g: 147;
   --bluelib-link-b: 147;
+  --bluelib-broken-r: 245;
+  --bluelib-broken-g: 111;
+  --bluelib-broken-b: 0;
+  --bluelib-visited-r: 9;
+  --bluelib-visited-g: 101;
+  --bluelib-visited-b: 156;
+  --bluelib-download-r: 0;
+  --bluelib-download-g: 164;
+  --bluelib-download-b: 106;
   --bluelib-red-r: 200;
   --bluelib-red-g: 0;
   --bluelib-red-b: 0;
@@ -1998,185 +2007,118 @@ body .heading,
   font-family: var(--bluelib-title-family);
   font-weight: var(--bluelib-title-weight);
 }
-body .element-list-item,
-.bluelib .element-list-item,
-body li,
-.bluelib li {
-  margin: 10px 0;
-}
-body .element-anchor,
-.bluelib .element-anchor,
 body a,
-.bluelib a {
+.bluelib a,
+body .anchor,
+.bluelib .anchor {
+  text-decoration-line: underline;
+  text-decoration-thickness: 1px;
+}
+body a:focus-visible,
+.bluelib a:focus-visible,
+body .anchor:focus-visible,
+.bluelib .anchor:focus-visible {
+  text-decoration-thickness: 2px;
+}
+body a:hover,
+.bluelib a:hover,
+body .anchor:hover,
+.bluelib .anchor:hover,
+body a:focus,
+.bluelib a:focus,
+body .anchor:focus,
+.bluelib .anchor:focus {
+  color: rgba(calc(var(--bluelib-color-r) + (var(--bluelib-polarity) * 30)), calc(var(--bluelib-color-g) + (var(--bluelib-polarity) * 30)), calc(var(--bluelib-color-b) + (var(--bluelib-polarity) * 30)), 1);
+}
+body a:active,
+.bluelib a:active,
+body .anchor:active,
+.bluelib .anchor:active {
+  color: rgba(calc(var(--bluelib-color-r) + (var(--bluelib-polarity) * 60)), calc(var(--bluelib-color-g) + (var(--bluelib-polarity) * 60)), calc(var(--bluelib-color-b) + (var(--bluelib-polarity) * 60)), 1);
+}
+body a:not([href]),
+.bluelib a:not([href]),
+body a[href=""],
+.bluelib a[href=""],
+body .anchor-broken,
+.bluelib .anchor-broken {
+  cursor: not-allowed;
+  --bluelib-color-r: var(--bluelib-broken-r);
+  --bluelib-color-g: var(--bluelib-broken-g);
+  --bluelib-color-b: var(--bluelib-broken-b);
+  text-decoration-style: dashed;
+}
+body a:not([href]):hover,
+.bluelib a:not([href]):hover,
+body a[href=""]:hover,
+.bluelib a[href=""]:hover,
+body .anchor-broken:hover,
+.bluelib .anchor-broken:hover,
+body a:not([href]):focus,
+.bluelib a:not([href]):focus,
+body a[href=""]:focus,
+.bluelib a[href=""]:focus,
+body .anchor-broken:focus,
+.bluelib .anchor-broken:focus,
+body a:not([href]):active,
+.bluelib a:not([href]):active,
+body a[href=""]:active,
+.bluelib a[href=""]:active,
+body .anchor-broken:active,
+.bluelib .anchor-broken:active {
+  color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
+}
+body a[href^="http://"],
+.bluelib a[href^="http://"],
+body a[href^="https://"],
+.bluelib a[href^="https://"],
+body .anchor-link,
+.bluelib .anchor-link {
+  cursor: pointer;
   --bluelib-color-r: var(--bluelib-link-r);
   --bluelib-color-g: var(--bluelib-link-g);
   --bluelib-color-b: var(--bluelib-link-b);
-  text-decoration-line: underline;
   text-decoration-style: solid;
-  text-decoration-color: currentColor;
-  text-decoration-thickness: 1px;
 }
-body .element-anchor:hover,
+body a[href^="http://"]:visited,
-.bluelib .element-anchor:hover,
+.bluelib a[href^="http://"]:visited,
-body a:hover,
+body a[href^="https://"]:visited,
-.bluelib a:hover,
+.bluelib a[href^="https://"]:visited,
-body .element-anchor:focus,
+body .anchor-link:visited,
-.bluelib .element-anchor:focus,
+.bluelib .anchor-link:visited {
-body a:focus,
+  --bluelib-color-r: var(--bluelib-visited-r);
-.bluelib a:focus {
+  --bluelib-color-g: var(--bluelib-visited-g);
-  color: rgba(calc(var(--bluelib-color-r) + (var(--bluelib-polarity) * 50)), calc(var(--bluelib-color-g) + (var(--bluelib-polarity) * 50)), calc(var(--bluelib-color-b) + (var(--bluelib-polarity) * 50)), 1);
+  --bluelib-color-b: var(--bluelib-visited-b);
 }
-body .element-anchor:focus-visible,
+body a[download],
-.bluelib .element-anchor:focus-visible,
+.bluelib a[download],
-body a:focus-visible,
+body a[href]:not([href^="http://"]):not([href^="https://"]),
-.bluelib a:focus-visible {
+.bluelib a[href]:not([href^="http://"]):not([href^="https://"]),
-  text-decoration-thickness: 2px;
+body .anchor-download,
+.bluelib .anchor-download {
+  cursor: pointer;
+  --bluelib-color-r: var(--bluelib-download-r);
+  --bluelib-color-g: var(--bluelib-download-g);
+  --bluelib-color-b: var(--bluelib-download-b);
+  text-decoration-style: solid;
 }
-body .element-anchor:active,
+body ruby,
-.bluelib .element-anchor:active,
+.bluelib ruby,
-body a:active,
+body .ruby,
-.bluelib a:active {
+.bluelib .ruby {
-  color: rgba(calc(var(--bluelib-color-r) + (var(--bluelib-polarity) * 110)), calc(var(--bluelib-color-g) + (var(--bluelib-polarity) * 110)), calc(var(--bluelib-color-b) + (var(--bluelib-polarity) * 110)), 1);
-}
-body .element-anchor[disabled],
-.bluelib .element-anchor[disabled],
-body a[disabled],
-.bluelib a[disabled],
-body .element-anchor .status-disabled,
-.bluelib .element-anchor .status-disabled,
-body a .status-disabled,
-.bluelib a .status-disabled {
-  text-decoration-style: dashed;
-}
-body .element-anchor[disabled]:hover,
-.bluelib .element-anchor[disabled]:hover,
-body a[disabled]:hover,
-.bluelib a[disabled]:hover,
-body .element-anchor .status-disabled:hover,
-.bluelib .element-anchor .status-disabled:hover,
-body a .status-disabled:hover,
-.bluelib a .status-disabled:hover,
-body .element-anchor[disabled]:focus,
-.bluelib .element-anchor[disabled]:focus,
-body a[disabled]:focus,
-.bluelib a[disabled]:focus,
-body .element-anchor .status-disabled:focus,
-.bluelib .element-anchor .status-disabled:focus,
-body a .status-disabled:focus,
-.bluelib a .status-disabled:focus,
-body .element-anchor[disabled]:active,
-.bluelib .element-anchor[disabled]:active,
-body a[disabled]:active,
-.bluelib a[disabled]:active,
-body .element-anchor .status-disabled:active,
-.bluelib .element-anchor .status-disabled:active,
-body a .status-disabled:active,
-.bluelib a .status-disabled:active {
-  color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
-}
-body .align-left,
-.bluelib .align-left {
-  text-align: left;
-}
-body .align-center,
-.bluelib .align-center {
-  text-align: center;
-}
-body .align-right,
-.bluelib .align-right {
-  text-align: right;
-}
-body .size-xxl,
-.bluelib .size-xxl,
-body h1,
-.bluelib h1 {
   font-size: xx-large;
 }
-body .size-xl,
+body rp,
-.bluelib .size-xl,
+.bluelib rp,
-body h2,
+body .ruby-parenthesis,
-.bluelib h2 {
+.bluelib .ruby-parenthesis {
-  font-size: x-large;
+  color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
 }
-body .size-l,
+body rt,
-.bluelib .size-l,
+.bluelib rt,
-body h3,
+body .ruby-text,
-.bluelib h3 {
+.bluelib .ruby-text {
-  font-size: large;
+  color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.6);
-}
-body .size-m,
-.bluelib .size-m,
-body h4,
-.bluelib h4 {
-  font-size: medium;
-}
-body .size-s,
-.bluelib .size-s,
-body h5,
-.bluelib h5 {
-  font-size: small;
-}
-body .size-xs,
-.bluelib .size-xs,
-body h6,
-.bluelib h6 {
-  font-size: x-small;
-}
-body .size-xxs,
-.bluelib .size-xxs {
-  font-size: xx-small;
-}
-body .style-bold,
-.bluelib .style-bold,
-body b,
-.bluelib b,
-body strong,
-.bluelib strong {
-  font-weight: bold;
-  --bluelib-color-r: var(--bluelib-accent-r);
-  --bluelib-color-g: var(--bluelib-accent-g);
-  --bluelib-color-b: var(--bluelib-accent-b);
-}
-body .style-italic,
-.bluelib .style-italic,
-body i,
-.bluelib i,
-body em,
-.bluelib em {
-  font-style: italic;
-}
-body .style-underline,
-.bluelib .style-underline,
-body u,
-.bluelib u {
-  text-decoration-line: underline;
-}
-body .style-strike,
-.bluelib .style-strike,
-body strike,
-.bluelib strike,
-body s,
-.bluelib s,
-body del,
-.bluelib del {
-  text-decoration-line: line-through;
-}
-body .style-monospace,
-.bluelib .style-monospace,
-body code,
-.bluelib code {
-  font-family: var(--bluelib-code-family);
-  font-weight: var(--bluelib-code-weight);
-}
-body .style-keyboard,
-.bluelib .style-keyboard,
-body kbd,
-.bluelib kbd {
-  font-family: var(--bluelib-code-family);
-  font-weight: var(--bluelib-code-weight);
-  padding: 2px 4px;
-  border: 2px outset;
-  border-radius: 4px;
 }
 body .color-red,
 .bluelib .color-red {

src/vars/module.less

@@ -48,19 +48,17 @@
 
 @heading: ~".heading";
 
+@anchor: ~"a, .anchor";
+@anchor-broken: ~'.anchor-broken';
+@anchor-link: ~'.anchor-link';
+@anchor-download: ~'.anchor-download';
+
+@ruby: ~".ruby";
+@ruby-parenthesis: ~".ruby-parenthesis";
+@ruby-text: ~".ruby-text";
+
 @element-paragraph: ~".element-paragraph";
 @element-list-item: ~".element-list-item";
-@element-anchor: ~".element-anchor";
-@align-left: ~".align-left";
-@align-center: ~".align-center";
-@align-right: ~".align-right";
-@size-xxl: ~".size-xxl";
-@size-xl: ~".size-xl";
-@size-l: ~".size-l";
-@size-m: ~".size-m";
-@size-s: ~".size-s";
-@size-xs: ~".size-xs";
-@size-xxs: ~".size-xxs";
 @style-bold: ~".style-bold";
 @style-italic: ~".style-italic";
 @style-underline: ~".style-underline";

src/vars/root.less

@@ -49,25 +49,47 @@
 
 @heading: ~"h1, h2, h3, h4, h5, h6, .heading";
 
-@element-paragraph: ~".element-paragraph, p";
+@anchor: ~"a, .anchor";
-@element-list-item: ~".element-list-item, li";
+@anchor-broken: ~'a:not([href]), a[href=""], .anchor-broken';
-@element-anchor: ~".element-anchor, a";
+@anchor-link: ~'a[href^="http://"], a[href^="https://"], .anchor-link';
-@align-left: ~".align-left";
+@anchor-download: ~'a[download], a[href]:not([href^="http://"]):not([href^="https://"]), .anchor-download';
-@align-center: ~".align-center";
+
-@align-right: ~".align-right";
+@ruby: ~"ruby, .ruby";
-@size-xxl: ~".size-xxl, h1";
+@ruby-parenthesis: ~"rp, .ruby-parenthesis";
-@size-xl: ~".size-xl, h2";
+@ruby-text: ~"rt, .ruby-text";
-@size-l: ~".size-l, h3";
+
-@size-m: ~".size-m, h4";
+@semantic-abbr: ~"abbr, .semantic-abbr";
-@size-s: ~".size-s, h5";
+@semantic-b: ~"b, .semantic-b";
-@size-xs: ~".size-xs, h6";
+@semantic-cite: ~"cite, .semantic-cite";
-@size-xxs: ~".size-xxs";
+@semantic-code: ~"code, .semantic-code";
-@style-bold: ~".style-bold, b, strong";
+@semantic-data: ~"data, .semantic-data";
-@style-italic: ~".style-italic, i, em";
+@semantic-dfn: ~"dfn, .semantic-dfn";
-@style-underline: ~".style-underline, u";
+@semantic-em: ~"em, .semantic-em";
+@semantic-i: ~"i, .semantic-i";
+@semantic-kbd: ~"kbd, .semantic-kbd";
+@semantic-mark: ~"mark, .semantic-mark";
+@semantic-q: ~"q, .semantic-q";
+@semantic-s: ~"s, .semantic-s";
+@semantic-samp: ~"samp, .semantic-samp";
+@semantic-small: ~"small, .semantic-small";
+@semantic-strong: ~"strong, .semantic-strong";
+@semantic-time: ~"time, .semantic-time";
+@semantic-u: ~"u, .semantic-u";
+@semantic-var: ~"var, .semantic-var";
+
+
+@style-b: ~"b, .style-bringattention";
+@style-strong: ~"strong, .style-strong";
+@style-emphasis: ~".style-italic, i, em";
+@style-annotated: ~".style-underline, u";
 @style-strike: ~".style-strike, strike, s, del";
 @style-monospace: ~".style-monospace, code";
 @style-keyboard: ~".style-keyboard, kbd";
+
+@element-paragraph: ~".element-paragraph, p";
+@element-list-item: ~".element-list-item, li";
+
+
 @color-red: ~".color-red";
 @color-orange: ~".color-orange";
 @color-yellow: ~".color-yellow";