diff --git a/README.md b/README.md index db3e588..cf1c125 100644 --- a/README.md +++ b/README.md @@ -351,6 +351,7 @@ MIT License - [Shimmering Focus](https://github.com/chrisgrieser/shimmering-focus) - [Wasp](https://github.com/santiyounger/Wasp-Obsidian-Theme) - [Typewriter](https://github.com/crashmoney/obsidian-typewriter) + - [Red Graphite](https://github.com/seanwcom/Red-Graphite-for-Obsidian) - Most of the theme problem is caused by the usage of `!important` keywords in the theme CSS. HK Code Block does not use `!important` keywords at all in order to avoid conflicts with other themes or plugins. If you want to use HK Code Block plugin with those themes, you should modify the theme CSS files, or by using `!important` keywords, you should explicitly increase the priority of the HK Code Block CSS rules. ## Bug Report, Feature Request @@ -404,4 +405,10 @@ Versions are controlled by the rule below. - change "Use Result" setting from dropdown to toggle - remove `as` statement - etc - - rename file names \ No newline at end of file + - rename file names + +### 0.4.1 + +- css update + - make css more explicit + diff --git a/README_ko.md b/README_ko.md index 19db199..14a8e29 100644 --- a/README_ko.md +++ b/README_ko.md @@ -351,6 +351,7 @@ MIT License - [Shimmering Focus](https://github.com/chrisgrieser/shimmering-focus) - [Wasp](https://github.com/santiyounger/Wasp-Obsidian-Theme) - [Typewriter](https://github.com/crashmoney/obsidian-typewriter) + - [Red Graphite](https://github.com/seanwcom/Red-Graphite-for-Obsidian) - 테마 문제의 대부분은 해당 테마들이 CSS에 `!important` 키워드를 붙여 HK Code Block의 CSS 우선순위가 밀려 발생합니다. HK Code Block은 다른 테마, 플러그인과의 호환성을 위해 `!important` 키워드를 사용하지 않습니다. 만약 이런 테마들에서도 HK Code Block을 사용하고 싶다면 해당 테마의 CSS를 수정하거나 `!important` 등을 사용, HK Code Block의 CSS 우선순위를 직접 높여야 합니다. ## 버그 제보, 기능 추가 요청 @@ -404,4 +405,10 @@ MIT License - "Use Result" 설정을 드롭다운에서 토글 형태로 바꿈 - `as` statement 제거 - 기타 - - 파일명 재설정 \ No newline at end of file + - 파일명 재설정 + +### 0.4.1 + +- css 수정 + - CSS를 더욱 명료하게 수정 + diff --git a/dist/manifest.json b/dist/manifest.json index 0e21ef1..d05b742 100644 --- a/dist/manifest.json +++ b/dist/manifest.json @@ -1,7 +1,7 @@ { "id": "hk-code-block", "name": "HK Code Block", - "version": "0.4.0", + "version": "0.4.1", "minAppVersion": "1.0.0", "description": "Obsidian plugin developed by Heekang Park; Make code block looking good on reading view", "author": "Heekang Park", diff --git a/dist/styles.css b/dist/styles.css index 9e8f759..9b7bb2a 100644 --- a/dist/styles.css +++ b/dist/styles.css @@ -1,8 +1,8 @@ /* src/styles.scss */ .hk-codeblock { position: relative; - margin-bottom: var(--hk-codeblock-margin); margin-top: var(--hk-codeblock-margin); + margin-bottom: var(--hk-codeblock-margin); } .hk-codeblock { --hk-codeblock-margin: 1em; @@ -10,42 +10,62 @@ --hk-codeblock-vertical-padding: 8px; --hk-codeblock-background-color: var(--code-background); --hk-codeblock-border-color: var(--divider-color); + --hk-codeblock-font-family: var(--font-monospace); --hk-codeblock-font-size: var(--code-size); - --hk-codeblock-title-text-color: var(--text-normal); - --hk-codeblock-linenos-text-color: var(--code-normal); - --hk-codeblock-linenos-text-font: var(--font-monospace); - --hk-codeblock-language-text-color: var(--text-muted); - --hk-codeblock-language-text-size: var(--font-ui-smaller); - --hk-codeblock-language-text-font: var(--font-interface); - --hk-codeblock-prompt-text-color: var(--code-normal); - --hk-codeblock-prompt-text-font: var(--font-monospace); - --hk-codeblock-result-text-color: var(--text-normal); + --hk-codeblock-text-color: var(--code-normal); + --hk-codeblock-title-text-font: var(--hk-codeblock-font-family); + --hk-codeblock-title-text-color: var(--hk-codeblock-text-color); + --hk-codeblock-title-text-size: var(--hk-codeblock-font-size); + --hk-codeblock-linenos-text-font: var(--hk-codeblock-font-family); + --hk-codeblock-linenos-text-color: var(--hk-codeblock-text-color); + --hk-codeblock-linenos-text-size: var(--hk-codeblock-font-size); + --hk-codeblock-language-text-font: var(--hk-codeblock-font-family); + --hk-codeblock-language-text-color: var(--hk-codeblock-text-color); + --hk-codeblock-language-text-size: calc(var(--hk-codeblock-font-size) * 0.9); + --hk-codeblock-copy-btn-text-font: var(--hk-codeblock-font-family); + --hk-codeblock-copy-btn-text-color: var(--hk-codeblock-text-color); + --hk-codeblock-copy-btn-text-size: calc(var(--hk-codeblock-font-size) * 0.9); + --hk-codeblock-prompt-text-font: var(--hk-codeblock-font-family); + --hk-codeblock-prompt-text-color: var(--hk-codeblock-text-color); + --hk-codeblock-prompt-text-size: var(--hk-codeblock-font-size); + --hk-codeblock-result-text-font: var(--hk-codeblock-font-family); + --hk-codeblock-result-text-color: var(--hk-codeblock-text-color); + --hk-codeblock-result-text-size: var(--hk-codeblock-font-size); } .hk-codeblock pre { position: relative; + border-radius: initial; display: flex; flex-direction: row; margin: 0; + min-height: 0; padding-top: var(--hk-codeblock-vertical-padding); padding-bottom: var(--hk-codeblock-vertical-padding); padding-left: var(--hk-codeblock-horizontal-padding); padding-right: var(--hk-codeblock-horizontal-padding); background-color: var(--hk-codeblock-background-color); + font-family: var(--hk-codeblock-font-family); + color: var(--hk-codeblock-text-color); } .hk-codeblock pre code.hk-codeblock-code { white-space: pre; overflow-x: auto; padding: 0; background-color: var(--hk-codeblock-background-color); + font-family: var(--hk-codeblock-font-family); + color: var(--hk-codeblock-text-color); + font-size: var(--hk-codeblock-font-size); } .hk-codeblock.hk-codeblock-show-title .hk-codeblock-title { - padding-left: var(--hk-codeblock-horizontal-padding); - padding-right: var(--hk-codeblock-horizontal-padding); padding-top: var(--hk-codeblock-vertical-padding); padding-bottom: var(--hk-codeblock-vertical-padding); + padding-left: var(--hk-codeblock-horizontal-padding); + padding-right: var(--hk-codeblock-horizontal-padding); background-color: var(--hk-codeblock-background-color); border-bottom: 1px solid var(--hk-codeblock-border-color); + font-family: var(--hk-codeblock-title-text-font); color: var(--hk-codeblock-title-text-color); + font-size: var(--hk-codeblock-title-text-size); display: flex; flex-direction: row; align-items: center; @@ -67,8 +87,8 @@ left: -3px; } .hk-codeblock.hk-codeblock-show-title.hk-codeblock-collapsible .hk-codeblock-title .hk-codeblock-collapse-btns .hk-codeblock-collapse-btn { - width: 16px; - height: 16px; + width: var(--hk-codeblock-title-text-size); + height: var(--hk-codeblock-title-text-size); fill: var(--hk-codeblock-title-text-color); stroke: var(--hk-codeblock-title-text-color); stroke-width: 2; @@ -100,10 +120,10 @@ padding-right: 1em; opacity: 0.6; user-select: none; - color: var(--hk-codeblock-linenos-text-color); white-space: pre; font-family: var(--hk-codeblock-linenos-text-font); - font-size: var(--hk-codeblock-font-size); + color: var(--hk-codeblock-linenos-text-color); + font-size: var(--hk-codeblock-linenos-text-size); background-color: transparent; } .hk-codeblock.hk-codeblock-show-linenos pre .hk-codeblock-linenos.show-splitter { @@ -124,7 +144,8 @@ padding-bottom: var(--hk-codeblock-vertical-padding); opacity: 0.2; font-family: var(--hk-codeblock-linenos-text-font); - font-size: var(--hk-codeblock-font-size); + font-size: var(--hk-codeblock-linenos-text-font); + color: var(--hk-codeblock-linenos-text-color); background-color: transparent; } .hk-codeblock.hk-codeblock-show-highlight pre .hk-codeblock-highlight .line.highlight { @@ -135,12 +156,15 @@ user-select: none; z-index: 1; margin: 6px; - padding: 6px 8px; + padding-top: 6px; + padding-bottom: 6px; + padding-left: 8px; + padding-right: 8px; background-color: transparent; box-shadow: none; + font-family: var(--hk-codeblock-language-text-font); color: var(--hk-codeblock-language-text-color); font-size: var(--hk-codeblock-language-text-size); - font-family: var(--hk-codeblock-language-text-font); position: absolute; top: 0; right: 0; @@ -150,19 +174,45 @@ } .hk-codeblock.hk-codeblock-show-copybtn pre .copy-code-button { cursor: pointer; + opacity: 0.4; + user-select: none; + z-index: 1; + margin: 6px; + padding-top: 6px; + padding-bottom: 6px; + padding-left: 8px; + padding-right: 8px; + background-color: transparent; + box-shadow: none; + font-family: var(--hk-codeblock-code-block-text-font); + color: var(--hk-codeblock-code-block-text-color); + font-size: var(--hk-codeblock-code-block-text-size); + position: absolute; + top: 0; + right: 0; +} +.hk-codeblock.hk-codeblock-show-copybtn pre .copy-code-button:hover { + opacity: 1; + background-color: rgba(255, 255, 255, 0.0745098039); +} +.hk-codeblock.hk-codeblock-show-copybtn pre .copy-code-button:active { + opacity: 1; + background-color: rgba(255, 255, 255, 0.1490196078); } .hk-codeblock.hk-codeblock-show-prompt pre .hk-codeblock-prompt { flex-shrink: 0; flex-grow: 0; text-align: right; - padding: 0; + padding-top: 0; + padding-bottom: 0; + padding-left: 0; padding-right: 0.8em; opacity: 0.6; user-select: none; color: var(--hk-codeblock-prompt-text-color); white-space: pre; font-family: var(--hk-codeblock-prompt-text-font); - font-size: var(--hk-codeblock-font-size); + font-size: var(--hk-codeblock-prompt-text-size); background-color: transparent; } .hk-codeblock.hk-codeblock-result { @@ -185,5 +235,7 @@ } .hk-codeblock.hk-codeblock-result pre .hk-codeblock-result-code { color: var(--hk-codeblock-result-text-color); + font-family: var(--hk-codeblock-result-text-font); + font-size: var(--hk-codeblock-result-text-size); } -/*# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vc3JjL3N0eWxlcy5zY3NzIl0sCiAgInNvdXJjZXNDb250ZW50IjogWyIuaGstY29kZWJsb2NrIHtcbiAgJiB7XG4gICAgLy8gdmFyaWFibGVzXG4gICAgLS1oay1jb2RlYmxvY2stbWFyZ2luOiAxZW07XG4gICAgLS1oay1jb2RlYmxvY2staG9yaXpvbnRhbC1wYWRkaW5nOiAxNnB4O1xuICAgIC0taGstY29kZWJsb2NrLXZlcnRpY2FsLXBhZGRpbmc6IDhweDtcbiAgICAtLWhrLWNvZGVibG9jay1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2RlLWJhY2tncm91bmQpO1xuICAgIC0taGstY29kZWJsb2NrLWJvcmRlci1jb2xvcjogdmFyKC0tZGl2aWRlci1jb2xvcik7IC8vIGFwcGxpZWQgdG8gdGl0bGUsIGxpbmVub3MsIGFuZCByZXN1bHRcbiAgICAtLWhrLWNvZGVibG9jay1mb250LXNpemU6IHZhcigtLWNvZGUtc2l6ZSk7XG4gICAgLS1oay1jb2RlYmxvY2stdGl0bGUtdGV4dC1jb2xvcjogdmFyKC0tdGV4dC1ub3JtYWwpO1xuICAgIC0taGstY29kZWJsb2NrLWxpbmVub3MtdGV4dC1jb2xvcjogdmFyKC0tY29kZS1ub3JtYWwpO1xuICAgIC0taGstY29kZWJsb2NrLWxpbmVub3MtdGV4dC1mb250OiB2YXIoLS1mb250LW1vbm9zcGFjZSk7XG4gICAgLS1oay1jb2RlYmxvY2stbGFuZ3VhZ2UtdGV4dC1jb2xvcjogdmFyKC0tdGV4dC1tdXRlZCk7IC8vIHNhbWUgd2l0aCBjb3B5IGJ1dHRvblxuICAgIC0taGstY29kZWJsb2NrLWxhbmd1YWdlLXRleHQtc2l6ZTogdmFyKC0tZm9udC11aS1zbWFsbGVyKTsgLy8gc2FtZSB3aXRoIGNvcHkgYnV0dG9uXG4gICAgLS1oay1jb2RlYmxvY2stbGFuZ3VhZ2UtdGV4dC1mb250OiB2YXIoLS1mb250LWludGVyZmFjZSk7IC8vIHNhbWUgd2l0aCBjb3B5IGJ1dHRvblxuICAgIC0taGstY29kZWJsb2NrLXByb21wdC10ZXh0LWNvbG9yOiB2YXIoLS1jb2RlLW5vcm1hbCk7XG4gICAgLS1oay1jb2RlYmxvY2stcHJvbXB0LXRleHQtZm9udDogdmFyKC0tZm9udC1tb25vc3BhY2UpO1xuICAgIC0taGstY29kZWJsb2NrLXJlc3VsdC10ZXh0LWNvbG9yOiB2YXIoLS10ZXh0LW5vcm1hbCk7XG4gIH1cblxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbi1ib3R0b206IHZhcigtLWhrLWNvZGVibG9jay1tYXJnaW4pO1xuICBtYXJnaW4tdG9wOiB2YXIoLS1oay1jb2RlYmxvY2stbWFyZ2luKTtcblxuICBwcmUge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmctdG9wOiB2YXIoLS1oay1jb2RlYmxvY2stdmVydGljYWwtcGFkZGluZyk7XG4gICAgcGFkZGluZy1ib3R0b206IHZhcigtLWhrLWNvZGVibG9jay12ZXJ0aWNhbC1wYWRkaW5nKTtcbiAgICBwYWRkaW5nLWxlZnQ6IHZhcigtLWhrLWNvZGVibG9jay1ob3Jpem9udGFsLXBhZGRpbmcpO1xuICAgIHBhZGRpbmctcmlnaHQ6IHZhcigtLWhrLWNvZGVibG9jay1ob3Jpem9udGFsLXBhZGRpbmcpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWhrLWNvZGVibG9jay1iYWNrZ3JvdW5kLWNvbG9yKTtcblxuICAgIGNvZGUuaGstY29kZWJsb2NrLWNvZGUge1xuICAgICAgd2hpdGUtc3BhY2U6IHByZTtcbiAgICAgIG92ZXJmbG93LXg6IGF1dG87XG4gICAgICBwYWRkaW5nOiAwO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taGstY29kZWJsb2NrLWJhY2tncm91bmQtY29sb3IpO1xuICAgIH1cbiAgfVxufVxuXG4vKiB0aXRsZSAqL1xuLmhrLWNvZGVibG9jay5oay1jb2RlYmxvY2stc2hvdy10aXRsZSB7XG4gIC5oay1jb2RlYmxvY2stdGl0bGUge1xuICAgIHBhZGRpbmctbGVmdDogdmFyKC0taGstY29kZWJsb2NrLWhvcml6b250YWwtcGFkZGluZyk7XG4gICAgcGFkZGluZy1yaWdodDogdmFyKC0taGstY29kZWJsb2NrLWhvcml6b250YWwtcGFkZGluZyk7XG4gICAgcGFkZGluZy10b3A6IHZhcigtLWhrLWNvZGVibG9jay12ZXJ0aWNhbC1wYWRkaW5nKTtcbiAgICBwYWRkaW5nLWJvdHRvbTogdmFyKC0taGstY29kZWJsb2NrLXZlcnRpY2FsLXBhZGRpbmcpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWhrLWNvZGVibG9jay1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0taGstY29kZWJsb2NrLWJvcmRlci1jb2xvcik7XG4gICAgY29sb3I6IHZhcigtLWhrLWNvZGVibG9jay10aXRsZS10ZXh0LWNvbG9yKTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5cbiAgLmhrLWNvZGVibG9jay10aXRsZX5wcmUge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gIH1cbn1cblxuLyogY29sbGFwc2UgKi9cbi5oay1jb2RlYmxvY2suaGstY29kZWJsb2NrLXNob3ctdGl0bGUuaGstY29kZWJsb2NrLWNvbGxhcHNpYmxlIHtcbiAgLmhrLWNvZGVibG9jay10aXRsZSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgIC5oay1jb2RlYmxvY2stY29sbGFwc2UtYnRucyB7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIG1hcmdpbi1yaWdodDogMnB4O1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgdG9wOiAtMXB4O1xuICAgICAgbGVmdDogLTNweDtcblxuICAgICAgLmhrLWNvZGVibG9jay1jb2xsYXBzZS1idG4ge1xuICAgICAgICB3aWR0aDogMTZweDtcbiAgICAgICAgaGVpZ2h0OiAxNnB4O1xuXG4gICAgICAgIGZpbGw6IHZhcigtLWhrLWNvZGVibG9jay10aXRsZS10ZXh0LWNvbG9yKTtcbiAgICAgICAgc3Ryb2tlOiB2YXIoLS1oay1jb2RlYmxvY2stdGl0bGUtdGV4dC1jb2xvcik7XG4gICAgICAgIHN0cm9rZS13aWR0aDogMjtcbiAgICAgICAgb3BhY2l0eTogMC4yO1xuXG4gICAgICAgICYuaGstY29kZWJsb2NrLWNvbGxhcHNlZC1idG4ge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICAmLmhrLWNvZGVibG9jay1leHBhbmRlZC1idG4ge1xuICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gICYuaGstY29kZWJsb2NrLWNvbGxhcHNlZCB7XG4gICAgLmhrLWNvZGVibG9jay10aXRsZSB7XG4gICAgICBib3JkZXItYm90dG9tOiBub25lO1xuXG4gICAgICAuaGstY29kZWJsb2NrLWNvbGxhcHNlLWJ0bnMge1xuICAgICAgICAuaGstY29kZWJsb2NrLWNvbGxhcHNlLWJ0biB7XG4gICAgICAgICAgJi5oay1jb2RlYmxvY2stY29sbGFwc2VkLWJ0biB7XG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgJi5oay1jb2RlYmxvY2stZXhwYW5kZWQtYnRuIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgcHJlIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG59XG5cbi8qIGxpbmVub3MgKi9cbi5oay1jb2RlYmxvY2suaGstY29kZWJsb2NrLXNob3ctbGluZW5vcyB7XG4gIHByZSB7XG4gICAgLmhrLWNvZGVibG9jay1saW5lbm9zIHtcbiAgICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgICAgZmxleC1ncm93OiAwO1xuICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgICAgcGFkZGluZy1yaWdodDogMWVtO1xuICAgICAgb3BhY2l0eTogMC42O1xuICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICBjb2xvcjogdmFyKC0taGstY29kZWJsb2NrLWxpbmVub3MtdGV4dC1jb2xvcik7XG4gICAgICB3aGl0ZS1zcGFjZTogcHJlO1xuICAgICAgZm9udC1mYW1pbHk6IHZhcigtLWhrLWNvZGVibG9jay1saW5lbm9zLXRleHQtZm9udCk7XG4gICAgICBmb250LXNpemU6IHZhcigtLWhrLWNvZGVibG9jay1mb250LXNpemUpO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgICAgICYuc2hvdy1zcGxpdHRlciB7XG4gICAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkIHZhcigtLWhrLWNvZGVibG9jay1ib3JkZXItY29sb3IpO1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDFlbTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cblxuLyogaGlnaGxpZ2h0ICovXG4uaGstY29kZWJsb2NrLmhrLWNvZGVibG9jay1zaG93LWhpZ2hsaWdodCB7XG4gIHByZSB7XG4gICAgLmhrLWNvZGVibG9jay1oaWdobGlnaHQge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB0b3A6IDA7XG4gICAgICBsZWZ0OiAwO1xuICAgICAgcmlnaHQ6IDA7XG4gICAgICBib3R0b206IDA7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgcGFkZGluZy10b3A6IHZhcigtLWhrLWNvZGVibG9jay12ZXJ0aWNhbC1wYWRkaW5nKTtcbiAgICAgIHBhZGRpbmctYm90dG9tOiB2YXIoLS1oay1jb2RlYmxvY2stdmVydGljYWwtcGFkZGluZyk7XG4gICAgICBvcGFjaXR5OiAwLjI7XG4gICAgICBmb250LWZhbWlseTogdmFyKC0taGstY29kZWJsb2NrLWxpbmVub3MtdGV4dC1mb250KTtcbiAgICAgIGZvbnQtc2l6ZTogdmFyKC0taGstY29kZWJsb2NrLWZvbnQtc2l6ZSk7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAgICAgLmxpbmUuaGlnaGxpZ2h0IHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taGstY29kZWJsb2NrLWhpZ2hsaWdodC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cblxuLyogbGFuZ3VhZ2UgKi9cbi5oay1jb2RlYmxvY2suaGstY29kZWJsb2NrLXNob3ctbGFuZ3VhZ2Uge1xuICBwcmUge1xuICAgIC5oay1jb2RlYmxvY2stbGFuZ3VhZ2Uge1xuICAgICAgb3BhY2l0eTogMC40O1xuICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICB6LWluZGV4OiAxO1xuICAgICAgbWFyZ2luOiA2cHg7XG4gICAgICBwYWRkaW5nOiA2cHggOHB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgY29sb3I6IHZhcigtLWhrLWNvZGVibG9jay1sYW5ndWFnZS10ZXh0LWNvbG9yKTtcbiAgICAgIGZvbnQtc2l6ZTogdmFyKC0taGstY29kZWJsb2NrLWxhbmd1YWdlLXRleHQtc2l6ZSk7XG4gICAgICBmb250LWZhbWlseTogdmFyKC0taGstY29kZWJsb2NrLWxhbmd1YWdlLXRleHQtZm9udCk7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB0b3A6IDA7XG4gICAgICByaWdodDogMDtcbiAgICB9XG5cbiAgICAmOmhvdmVyIC5oay1jb2RlYmxvY2stbGFuZ3VhZ2Uge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cbn1cblxuLyogY29weSBidXR0b24gKi9cbi5oay1jb2RlYmxvY2suaGstY29kZWJsb2NrLXNob3ctY29weWJ0biB7XG4gIHByZSB7XG4gICAgLmNvcHktY29kZS1idXR0b24ge1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cbiAgfVxufVxuXG4vKiBwcm9tcHQgKi9cbi5oay1jb2RlYmxvY2suaGstY29kZWJsb2NrLXNob3ctcHJvbXB0IHtcbiAgcHJlIHtcbiAgICAuaGstY29kZWJsb2NrLXByb21wdCB7XG4gICAgICBmbGV4LXNocmluazogMDtcbiAgICAgIGZsZXgtZ3JvdzogMDtcbiAgICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgICAgcGFkZGluZzogMDtcbiAgICAgIHBhZGRpbmctcmlnaHQ6IDAuOGVtO1xuICAgICAgb3BhY2l0eTogMC42O1xuICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICBjb2xvcjogdmFyKC0taGstY29kZWJsb2NrLXByb21wdC10ZXh0LWNvbG9yKTtcbiAgICAgIHdoaXRlLXNwYWNlOiBwcmU7XG4gICAgICBmb250LWZhbWlseTogdmFyKC0taGstY29kZWJsb2NrLXByb21wdC10ZXh0LWZvbnQpO1xuICAgICAgZm9udC1zaXplOiB2YXIoLS1oay1jb2RlYmxvY2stZm9udC1zaXplKTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cbiAgfVxufVxuXG4vKiByZXN1bHQgKi9cbi5oay1jb2RlYmxvY2suaGstY29kZWJsb2NrLXJlc3VsdCB7XG4gIG1hcmdpbi10b3A6IGNhbGModmFyKC0taGstY29kZWJsb2NrLW1hcmdpbikgKiAoLTEpKTtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHZhcigtLWhrLWNvZGVibG9jay1ib3JkZXItY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1oay1jb2RlYmxvY2stYmFja2dyb3VuZC1jb2xvcik7XG5cbiAgLmhrLWNvZGVibG9jay1yZXN1bHQtcHJvbXB0IHtcbiAgICBjb2xvcjogdmFyKC0taGstY29kZWJsb2NrLXJlc3VsdC10ZXh0LWNvbG9yKTtcbiAgICBvcGFjaXR5OiAwLjQ7XG4gICAgZm9udC1zaXplOiAwLjhlbTtcbiAgICBwYWRkaW5nLXRvcDogdmFyKC0taGstY29kZWJsb2NrLXZlcnRpY2FsLXBhZGRpbmcpO1xuICAgIHBhZGRpbmctbGVmdDogdmFyKC0taGstY29kZWJsb2NrLWhvcml6b250YWwtcGFkZGluZyk7XG4gICAgcGFkZGluZy1yaWdodDogdmFyKC0taGstY29kZWJsb2NrLWhvcml6b250YWwtcGFkZGluZyk7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cblxuICBwcmUge1xuICAgIG1hcmdpbi10b3A6IDA7XG5cbiAgICAuaGstY29kZWJsb2NrLXJlc3VsdC1jb2RlIHtcbiAgICAgIGNvbG9yOiB2YXIoLS1oay1jb2RlYmxvY2stcmVzdWx0LXRleHQtY29sb3IpO1xuICAgIH1cbiAgfVxufSJdLAogICJtYXBwaW5ncyI6ICI7QUFBQTtBQW9CRTtBQUNBO0FBQ0E7O0FBckJBO0FBRUU7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQU9GO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7O0FBT0o7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTs7QUFHRjtBQUNFOztBQU1GO0FBQ0U7QUFDQTs7QUFFQTtBQUNFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0U7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0U7O0FBR0Y7QUFDRTs7QUFPTjtBQUNFOztBQUlJO0FBQ0U7O0FBR0Y7QUFDRTs7QUFNUjtBQUNFOztBQVFGO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0U7QUFDQTs7QUFTSjtBQUNFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNFOztBQVNKO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBR0Y7QUFDRTs7QUFRRjtBQUNFOztBQVFGO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQU1OO0FBQ0U7QUFDQTtBQUNBOztBQUVBO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFHRjtBQUNFOztBQUVBO0FBQ0U7OyIsCiAgIm5hbWVzIjogW10KfQo= */ +/*# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vc3JjL3N0eWxlcy5zY3NzIl0sCiAgInNvdXJjZXNDb250ZW50IjogWyIuaGstY29kZWJsb2NrIHtcbiAgJiB7XG4gICAgLy8gdmFyaWFibGVzXG4gICAgLS1oay1jb2RlYmxvY2stbWFyZ2luOiAxZW07XG4gICAgLS1oay1jb2RlYmxvY2staG9yaXpvbnRhbC1wYWRkaW5nOiAxNnB4O1xuICAgIC0taGstY29kZWJsb2NrLXZlcnRpY2FsLXBhZGRpbmc6IDhweDtcbiAgICAtLWhrLWNvZGVibG9jay1iYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2RlLWJhY2tncm91bmQpO1xuICAgIC0taGstY29kZWJsb2NrLWJvcmRlci1jb2xvcjogdmFyKC0tZGl2aWRlci1jb2xvcik7IC8vIGFwcGxpZWQgdG8gdGl0bGUsIGxpbmVub3MsIGFuZCByZXN1bHRcbiAgICAtLWhrLWNvZGVibG9jay1mb250LWZhbWlseTogdmFyKC0tZm9udC1tb25vc3BhY2UpO1xuICAgIC0taGstY29kZWJsb2NrLWZvbnQtc2l6ZTogdmFyKC0tY29kZS1zaXplKTtcbiAgICAtLWhrLWNvZGVibG9jay10ZXh0LWNvbG9yOiB2YXIoLS1jb2RlLW5vcm1hbCk7XG5cbiAgICAtLWhrLWNvZGVibG9jay10aXRsZS10ZXh0LWZvbnQ6IHZhcigtLWhrLWNvZGVibG9jay1mb250LWZhbWlseSk7XG4gICAgLS1oay1jb2RlYmxvY2stdGl0bGUtdGV4dC1jb2xvcjogdmFyKC0taGstY29kZWJsb2NrLXRleHQtY29sb3IpO1xuICAgIC0taGstY29kZWJsb2NrLXRpdGxlLXRleHQtc2l6ZTogdmFyKC0taGstY29kZWJsb2NrLWZvbnQtc2l6ZSk7XG5cbiAgICAtLWhrLWNvZGVibG9jay1saW5lbm9zLXRleHQtZm9udDogdmFyKC0taGstY29kZWJsb2NrLWZvbnQtZmFtaWx5KTtcbiAgICAtLWhrLWNvZGVibG9jay1saW5lbm9zLXRleHQtY29sb3I6IHZhcigtLWhrLWNvZGVibG9jay10ZXh0LWNvbG9yKTtcbiAgICAtLWhrLWNvZGVibG9jay1saW5lbm9zLXRleHQtc2l6ZTogdmFyKC0taGstY29kZWJsb2NrLWZvbnQtc2l6ZSk7XG5cbiAgICAtLWhrLWNvZGVibG9jay1sYW5ndWFnZS10ZXh0LWZvbnQ6IHZhcigtLWhrLWNvZGVibG9jay1mb250LWZhbWlseSk7IFxuICAgIC0taGstY29kZWJsb2NrLWxhbmd1YWdlLXRleHQtY29sb3I6IHZhcigtLWhrLWNvZGVibG9jay10ZXh0LWNvbG9yKTsgXG4gICAgLS1oay1jb2RlYmxvY2stbGFuZ3VhZ2UtdGV4dC1zaXplOiBjYWxjKHZhcigtLWhrLWNvZGVibG9jay1mb250LXNpemUpICogMC45KTtcblxuICAgIC0taGstY29kZWJsb2NrLWNvcHktYnRuLXRleHQtZm9udDogdmFyKC0taGstY29kZWJsb2NrLWZvbnQtZmFtaWx5KTtcbiAgICAtLWhrLWNvZGVibG9jay1jb3B5LWJ0bi10ZXh0LWNvbG9yOiB2YXIoLS1oay1jb2RlYmxvY2stdGV4dC1jb2xvcik7XG4gICAgLS1oay1jb2RlYmxvY2stY29weS1idG4tdGV4dC1zaXplOiBjYWxjKHZhcigtLWhrLWNvZGVibG9jay1mb250LXNpemUpICogMC45KTtcblxuICAgIC0taGstY29kZWJsb2NrLXByb21wdC10ZXh0LWZvbnQ6IHZhcigtLWhrLWNvZGVibG9jay1mb250LWZhbWlseSk7XG4gICAgLS1oay1jb2RlYmxvY2stcHJvbXB0LXRleHQtY29sb3I6IHZhcigtLWhrLWNvZGVibG9jay10ZXh0LWNvbG9yKTtcbiAgICAtLWhrLWNvZGVibG9jay1wcm9tcHQtdGV4dC1zaXplOiB2YXIoLS1oay1jb2RlYmxvY2stZm9udC1zaXplKTtcblxuICAgIC0taGstY29kZWJsb2NrLXJlc3VsdC10ZXh0LWZvbnQ6IHZhcigtLWhrLWNvZGVibG9jay1mb250LWZhbWlseSk7XG4gICAgLS1oay1jb2RlYmxvY2stcmVzdWx0LXRleHQtY29sb3I6IHZhcigtLWhrLWNvZGVibG9jay10ZXh0LWNvbG9yKTtcbiAgICAtLWhrLWNvZGVibG9jay1yZXN1bHQtdGV4dC1zaXplOiB2YXIoLS1oay1jb2RlYmxvY2stZm9udC1zaXplKTtcbiAgfVxuXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBtYXJnaW46IHtcbiAgICB0b3A6IHZhcigtLWhrLWNvZGVibG9jay1tYXJnaW4pO1xuICAgIGJvdHRvbTogdmFyKC0taGstY29kZWJsb2NrLW1hcmdpbik7XG4gIH1cblxuICBwcmUge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBib3JkZXItcmFkaXVzOiBpbml0aWFsO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBtYXJnaW46IDA7XG4gICAgbWluLWhlaWdodDogMDtcblxuICAgIHBhZGRpbmc6IHtcbiAgICAgIHRvcDogdmFyKC0taGstY29kZWJsb2NrLXZlcnRpY2FsLXBhZGRpbmcpO1xuICAgICAgYm90dG9tOiB2YXIoLS1oay1jb2RlYmxvY2stdmVydGljYWwtcGFkZGluZyk7XG4gICAgICBsZWZ0OiB2YXIoLS1oay1jb2RlYmxvY2staG9yaXpvbnRhbC1wYWRkaW5nKTtcbiAgICAgIHJpZ2h0OiB2YXIoLS1oay1jb2RlYmxvY2staG9yaXpvbnRhbC1wYWRkaW5nKTtcbiAgICB9XG5cbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1oay1jb2RlYmxvY2stYmFja2dyb3VuZC1jb2xvcik7XG4gICAgZm9udC1mYW1pbHk6IHZhcigtLWhrLWNvZGVibG9jay1mb250LWZhbWlseSk7XG4gICAgY29sb3I6IHZhcigtLWhrLWNvZGVibG9jay10ZXh0LWNvbG9yKTtcbiAgICAvL2ZvbnQtc2l6ZTogdmFyKC0taGstY29kZWJsb2NrLWZvbnQtc2l6ZSk7IC8vIGlmIHRoZSBzaXplIGlzIHByb3ZpZGVkIHdpdGggdGhlIGVtIHVuaXQsIHRoaXMgY2FuIGNhdXNlIHRleHQgYmVpbmcgdG9vIHNtYWxsXG5cbiAgICBjb2RlLmhrLWNvZGVibG9jay1jb2RlIHtcbiAgICAgIHdoaXRlLXNwYWNlOiBwcmU7XG4gICAgICBvdmVyZmxvdy14OiBhdXRvO1xuICAgICAgcGFkZGluZzogMDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWhrLWNvZGVibG9jay1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgICAgIGZvbnQtZmFtaWx5OiB2YXIoLS1oay1jb2RlYmxvY2stZm9udC1mYW1pbHkpO1xuICAgICAgY29sb3I6IHZhcigtLWhrLWNvZGVibG9jay10ZXh0LWNvbG9yKTtcbiAgICAgIGZvbnQtc2l6ZTogdmFyKC0taGstY29kZWJsb2NrLWZvbnQtc2l6ZSk7XG4gICAgfVxuICB9XG59XG5cbi8qIHRpdGxlICovXG4uaGstY29kZWJsb2NrLmhrLWNvZGVibG9jay1zaG93LXRpdGxlIHtcbiAgLmhrLWNvZGVibG9jay10aXRsZSB7XG4gICAgcGFkZGluZzoge1xuICAgICAgdG9wOiB2YXIoLS1oay1jb2RlYmxvY2stdmVydGljYWwtcGFkZGluZyk7XG4gICAgICBib3R0b206IHZhcigtLWhrLWNvZGVibG9jay12ZXJ0aWNhbC1wYWRkaW5nKTtcbiAgICAgIGxlZnQ6IHZhcigtLWhrLWNvZGVibG9jay1ob3Jpem9udGFsLXBhZGRpbmcpO1xuICAgICAgcmlnaHQ6IHZhcigtLWhrLWNvZGVibG9jay1ob3Jpem9udGFsLXBhZGRpbmcpO1xuICAgIH1cblxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWhrLWNvZGVibG9jay1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0taGstY29kZWJsb2NrLWJvcmRlci1jb2xvcik7XG4gICAgZm9udC1mYW1pbHk6IHZhcigtLWhrLWNvZGVibG9jay10aXRsZS10ZXh0LWZvbnQpO1xuICAgIGNvbG9yOiB2YXIoLS1oay1jb2RlYmxvY2stdGl0bGUtdGV4dC1jb2xvcik7XG4gICAgZm9udC1zaXplOiB2YXIoLS1oay1jb2RlYmxvY2stdGl0bGUtdGV4dC1zaXplKTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5cbiAgLmhrLWNvZGVibG9jay10aXRsZX5wcmUge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gIH1cbn1cblxuLyogY29sbGFwc2UgKi9cbi5oay1jb2RlYmxvY2suaGstY29kZWJsb2NrLXNob3ctdGl0bGUuaGstY29kZWJsb2NrLWNvbGxhcHNpYmxlIHtcbiAgLmhrLWNvZGVibG9jay10aXRsZSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgIC5oay1jb2RlYmxvY2stY29sbGFwc2UtYnRucyB7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIG1hcmdpbi1yaWdodDogMnB4O1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgdG9wOiAtMXB4O1xuICAgICAgbGVmdDogLTNweDtcblxuICAgICAgLmhrLWNvZGVibG9jay1jb2xsYXBzZS1idG4ge1xuICAgICAgICB3aWR0aDogdmFyKC0taGstY29kZWJsb2NrLXRpdGxlLXRleHQtc2l6ZSk7XG4gICAgICAgIGhlaWdodDogdmFyKC0taGstY29kZWJsb2NrLXRpdGxlLXRleHQtc2l6ZSk7XG5cbiAgICAgICAgZmlsbDogdmFyKC0taGstY29kZWJsb2NrLXRpdGxlLXRleHQtY29sb3IpO1xuICAgICAgICBzdHJva2U6IHZhcigtLWhrLWNvZGVibG9jay10aXRsZS10ZXh0LWNvbG9yKTtcbiAgICAgICAgc3Ryb2tlLXdpZHRoOiAyO1xuICAgICAgICBvcGFjaXR5OiAwLjI7XG5cbiAgICAgICAgJi5oay1jb2RlYmxvY2stY29sbGFwc2VkLWJ0biB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgICYuaGstY29kZWJsb2NrLWV4cGFuZGVkLWJ0biB7XG4gICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgJi5oay1jb2RlYmxvY2stY29sbGFwc2VkIHtcbiAgICAuaGstY29kZWJsb2NrLXRpdGxlIHtcbiAgICAgIGJvcmRlci1ib3R0b206IG5vbmU7XG5cbiAgICAgIC5oay1jb2RlYmxvY2stY29sbGFwc2UtYnRucyB7XG4gICAgICAgIC5oay1jb2RlYmxvY2stY29sbGFwc2UtYnRuIHtcbiAgICAgICAgICAmLmhrLWNvZGVibG9jay1jb2xsYXBzZWQtYnRuIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAmLmhrLWNvZGVibG9jay1leHBhbmRlZC1idG4ge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICBwcmUge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cbn1cblxuLyogbGluZW5vcyAqL1xuLmhrLWNvZGVibG9jay5oay1jb2RlYmxvY2stc2hvdy1saW5lbm9zIHtcbiAgcHJlIHtcbiAgICAuaGstY29kZWJsb2NrLWxpbmVub3Mge1xuICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgICBmbGV4LWdyb3c6IDA7XG4gICAgICB0ZXh0LWFsaWduOiByaWdodDtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgICBwYWRkaW5nLXJpZ2h0OiAxZW07XG4gICAgICBvcGFjaXR5OiAwLjY7XG4gICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgIHdoaXRlLXNwYWNlOiBwcmU7XG4gICAgICBmb250LWZhbWlseTogdmFyKC0taGstY29kZWJsb2NrLWxpbmVub3MtdGV4dC1mb250KTtcbiAgICAgIGNvbG9yOiB2YXIoLS1oay1jb2RlYmxvY2stbGluZW5vcy10ZXh0LWNvbG9yKTtcbiAgICAgIGZvbnQtc2l6ZTogdmFyKC0taGstY29kZWJsb2NrLWxpbmVub3MtdGV4dC1zaXplKTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICAgICAmLnNob3ctc3BsaXR0ZXIge1xuICAgICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCB2YXIoLS1oay1jb2RlYmxvY2stYm9yZGVyLWNvbG9yKTtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiAxZW07XG4gICAgICB9XG4gICAgfVxuICB9XG59XG5cbi8qIGhpZ2hsaWdodCAqL1xuLmhrLWNvZGVibG9jay5oay1jb2RlYmxvY2stc2hvdy1oaWdobGlnaHQge1xuICBwcmUge1xuICAgIC5oay1jb2RlYmxvY2staGlnaGxpZ2h0IHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAwO1xuICAgICAgbGVmdDogMDtcbiAgICAgIHJpZ2h0OiAwO1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICAgICAgcGFkZGluZzoge1xuICAgICAgICB0b3A6IHZhcigtLWhrLWNvZGVibG9jay12ZXJ0aWNhbC1wYWRkaW5nKTtcbiAgICAgICAgYm90dG9tOiB2YXIoLS1oay1jb2RlYmxvY2stdmVydGljYWwtcGFkZGluZyk7XG4gICAgICB9XG5cbiAgICAgIG9wYWNpdHk6IDAuMjtcbiAgICAgIGZvbnQtZmFtaWx5OiB2YXIoLS1oay1jb2RlYmxvY2stbGluZW5vcy10ZXh0LWZvbnQpO1xuICAgICAgZm9udC1zaXplOiB2YXIoLS1oay1jb2RlYmxvY2stbGluZW5vcy10ZXh0LWZvbnQpO1xuICAgICAgY29sb3I6IHZhcigtLWhrLWNvZGVibG9jay1saW5lbm9zLXRleHQtY29sb3IpO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgICAgIC5saW5lLmhpZ2hsaWdodCB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWhrLWNvZGVibG9jay1oaWdobGlnaHQtYmFja2dyb3VuZC1jb2xvcik7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG5cbi8qIGxhbmd1YWdlICovXG4uaGstY29kZWJsb2NrLmhrLWNvZGVibG9jay1zaG93LWxhbmd1YWdlIHtcbiAgcHJlIHtcbiAgICAuaGstY29kZWJsb2NrLWxhbmd1YWdlIHtcbiAgICAgIG9wYWNpdHk6IDAuNDtcbiAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgei1pbmRleDogMTtcbiAgICAgIG1hcmdpbjogNnB4O1xuXG4gICAgICBwYWRkaW5nOiB7XG4gICAgICAgIHRvcDogNnB4O1xuICAgICAgICBib3R0b206IDZweDtcbiAgICAgICAgbGVmdDogOHB4O1xuICAgICAgICByaWdodDogOHB4O1xuICAgICAgfVxuXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICBmb250LWZhbWlseTogdmFyKC0taGstY29kZWJsb2NrLWxhbmd1YWdlLXRleHQtZm9udCk7XG4gICAgICBjb2xvcjogdmFyKC0taGstY29kZWJsb2NrLWxhbmd1YWdlLXRleHQtY29sb3IpO1xuICAgICAgZm9udC1zaXplOiB2YXIoLS1oay1jb2RlYmxvY2stbGFuZ3VhZ2UtdGV4dC1zaXplKTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMDtcbiAgICAgIHJpZ2h0OiAwO1xuICAgIH1cblxuICAgICY6aG92ZXIgLmhrLWNvZGVibG9jay1sYW5ndWFnZSB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxufVxuXG4vKiBjb3B5IGJ1dHRvbiAqL1xuLmhrLWNvZGVibG9jay5oay1jb2RlYmxvY2stc2hvdy1jb3B5YnRuIHtcbiAgcHJlIHtcbiAgICAuY29weS1jb2RlLWJ1dHRvbiB7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAgIG9wYWNpdHk6IDAuNDtcbiAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgei1pbmRleDogMTtcbiAgICAgIG1hcmdpbjogNnB4O1xuXG4gICAgICBwYWRkaW5nOiB7XG4gICAgICAgIHRvcDogNnB4O1xuICAgICAgICBib3R0b206IDZweDtcbiAgICAgICAgbGVmdDogOHB4O1xuICAgICAgICByaWdodDogOHB4O1xuICAgICAgfVxuXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICBmb250LWZhbWlseTogdmFyKC0taGstY29kZWJsb2NrLWNvZGUtYmxvY2stdGV4dC1mb250KTtcbiAgICAgIGNvbG9yOiB2YXIoLS1oay1jb2RlYmxvY2stY29kZS1ibG9jay10ZXh0LWNvbG9yKTtcbiAgICAgIGZvbnQtc2l6ZTogdmFyKC0taGstY29kZWJsb2NrLWNvZGUtYmxvY2stdGV4dC1zaXplKTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMDtcbiAgICAgIHJpZ2h0OiAwO1xuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjEzO1xuICAgICAgfVxuXG4gICAgICAmOmFjdGl2ZSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmYyNjtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cblxuLyogcHJvbXB0ICovXG4uaGstY29kZWJsb2NrLmhrLWNvZGVibG9jay1zaG93LXByb21wdCB7XG4gIHByZSB7XG4gICAgLmhrLWNvZGVibG9jay1wcm9tcHQge1xuICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgICBmbGV4LWdyb3c6IDA7XG4gICAgICB0ZXh0LWFsaWduOiByaWdodDtcblxuICAgICAgcGFkZGluZzoge1xuICAgICAgICB0b3A6IDA7XG4gICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgcmlnaHQ6IDAuOGVtO1xuICAgICAgfVxuXG4gICAgICBvcGFjaXR5OiAwLjY7XG4gICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgIGNvbG9yOiB2YXIoLS1oay1jb2RlYmxvY2stcHJvbXB0LXRleHQtY29sb3IpO1xuICAgICAgd2hpdGUtc3BhY2U6IHByZTtcbiAgICAgIGZvbnQtZmFtaWx5OiB2YXIoLS1oay1jb2RlYmxvY2stcHJvbXB0LXRleHQtZm9udCk7XG4gICAgICBmb250LXNpemU6IHZhcigtLWhrLWNvZGVibG9jay1wcm9tcHQtdGV4dC1zaXplKTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cbiAgfVxufVxuXG4vKiByZXN1bHQgKi9cbi5oay1jb2RlYmxvY2suaGstY29kZWJsb2NrLXJlc3VsdCB7XG4gIG1hcmdpbi10b3A6IGNhbGModmFyKC0taGstY29kZWJsb2NrLW1hcmdpbikgKiAoLTEpKTtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHZhcigtLWhrLWNvZGVibG9jay1ib3JkZXItY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1oay1jb2RlYmxvY2stYmFja2dyb3VuZC1jb2xvcik7XG5cbiAgLmhrLWNvZGVibG9jay1yZXN1bHQtcHJvbXB0IHtcbiAgICBjb2xvcjogdmFyKC0taGstY29kZWJsb2NrLXJlc3VsdC10ZXh0LWNvbG9yKTtcbiAgICBvcGFjaXR5OiAwLjQ7XG4gICAgZm9udC1zaXplOiAwLjhlbTtcblxuICAgIHBhZGRpbmc6IHtcbiAgICAgIHRvcDogdmFyKC0taGstY29kZWJsb2NrLXZlcnRpY2FsLXBhZGRpbmcpO1xuICAgICAgbGVmdDogdmFyKC0taGstY29kZWJsb2NrLWhvcml6b250YWwtcGFkZGluZyk7XG4gICAgICByaWdodDogdmFyKC0taGstY29kZWJsb2NrLWhvcml6b250YWwtcGFkZGluZyk7XG4gICAgfVxuXG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cblxuICBwcmUge1xuICAgIG1hcmdpbi10b3A6IDA7XG5cbiAgICAuaGstY29kZWJsb2NrLXJlc3VsdC1jb2RlIHtcbiAgICAgIGNvbG9yOiB2YXIoLS1oay1jb2RlYmxvY2stcmVzdWx0LXRleHQtY29sb3IpO1xuICAgICAgZm9udC1mYW1pbHk6IHZhcigtLWhrLWNvZGVibG9jay1yZXN1bHQtdGV4dC1mb250KTtcbiAgICAgIGZvbnQtc2l6ZTogdmFyKC0taGstY29kZWJsb2NrLXJlc3VsdC10ZXh0LXNpemUpO1xuICAgIH1cbiAgfVxufSJdLAogICJtYXBwaW5ncyI6ICI7QUFBQTtBQXFDRTtBQUdFO0FBQ0E7O0FBeENGO0FBRUU7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTs7QUFVRjtBQUNFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUdFO0FBQ0E7QUFDQTtBQUNBO0FBR0Y7QUFDQTtBQUNBOztBQUdBO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBT0o7QUFFSTtBQUNBO0FBQ0E7QUFDQTtBQUdGO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUNBO0FBQ0E7O0FBR0Y7QUFDRTs7QUFNRjtBQUNFO0FBQ0E7O0FBRUE7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNFO0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNFOztBQUdGO0FBQ0U7O0FBT047QUFDRTs7QUFJSTtBQUNFOztBQUdGO0FBQ0U7O0FBTVI7QUFDRTs7QUFRRjtBQUNFO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNFO0FBQ0E7O0FBU0o7QUFDRTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFHRTtBQUNBO0FBR0Y7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNFOztBQVNKO0FBQ0U7QUFDQTtBQUNBO0FBQ0E7QUFHRTtBQUNBO0FBQ0E7QUFDQTtBQUdGO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBR0Y7QUFDRTs7QUFRRjtBQUNFO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFHRTtBQUNBO0FBQ0E7QUFDQTtBQUdGO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDRTtBQUNBOztBQUdGO0FBQ0U7QUFDQTs7QUFTSjtBQUNFO0FBQ0E7QUFDQTtBQUdFO0FBQ0E7QUFDQTtBQUNBO0FBR0Y7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBTU47QUFDRTtBQUNBO0FBQ0E7O0FBRUE7QUFDRTtBQUNBO0FBQ0E7QUFHRTtBQUNBO0FBQ0E7QUFHRjtBQUNBOztBQUdGO0FBQ0U7O0FBRUE7QUFDRTtBQUNBO0FBQ0E7OyIsCiAgIm5hbWVzIjogW10KfQo= */ diff --git a/dist/versions.json b/dist/versions.json index 59e005a..5091464 100644 --- a/dist/versions.json +++ b/dist/versions.json @@ -5,5 +5,6 @@ "0.3.0": "1.0.0", "0.3.1": "1.0.0", "0.3.2": "1.0.0", - "0.4.0": "1.0.0" + "0.4.0": "1.0.0", + "0.4.1": "1.0.0" } diff --git a/manifest.json b/manifest.json index 1047ec2..a5a3400 100644 --- a/manifest.json +++ b/manifest.json @@ -1,7 +1,7 @@ { "id": "hk-code-block", "name": "HK Code Block", - "version": "0.4.0", + "version": "0.4.1", "minAppVersion": "1.0.0", "description": "Obsidian plugin developed by Heekang Park; Make code block looking good on reading view", "author": "Heekang Park", diff --git a/package.json b/package.json index a0db316..207d08d 100644 --- a/package.json +++ b/package.json @@ -22,9 +22,9 @@ "@typescript-eslint/parser": "5.29.0", "builtin-modules": "3.3.0", "esbuild": "0.17.3", + "esbuild-sass-plugin": "2.4.5", "obsidian": "latest", "tslib": "2.4.0", - "typescript": "4.7.4", - "esbuild-sass-plugin": "2.4.5" + "typescript": "4.7.4" } } diff --git a/src/styles.scss b/src/styles.scss index c0f14a9..2209689 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -6,38 +6,70 @@ --hk-codeblock-vertical-padding: 8px; --hk-codeblock-background-color: var(--code-background); --hk-codeblock-border-color: var(--divider-color); // applied to title, linenos, and result + --hk-codeblock-font-family: var(--font-monospace); --hk-codeblock-font-size: var(--code-size); - --hk-codeblock-title-text-color: var(--text-normal); - --hk-codeblock-linenos-text-color: var(--code-normal); - --hk-codeblock-linenos-text-font: var(--font-monospace); - --hk-codeblock-language-text-color: var(--text-muted); // same with copy button - --hk-codeblock-language-text-size: var(--font-ui-smaller); // same with copy button - --hk-codeblock-language-text-font: var(--font-interface); // same with copy button - --hk-codeblock-prompt-text-color: var(--code-normal); - --hk-codeblock-prompt-text-font: var(--font-monospace); - --hk-codeblock-result-text-color: var(--text-normal); + --hk-codeblock-text-color: var(--code-normal); + + --hk-codeblock-title-text-font: var(--hk-codeblock-font-family); + --hk-codeblock-title-text-color: var(--hk-codeblock-text-color); + --hk-codeblock-title-text-size: var(--hk-codeblock-font-size); + + --hk-codeblock-linenos-text-font: var(--hk-codeblock-font-family); + --hk-codeblock-linenos-text-color: var(--hk-codeblock-text-color); + --hk-codeblock-linenos-text-size: var(--hk-codeblock-font-size); + + --hk-codeblock-language-text-font: var(--hk-codeblock-font-family); + --hk-codeblock-language-text-color: var(--hk-codeblock-text-color); + --hk-codeblock-language-text-size: calc(var(--hk-codeblock-font-size) * 0.9); + + --hk-codeblock-copy-btn-text-font: var(--hk-codeblock-font-family); + --hk-codeblock-copy-btn-text-color: var(--hk-codeblock-text-color); + --hk-codeblock-copy-btn-text-size: calc(var(--hk-codeblock-font-size) * 0.9); + + --hk-codeblock-prompt-text-font: var(--hk-codeblock-font-family); + --hk-codeblock-prompt-text-color: var(--hk-codeblock-text-color); + --hk-codeblock-prompt-text-size: var(--hk-codeblock-font-size); + + --hk-codeblock-result-text-font: var(--hk-codeblock-font-family); + --hk-codeblock-result-text-color: var(--hk-codeblock-text-color); + --hk-codeblock-result-text-size: var(--hk-codeblock-font-size); } position: relative; - margin-bottom: var(--hk-codeblock-margin); - margin-top: var(--hk-codeblock-margin); + + margin: { + top: var(--hk-codeblock-margin); + bottom: var(--hk-codeblock-margin); + } pre { position: relative; + border-radius: initial; display: flex; flex-direction: row; margin: 0; - padding-top: var(--hk-codeblock-vertical-padding); - padding-bottom: var(--hk-codeblock-vertical-padding); - padding-left: var(--hk-codeblock-horizontal-padding); - padding-right: var(--hk-codeblock-horizontal-padding); + min-height: 0; + + padding: { + top: var(--hk-codeblock-vertical-padding); + bottom: var(--hk-codeblock-vertical-padding); + left: var(--hk-codeblock-horizontal-padding); + right: var(--hk-codeblock-horizontal-padding); + } + background-color: var(--hk-codeblock-background-color); + font-family: var(--hk-codeblock-font-family); + color: var(--hk-codeblock-text-color); + //font-size: var(--hk-codeblock-font-size); // if the size is provided with the em unit, this can cause text being too small code.hk-codeblock-code { white-space: pre; overflow-x: auto; padding: 0; background-color: var(--hk-codeblock-background-color); + font-family: var(--hk-codeblock-font-family); + color: var(--hk-codeblock-text-color); + font-size: var(--hk-codeblock-font-size); } } } @@ -45,13 +77,18 @@ /* title */ .hk-codeblock.hk-codeblock-show-title { .hk-codeblock-title { - padding-left: var(--hk-codeblock-horizontal-padding); - padding-right: var(--hk-codeblock-horizontal-padding); - padding-top: var(--hk-codeblock-vertical-padding); - padding-bottom: var(--hk-codeblock-vertical-padding); + padding: { + top: var(--hk-codeblock-vertical-padding); + bottom: var(--hk-codeblock-vertical-padding); + left: var(--hk-codeblock-horizontal-padding); + right: var(--hk-codeblock-horizontal-padding); + } + background-color: var(--hk-codeblock-background-color); border-bottom: 1px solid var(--hk-codeblock-border-color); + font-family: var(--hk-codeblock-title-text-font); color: var(--hk-codeblock-title-text-color); + font-size: var(--hk-codeblock-title-text-size); display: flex; flex-direction: row; @@ -79,8 +116,8 @@ left: -3px; .hk-codeblock-collapse-btn { - width: 16px; - height: 16px; + width: var(--hk-codeblock-title-text-size); + height: var(--hk-codeblock-title-text-size); fill: var(--hk-codeblock-title-text-color); stroke: var(--hk-codeblock-title-text-color); @@ -132,10 +169,10 @@ padding-right: 1em; opacity: 0.6; user-select: none; - color: var(--hk-codeblock-linenos-text-color); white-space: pre; font-family: var(--hk-codeblock-linenos-text-font); - font-size: var(--hk-codeblock-font-size); + color: var(--hk-codeblock-linenos-text-color); + font-size: var(--hk-codeblock-linenos-text-size); background-color: transparent; &.show-splitter { @@ -159,11 +196,16 @@ bottom: 0; pointer-events: none; user-select: none; - padding-top: var(--hk-codeblock-vertical-padding); - padding-bottom: var(--hk-codeblock-vertical-padding); + + padding: { + top: var(--hk-codeblock-vertical-padding); + bottom: var(--hk-codeblock-vertical-padding); + } + opacity: 0.2; font-family: var(--hk-codeblock-linenos-text-font); - font-size: var(--hk-codeblock-font-size); + font-size: var(--hk-codeblock-linenos-text-font); + color: var(--hk-codeblock-linenos-text-color); background-color: transparent; .line.highlight { @@ -181,12 +223,19 @@ user-select: none; z-index: 1; margin: 6px; - padding: 6px 8px; + + padding: { + top: 6px; + bottom: 6px; + left: 8px; + right: 8px; + } + background-color: transparent; box-shadow: none; + font-family: var(--hk-codeblock-language-text-font); color: var(--hk-codeblock-language-text-color); font-size: var(--hk-codeblock-language-text-size); - font-family: var(--hk-codeblock-language-text-font); position: absolute; top: 0; right: 0; @@ -203,6 +252,37 @@ pre { .copy-code-button { cursor: pointer; + + opacity: 0.4; + user-select: none; + z-index: 1; + margin: 6px; + + padding: { + top: 6px; + bottom: 6px; + left: 8px; + right: 8px; + } + + background-color: transparent; + box-shadow: none; + font-family: var(--hk-codeblock-code-block-text-font); + color: var(--hk-codeblock-code-block-text-color); + font-size: var(--hk-codeblock-code-block-text-size); + position: absolute; + top: 0; + right: 0; + + &:hover { + opacity: 1; + background-color: #ffffff13; + } + + &:active { + opacity: 1; + background-color: #ffffff26; + } } } } @@ -214,14 +294,20 @@ flex-shrink: 0; flex-grow: 0; text-align: right; - padding: 0; - padding-right: 0.8em; + + padding: { + top: 0; + bottom: 0; + left: 0; + right: 0.8em; + } + opacity: 0.6; user-select: none; color: var(--hk-codeblock-prompt-text-color); white-space: pre; font-family: var(--hk-codeblock-prompt-text-font); - font-size: var(--hk-codeblock-font-size); + font-size: var(--hk-codeblock-prompt-text-size); background-color: transparent; } } @@ -237,9 +323,13 @@ color: var(--hk-codeblock-result-text-color); opacity: 0.4; font-size: 0.8em; - padding-top: var(--hk-codeblock-vertical-padding); - padding-left: var(--hk-codeblock-horizontal-padding); - padding-right: var(--hk-codeblock-horizontal-padding); + + padding: { + top: var(--hk-codeblock-vertical-padding); + left: var(--hk-codeblock-horizontal-padding); + right: var(--hk-codeblock-horizontal-padding); + } + user-select: none; pointer-events: none; } @@ -249,6 +339,8 @@ .hk-codeblock-result-code { color: var(--hk-codeblock-result-text-color); + font-family: var(--hk-codeblock-result-text-font); + font-size: var(--hk-codeblock-result-text-size); } } } \ No newline at end of file diff --git a/versions.json b/versions.json index 9112352..5091464 100644 --- a/versions.json +++ b/versions.json @@ -6,4 +6,5 @@ "0.3.1": "1.0.0", "0.3.2": "1.0.0", "0.4.0": "1.0.0", + "0.4.1": "1.0.0" }