eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

added support for the kbd tag in markdown (#611)

Browse Source
This commit is contained in:
jade
2022-08-18 08:51:34 -05:00
committed by GitHub
parent 9a2243da9f
commit 093080894b
2 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
assets/styles/global.scss
View File

@@ -51,6 +51,8 @@ html {
--color-code-bg: var(--color-bg); --color-code-bg: var(--color-bg);
--color-code-text: var(--color-text-dark); --color-code-text: var(--color-text-dark);
--color-kbd-shadow: rgba(0, 0, 0, 0.25);
--color-ad: #d6e6f9; --color-ad: #d6e6f9;
--shadow-dropdown: 3px 3px 14px hsla(0, 0%, 0%, 0.15); --shadow-dropdown: 3px 3px 14px hsla(0, 0%, 0%, 0.15);
@@ -139,6 +141,8 @@ html {
--color-code-bg: var(--color-button-bg); --color-code-bg: var(--color-button-bg);
--color-code-text: var(--color-text-dark); --color-code-text: var(--color-text-dark);
--color-kbd-shadow: rgba(0, 0, 0, 0.35);
--color-ad: #2c323a; --color-ad: #2c323a;
--shadow-dropdown: 3px 3px 14px hsla(0, 0%, 0%, 0.15); --shadow-dropdown: 3px 3px 14px hsla(0, 0%, 0%, 0.15);
@@ -338,6 +342,16 @@ button {
} }
} }
kbd {
background-color: var(--color-code-bg);
color: var(--color-code-text);
box-shadow: 0 2px 1px var(--color-kbd-shadow);
padding: 0.2em 0.5em 0.1em;
border-radius: 3px;
line-height: 1;
font-size: 0.85em !important;
}
// @import "vue-select/src/scss/vue-select.scss"; // @import "vue-select/src/scss/vue-select.scss";
@import '~assets/styles/highlightjs.scss'; @import '~assets/styles/highlightjs.scss';

1
plugins/xss.js
View File

@@ -13,6 +13,7 @@ const options = {
h4: ['id'], h4: ['id'],
h5: ['id'], h5: ['id'],
h6: ['id'], h6: ['id'],
kbd: ['id'],
input: ['checked', 'disabled', 'type'], input: ['checked', 'disabled', 'type'],
iframe: ['width', 'height', 'allowfullscreen', 'frameborder'], iframe: ['width', 'height', 'allowfullscreen', 'frameborder'],
img: [...xss.whiteList.img, 'style'], img: [...xss.whiteList.img, 'style'],