From 9c8c819ec3712793464bc06300321f5730185fdf Mon Sep 17 00:00:00 2001 From: Michal Budzynski Date: Fri, 19 May 2017 16:53:21 +0200 Subject: [PATCH] Inline code with hyperlink is now highlighted Inline code with hyperlink has now a different color then standard inline code and has a on hover underline. --- src/theme/book.css | 31 ++++++++++++++++++++----------- src/theme/stylus/themes/base.styl | 6 +++++- 2 files changed, 25 insertions(+), 12 deletions(-) diff --git a/src/theme/book.css b/src/theme/book.css index 122992df..40748a19 100644 --- a/src/theme/book.css +++ b/src/theme/book.css @@ -258,7 +258,6 @@ table thead td { position: relative; left: 10px; z-index: 1000; - -webkit-border-radius: 4px; border-radius: 4px; font-size: 0.7em; } @@ -295,7 +294,6 @@ table thead td { position: relative; display: inline-block; margin-bottom: 50px; - -webkit-border-radius: 5px; border-radius: 5px; } .next { @@ -357,7 +355,8 @@ table thead td { background-color: #fafafa; } .light .content a:link, -.light a:visited { +.light a:visited, +.light a > .hljs { color: #4183c4; } .light .theme-popup { @@ -398,9 +397,11 @@ table thead td { display: inline-block; vertical-align: middle; padding: 0.1em 0.3em; - -webkit-border-radius: 3px; border-radius: 3px; } +.light a:hover > .hljs { + text-decoration: underline; +} .light pre { position: relative; } @@ -472,7 +473,8 @@ table thead td { background-color: #292c2f; } .coal .content a:link, -.coal a:visited { +.coal a:visited, +.coal a > .hljs { color: #2b79a2; } .coal .theme-popup { @@ -513,9 +515,11 @@ table thead td { display: inline-block; vertical-align: middle; padding: 0.1em 0.3em; - -webkit-border-radius: 3px; border-radius: 3px; } +.coal a:hover > .hljs { + text-decoration: underline; +} .coal pre { position: relative; } @@ -587,7 +591,8 @@ table thead td { background-color: #282d3f; } .navy .content a:link, -.navy a:visited { +.navy a:visited, +.navy a > .hljs { color: #2b79a2; } .navy .theme-popup { @@ -628,9 +633,11 @@ table thead td { display: inline-block; vertical-align: middle; padding: 0.1em 0.3em; - -webkit-border-radius: 3px; border-radius: 3px; } +.navy a:hover > .hljs { + text-decoration: underline; +} .navy pre { position: relative; } @@ -702,7 +709,8 @@ table thead td { background-color: #3b2e2a; } .rust .content a:link, -.rust a:visited { +.rust a:visited, +.rust a > .hljs { color: #2b79a2; } .rust .theme-popup { @@ -743,9 +751,11 @@ table thead td { display: inline-block; vertical-align: middle; padding: 0.1em 0.3em; - -webkit-border-radius: 3px; border-radius: 3px; } +.rust a:hover > .hljs { + text-decoration: underline; +} .rust pre { position: relative; } @@ -786,7 +796,6 @@ table thead td { } code { background-color: #666; - -webkit-border-radius: 5px; border-radius: 5px; /* Force background to be printed in Chrome */ -webkit-print-color-adjust: exact; diff --git a/src/theme/stylus/themes/base.styl b/src/theme/stylus/themes/base.styl index 6a4cc021..9538906b 100644 --- a/src/theme/stylus/themes/base.styl +++ b/src/theme/stylus/themes/base.styl @@ -56,7 +56,7 @@ background-color: $sidebar-bg } - .content a:link, a:visited { + .content a:link, a:visited, a > .hljs { color: $links } @@ -107,6 +107,10 @@ border-radius: 3px; } + a:hover > .hljs { + text-decoration: underline; + } + pre { position: relative;