update default stylesheet to fix conflict between text decoration and bottom border on abbr[title] element

1 files changed, 14 insertions, 17 deletions

diff --git a/src/stylesheets/asciidoctor.css b/src/stylesheets/asciidoctor.css
index d5f2a4d9..7a8f473f 100644
--- a/src/stylesheets/asciidoctor.css
+++ b/src/stylesheets/asciidoctor.css
@@ -25,15 +25,21 @@ h1 {
   margin: 0.67em 0;
 }
 
-abbr[title] {
-  border-bottom: 1px dotted;
-}
-
 b,
 strong {
   font-weight: bold;
 }
 
+abbr {
+  font-size: 0.9em;
+}
+
+abbr[title] {
+  cursor: help;
+  border-bottom: 1px dotted #dddddf;
+  text-decoration: none;
+}
+
 dfn {
   font-style: italic;
 }
@@ -476,19 +482,6 @@ dl dd {
   margin-bottom: 1.25em;
 }
 
-abbr,
-acronym {
-  text-transform: uppercase;
-  font-size: 90%;
-  color: rgba(0, 0, 0, 0.8);
-  border-bottom: 1px dotted #ddd;
-  cursor: help;
-}
-
-abbr {
-  text-transform: none;
-}
-
 blockquote {
   margin: 0 0 1.25em;
   padding: 0.5625em 1.25em 0 1.1875em;
@@ -2307,6 +2300,10 @@ p.tableblock {
     padding-left: 0.25em;
   }
 
+  abbr[title] {
+    border-bottom: 1px dotted;
+  }
+
   abbr[title]::after {
     content: " (" attr(title) ")";
   }