diff --git a/browser/components/markdown.styl b/browser/components/markdown.styl index 21894dde..7522a7b1 100644 --- a/browser/components/markdown.styl +++ b/browser/components/markdown.styl @@ -269,6 +269,16 @@ table border-color borderColor &:last-child border-right solid 1px borderColor +kbd + background-color #fafbfc + border solid 1px borderColor + border-bottom-color btnColor + border-radius 3px + box-shadow inset 0 -1px 0 #959da5 + display inline-block + font-size .8em + line-height 1 + padding 3px 5px themeDarkBackground = darken(#21252B, 10%) themeDarkText = #f9f9f9 @@ -317,3 +327,6 @@ body[data-theme="dark"] border-color themeDarkTableBorder &:last-child border-right solid 1px themeDarkTableBorder + kbd + background-color themeDarkBorder + color themeDarkText \ No newline at end of file diff --git a/browser/lib/markdown.js b/browser/lib/markdown.js index ea30348e..e09bcbbc 100644 --- a/browser/lib/markdown.js +++ b/browser/lib/markdown.js @@ -68,6 +68,7 @@ md.use(require('markdown-it-named-headers'), { .replace(/\-+$/, '') } }) +md.use(require('markdown-it-kbd')) // Override task item md.block.ruler.at('paragraph', function (state, startLine/*, endLine */) { let content, terminate, i, l, token diff --git a/package.json b/package.json index 8bf2eab7..e54990f9 100644 --- a/package.json +++ b/package.json @@ -67,6 +67,7 @@ "markdown-it-emoji": "^1.1.1", "markdown-it-footnote": "^3.0.0", "markdown-it-imsize": "^2.0.1", + "markdown-it-kbd": "^1.1.0", "markdown-it-multimd-table": "^2.0.1", "markdown-it-named-headers": "^0.0.4", "md5": "^2.0.0", diff --git a/webpack-skeleton.js b/webpack-skeleton.js index 4767d1f9..c8cdd84c 100644 --- a/webpack-skeleton.js +++ b/webpack-skeleton.js @@ -39,6 +39,7 @@ var config = { 'fs-jetpack', '@rokt33r/markdown-it-math', 'markdown-it-checkbox', + 'markdown-it-kbd', 'devtron', 'mixpanel', '@rokt33r/season', diff --git a/yarn.lock b/yarn.lock index 930f2261..1786f13b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4034,6 +4034,10 @@ markdown-it-imsize: version "2.0.1" resolved "https://registry.yarnpkg.com/markdown-it-imsize/-/markdown-it-imsize-2.0.1.tgz#cca0427905d05338a247cb9ca9d968c5cddd5170" +markdown-it-kbd@^1.1.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/markdown-it-kbd/-/markdown-it-kbd-1.1.0.tgz#d3faf5c30d494796b9cc540ab1f1a8a53dbc5d3b" + markdown-it-multimd-table@^2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/markdown-it-multimd-table/-/markdown-it-multimd-table-2.0.1.tgz#2e246dc2ec4ca093cbf05d43c9c1cc64e31f255d"