🔧 Properly display underline in .element-anchor even if they are not :link (#14)

.idea/inspectionProfiles/Project_Default.xml

@@ -1,6 +1,17 @@
 <component name="InspectionProjectProfileManager">
   <profile version="1.0">
     <option name="myName" value="Project Default" />
+    <inspection_tool class="CssUnknownProperty" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="myCustomPropertiesEnabled" value="true" />
+      <option name="myIgnoreVendorSpecificProperties" value="false" />
+      <option name="myCustomPropertiesList">
+        <value>
+          <list size="1">
+            <item index="0" class="java.lang.String" itemvalue="text-decoration-thickness" />
+          </list>
+        </value>
+      </option>
+    </inspection_tool>
     <inspection_tool class="InconsistentLineSeparators" enabled="true" level="WEAK WARNING" enabled_by_default="true" />
     <inspection_tool class="JupyterPackageInspection" enabled="true" level="ERROR" enabled_by_default="true" />
     <inspection_tool class="LessResolvedByNameOnly" enabled="false" level="WARNING" enabled_by_default="false" />

index.html

@@ -379,7 +379,7 @@
                     "not allowed" cursor if hovered.
                 </p>
                 <p>
-                    It also works with <a href="#" disabled class="status-disabled">links</a>!
+                    It also works with <a disabled class="status-disabled">links</a>!
                 </p>
                 <section class="status-disabled">
                     And panels!

src/rules/skeleton.less

@@ -363,6 +363,10 @@
 
     @{element-anchor} {
         .bluelib-color(@hex-link);
+        text-decoration-line: underline;
+        text-decoration-style: solid;
+        text-decoration-color: currentColor;
+        text-decoration-thickness: 1px;
 
         &:hover {
             .bluelib-color(@hex-link-hover);
@@ -374,8 +378,6 @@
 
         &@{status-disabled} {
             text-decoration-style: dashed;
-            text-decoration-color: currentColor;
-            text-decoration-width: 1px;
 
             &:hover {
                 .bluelib-color(@hex-link);

src/targets/paper.module.css

@@ -413,6 +413,10 @@
   --bluelib-color-r: 0;
   --bluelib-color-g: 147;
   --bluelib-color-b: 147;
+  text-decoration-line: underline;
+  text-decoration-style: solid;
+  text-decoration-color: currentColor;
+  text-decoration-thickness: 1px;
 }
 .bluelib .element-anchor:hover {
   --bluelib-color-r: 0;
@@ -426,8 +430,6 @@
 }
 .bluelib .element-anchor.status-disabled {
   text-decoration-style: dashed;
-  text-decoration-color: currentColor;
-  text-decoration-width: 1px;
 }
 .bluelib .element-anchor.status-disabled:hover {
   --bluelib-color-r: 0;

src/targets/paper.root.css

@@ -1718,6 +1718,10 @@ body a {
   --bluelib-color-r: 0;
   --bluelib-color-g: 147;
   --bluelib-color-b: 147;
+  text-decoration-line: underline;
+  text-decoration-style: solid;
+  text-decoration-color: currentColor;
+  text-decoration-thickness: 1px;
 }
 .base-skeleton .element-anchor:hover,
 body .element-anchor:hover,
@@ -1744,8 +1748,6 @@ body .element-anchor .status-disabled,
 .base-skeleton a .status-disabled,
 body a .status-disabled {
   text-decoration-style: dashed;
-  text-decoration-color: currentColor;
-  text-decoration-width: 1px;
 }
 .base-skeleton .element-anchor[disabled]:hover,
 body .element-anchor[disabled]:hover,

src/targets/royalblue.module.css

@@ -413,6 +413,10 @@
   --bluelib-color-r: 0;
   --bluelib-color-g: 202;
   --bluelib-color-b: 202;
+  text-decoration-line: underline;
+  text-decoration-style: solid;
+  text-decoration-color: currentColor;
+  text-decoration-thickness: 1px;
 }
 .bluelib .element-anchor:hover {
   --bluelib-color-r: 0;
@@ -426,8 +430,6 @@
 }
 .bluelib .element-anchor.status-disabled {
   text-decoration-style: dashed;
-  text-decoration-color: currentColor;
-  text-decoration-width: 1px;
 }
 .bluelib .element-anchor.status-disabled:hover {
   --bluelib-color-r: 0;

src/targets/royalblue.root.css

@@ -1718,6 +1718,10 @@ body a {
   --bluelib-color-r: 0;
   --bluelib-color-g: 202;
   --bluelib-color-b: 202;
+  text-decoration-line: underline;
+  text-decoration-style: solid;
+  text-decoration-color: currentColor;
+  text-decoration-thickness: 1px;
 }
 .base-skeleton .element-anchor:hover,
 body .element-anchor:hover,
@@ -1744,8 +1748,6 @@ body .element-anchor .status-disabled,
 .base-skeleton a .status-disabled,
 body a .status-disabled {
   text-decoration-style: dashed;
-  text-decoration-color: currentColor;
-  text-decoration-width: 1px;
 }
 .base-skeleton .element-anchor[disabled]:hover,
 body .element-anchor[disabled]:hover,