From 2094e69b4a99d0cac1ee4a3c34ee76f53b765580 Mon Sep 17 00:00:00 2001 From: mark Date: Fri, 28 Oct 2022 08:07:49 +0200 Subject: [PATCH] Address linting errors --- assets/scss/components/_command.scss | 50 ++++++++++++++-------------- content/en/blog/code-highlighting.md | 13 +++++--- 2 files changed, 33 insertions(+), 30 deletions(-) diff --git a/assets/scss/components/_command.scss b/assets/scss/components/_command.scss index 9bd2ee64..865014a8 100644 --- a/assets/scss/components/_command.scss +++ b/assets/scss/components/_command.scss @@ -1,43 +1,43 @@ /* Adapted from PrismJS 1.29.0 https://prismjs.com/download.html#themes=prism&plugins=command-line */ + /** * prism.js default theme for JavaScript, CSS and HTML * Based on dabblet (http://dabblet.com) * @author Lea Verou */ - .command-line-prompt { - border-right: 1px solid #999; - display: block; - float: left; - font-size: 100%; - letter-spacing: -1px; - margin-right: 1em; - pointer-events: none; - text-align: right; - - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; +.command-line-prompt { + border-right: 1px solid #999; + display: block; + float: left; + font-size: 100%; + letter-spacing: -1px; + margin-right: 1em; + pointer-events: none; + text-align: right; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } -.command-line-prompt > span:before { - opacity: 0.7; - content: " "; - display: block; - padding-right: 0.8em; +.command-line-prompt > span::before { + opacity: 0.7; + content: " "; + display: block; + padding-right: 0.8em; } -.command-line-prompt > span[data-prompt]:before { - content: attr(data-prompt); +.command-line-prompt > span[data-prompt]::before { + content: attr(data-prompt); } -.command-line-prompt > span[data-continuation-prompt]:before { - content: attr(data-continuation-prompt); +.command-line-prompt > span[data-continuation-prompt]::before { + content: attr(data-continuation-prompt); } .command-line span.token.output { - /* Make shell output lines a bit lighter to distinguish them from shell commands */ - opacity: 0.7; + /* Make shell output lines a bit lighter to distinguish them from shell commands */ + opacity: 0.7; } diff --git a/content/en/blog/code-highlighting.md b/content/en/blog/code-highlighting.md index c28ce8b2..b31e86b3 100644 --- a/content/en/blog/code-highlighting.md +++ b/content/en/blog/code-highlighting.md @@ -61,9 +61,10 @@ func GetTitleFunc(style string) func(s string) string { The `command` shortcode generates terminal output for either `bash`, `powershell`, or `sql` shell languages. ### Bash (default shell) + Use the `command` shortcode to generate a block with a default bash command prompt. -``` +```html {{%/* command */%}} export MY_VAR=123 {{%/* /command */%}} @@ -76,7 +77,7 @@ export MY_VAR=123 Specify `user` and `host` to add the user context to the prompt. In addition, use `(out)` to specify an output line and use `\` to denote a line continuation. -``` +```html {{%/* command user="user" host="localhost" */%}} export MY_VAR=123 echo "hello" @@ -104,9 +105,10 @@ echo "goodbye" {{% /command %}} ### PowerShell + Set the `shell` argument to `powershell` to generate a PowerShell terminal. Override the `prompt` to add a directory if needed. Use the backtick `` ` `` symbol to denote a line continuation. -``` +```html {{%/* command prompt="PS C:\Users\User>" shell="powershell" */%}} Write-Host ` 'Hello' ` @@ -130,9 +132,10 @@ Write-Host 'Goodbye from PowerShell!' {{% /command %}} ### SQL + Set the `shell` argument to `sql` to generate a SQL terminal. Use the `(con)` suffix to denote a line continuation. -``` +```html {{%/* command prompt="mysql>" shell="sql" */%}} set @my_var = 'foo'; set @my_other_var = 'bar'; @@ -177,4 +180,4 @@ order by last_name; (out)| John | Doe | (out)+------------+-----------+ (out)1 row in set (0.00 sec) -{{% /command %}} \ No newline at end of file +{{% /command %}}