diff --git a/theme/src/client/styles/code.scss b/theme/src/client/styles/code.scss index 43e0fcab..d67795bb 100644 --- a/theme/src/client/styles/code.scss +++ b/theme/src/client/styles/code.scss @@ -203,10 +203,6 @@ div[class*="language-"] { opacity: 1; } -.code-tabs-nav { - margin-bottom: 0; -} - // narrow mobile @media (max-width: 419px) { .plume-content { @@ -214,13 +210,5 @@ div[class*="language-"] { margin: 0.85rem -1.5rem; border-radius: 0; } - - .hint-container div[class*="language-"] { - margin: 0.85rem -1rem 0.85rem -1.25rem; - } - } - - .plume-content .vp-code-tabs-nav { - margin: 0 -1.5rem -0.85rem; } } diff --git a/theme/src/client/styles/md-enhance.scss b/theme/src/client/styles/md-enhance.scss index e02a57c8..2dbde338 100644 --- a/theme/src/client/styles/md-enhance.scss +++ b/theme/src/client/styles/md-enhance.scss @@ -1,3 +1,4 @@ +/* stylelint-disable order/order */ /* stylelint-disable no-descending-specificity */ /* ------------------ Markdown Enhance: Hint Container ------------------ */ @@ -38,6 +39,12 @@ background-color: transparent; } + @media (max-width: 419px) { + div[class*="language-"] { + margin: 0.85rem -0.75rem 0.85rem -1rem; + } + } + &.note { color: var(--vp-c-text-3); border-radius: 0; @@ -129,9 +136,19 @@ /* ------------------ Markdown Enhance: Code Tabs ----------------------- */ .plume-content { + .code-tabs-nav { + margin-bottom: 0; + } + .vp-code-tabs-nav { margin: 0.85rem 0 0; } + + @media (max-width: 419px) { + .vp-code-tabs-nav { + margin: 0 -1.5rem -0.85rem; + } + } } /* -------------------- Markdown Enhance: Code Demo -------------------- */ @@ -200,7 +217,6 @@ } } - /* stylelint-disable-next-line order/order */ @media (max-width: 419px) { .vp-code-demo { margin: 8px -12px; @@ -258,7 +274,6 @@ border: 1px solid var(--vp-c-divider); } - /* stylelint-disable-next-line order/order */ @media (min-width: 419px) { .vp-tabs { margin: 1.5rem 0;