diff --git a/assets/style.css b/assets/style.css index dc16a0d768..77a8dbc402 100644 --- a/assets/style.css +++ b/assets/style.css @@ -112,9 +112,10 @@ pre { overflow: auto; } -pre > code.highlight { +mark { outline: .4em solid red; outline-offset: .4em; + background-color: transparent; } header, diff --git a/index.html b/index.html index 37096ebe8d..863e599405 100644 --- a/index.html +++ b/index.html @@ -133,13 +133,13 @@
<!DOCTYPE html> <html> <head> - ...
-<link href="themes/prism.css" rel="stylesheet" />
-</head> + ... + <link href="themes/prism.css" rel="stylesheet" /> +</head> <body> - ...
-<script src="prism.js"></script>
-</body> + ... + <script src="prism.js"></script> +</body> </html>
Prism does its best to encourage good authoring practices. Therefore, it only works with <code>
elements, since marking up code without a <code>
element is semantically invalid.
@@ -192,18 +192,18 @@
<!DOCTYPE html> <html> <head> - ...
-<link href="https://{{cdn}}/prism@v1.x/themes/prism.css" rel="stylesheet" />
-</head> + ... + <link href="https://{{cdn}}/prism@v1.x/themes/prism.css" rel="stylesheet" /> +</head> <body> - ...
-<script src="https://{{cdn}}/prism@v1.x/components/prism-core.min.js"></script> - <script src="https://{{cdn}}/prism@v1.x/plugins/autoloader/prism-autoloader.min.js"></script>
-</body> + ... + <script src="https://{{cdn}}/prism@v1.x/components/prism-core.min.js"></script> + <script src="https://{{cdn}}/prism@v1.x/plugins/autoloader/prism-autoloader.min.js"></script> +</body> </html>
Please note that links in the above code sample serve as placeholders. You have to replace them with valid links to the CDN of your choice.
- +CDNs which provide PrismJS are e.g. cdnjs, jsDelivr, and UNPKG.