Merge branch 'main' into feature/extension-classes
This commit is contained in:
15
docs/gridsome.client.js
Normal file
15
docs/gridsome.client.js
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
export default function (Vue, options, context) {
|
||||||
|
|
||||||
|
context.router.afterEach(to => {
|
||||||
|
if (to.hash) {
|
||||||
|
setTimeout(() => {
|
||||||
|
const element = document.getElementById(to.hash.substr(1))
|
||||||
|
const top = element.offsetTop
|
||||||
|
const offset = parseFloat(getComputedStyle(element).scrollMarginTop)
|
||||||
|
|
||||||
|
window.scrollTo(0, top - offset)
|
||||||
|
}, 0)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
}
|
||||||
@@ -3,7 +3,7 @@
|
|||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
|
|
||||||
&__preview {
|
&__preview {
|
||||||
padding: 1.5rem;
|
padding: 1.25rem;
|
||||||
border-top-left-radius: inherit;
|
border-top-left-radius: inherit;
|
||||||
border-top-right-radius: inherit;
|
border-top-right-radius: inherit;
|
||||||
border-bottom-width: 0;
|
border-bottom-width: 0;
|
||||||
@@ -17,7 +17,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&__tabs {
|
&__tabs {
|
||||||
padding: 1rem 1.5rem 0 1.5rem;
|
padding: 1rem 1.25rem 0 1.25rem;
|
||||||
background-color: rgba($colorBlack, 0.9);
|
background-color: rgba($colorBlack, 0.9);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -54,7 +54,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5rem 1.5rem;
|
padding: 0.5rem 1.25rem;
|
||||||
font-size: 0.85rem;
|
font-size: 0.85rem;
|
||||||
border: 1px solid rgba($colorWhite, 0.1);
|
border: 1px solid rgba($colorWhite, 0.1);
|
||||||
border-bottom-left-radius: inherit;
|
border-bottom-left-radius: inherit;
|
||||||
|
|||||||
@@ -46,7 +46,7 @@ export default {
|
|||||||
border-radius: 0.5rem 0.5rem 0 0;
|
border-radius: 0.5rem 0.5rem 0 0;
|
||||||
|
|
||||||
&__preview {
|
&__preview {
|
||||||
padding: 1.5rem;
|
padding: 1.25rem;
|
||||||
border-top-left-radius: inherit;
|
border-top-left-radius: inherit;
|
||||||
border-top-right-radius: inherit;
|
border-top-right-radius: inherit;
|
||||||
border-bottom-width: 0;
|
border-bottom-width: 0;
|
||||||
@@ -62,7 +62,7 @@ export default {
|
|||||||
.prism-editor-wrapper {
|
.prism-editor-wrapper {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-height: unquote("max(300px, 60vh)");
|
max-height: unquote("max(300px, 60vh)");
|
||||||
padding: 1.5rem;
|
padding: 1.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.prism-editor__container {
|
.prism-editor__container {
|
||||||
|
|||||||
@@ -42,7 +42,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5rem 1.5rem;
|
padding: 0.5rem 1.25rem;
|
||||||
border: 1px solid rgba($colorWhite, 0.1);
|
border: 1px solid rgba($colorWhite, 0.1);
|
||||||
border-bottom-left-radius: inherit;
|
border-bottom-left-radius: inherit;
|
||||||
border-bottom-right-radius: inherit;
|
border-bottom-right-radius: inherit;
|
||||||
@@ -51,7 +51,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&__error {
|
&__error {
|
||||||
padding: 1rem 1.5rem;
|
padding: 1.25rem;
|
||||||
color: $colorRed;
|
color: $colorRed;
|
||||||
background-color: rgba($colorRed, 0.1);
|
background-color: rgba($colorRed, 0.1);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -59,6 +59,10 @@ body {
|
|||||||
color: $colorText;
|
color: $colorText;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
*[id] {
|
||||||
|
scroll-margin-top: 6rem;
|
||||||
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
font: inherit;
|
font: inherit;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|||||||
@@ -44,7 +44,7 @@ pre[class*="language-"] {
|
|||||||
position: relative;
|
position: relative;
|
||||||
color: $colorWhite;
|
color: $colorWhite;
|
||||||
background: $codeBackground;
|
background: $codeBackground;
|
||||||
padding: 1.2rem 1.5rem !important;
|
padding: 1.25rem !important;
|
||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
max-height: unquote("max(300px, 60vh)");
|
max-height: unquote("max(300px, 60vh)");
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -101,7 +101,7 @@
|
|||||||
& + ul {
|
& + ul {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
border: 1px solid rgba($colorWhite, 0.1);
|
border: 1px solid rgba($colorWhite, 0.1);
|
||||||
padding: 1.2rem 1.5rem !important;
|
padding: 1.25rem !important;
|
||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
@@ -225,7 +225,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
> .remark-container {
|
> .remark-container {
|
||||||
padding: 1rem;
|
padding: 1.25rem;
|
||||||
border: 1px solid rgba($colorWhite, 0.1);
|
border: 1px solid rgba($colorWhite, 0.1);
|
||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user