hazza/hinode
1
0
Fork 0
mirror of https://github.com/gethinode/hinode.git synced 2025-10-10 11:33:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Address linting errors

Browse Source
This commit is contained in:
mark
2022-10-28 08:07:49 +02:00
parent 628ba75262
commit 2094e69b4a
2 changed files with 33 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
assets/scss/components/_command.scss
View File

@@ -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;
}

13
content/en/blog/code-highlighting.md
View File

@@ -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 %}}
{{% /command %}}