diff --git a/hlx_statics/blocks/code/code.css b/hlx_statics/blocks/code/code.css index 0cc3f08a9..d47e276e4 100644 --- a/hlx_statics/blocks/code/code.css +++ b/hlx_statics/blocks/code/code.css @@ -1,9 +1,15 @@ main div.code-wrapper pre[class*=language-], main div.nested-code-wrapper pre[class*=language-] { border-radius: 4px; + padding-top: 3.5em; +} + +main div.code-wrapper pre[class*=language-] .line-highlight, +main div.nested-code-wrapper pre[class*=language-] .line-highlight { + margin-top: 3.5em; } main div.code-wrapper pre[class*=language-].no-line-numbers .line-highlight, main div.nested-code-wrapper pre[class*=language-].no-line-numbers .line-highlight { transform: translateY(-1.6em); -} \ No newline at end of file +} diff --git a/hlx_statics/blocks/codeblock/codeblock.css b/hlx_statics/blocks/codeblock/codeblock.css index 352b8ed9d..9d9333f87 100644 --- a/hlx_statics/blocks/codeblock/codeblock.css +++ b/hlx_statics/blocks/codeblock/codeblock.css @@ -1,6 +1,11 @@ main div.codeblock-wrapper pre[class*="language-"] { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; + padding-top: 3.5em; +} + +main div.codeblock-wrapper pre[class*="language-"] .line-highlight { + margin-top: 3.5em; } main div.codeblock-wrapper { diff --git a/hlx_statics/blocks/tab/tab.css b/hlx_statics/blocks/tab/tab.css index 69c2d663e..30f3729b1 100644 --- a/hlx_statics/blocks/tab/tab.css +++ b/hlx_statics/blocks/tab/tab.css @@ -32,6 +32,14 @@ main div.tab-wrapper > div:not(.background-color-navy) .tab-button:hover { color: white; } +main div.tab-wrapper div.code-toolbar pre.line-numbers { + padding-top: 3.5em; +} + +main div.tab-wrapper div.code-toolbar pre.line-numbers .line-highlight { + margin-top: 3.5em; +} + main div.tab-wrapper div.code-toolbar>.toolbar>.toolbar-item>button { padding: 12px; height: 32px; @@ -55,7 +63,6 @@ main div.tab-wrapper .line-numbers-rows>span { @media only screen and (max-width: 860px) { main div.tab-wrapper div.code-toolbar>.toolbar>.toolbar-item>button { - padding: 0; height: 25px; right: 0px; } @@ -223,7 +230,7 @@ main div.tab-wrapper div.background-color-navy .code-toolbar pre { background-color: #111a35; border-radius: 2vh; } - + main div.sub-content-wrapper .code-toolbar pre { border-radius: 0%; } @@ -341,4 +348,4 @@ main div.tab-wrapper .tab.vertical.background-color-navy > .content-wrapper { padding: 12px 16px; width: 100%; } -} \ No newline at end of file +}