updated content
CSS grid CSS custom fonts CSS variables
This commit is contained in:
parent
4888d7e765
commit
4fc0dd20f8
59 changed files with 3409 additions and 2463 deletions
|
@ -1,13 +0,0 @@
|
|||
<template>
|
||||
<blockquote>
|
||||
<slot>YELLO</slot>
|
||||
</blockquote>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "CustomBlockquote"
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
19
docs/.vitepress/theme/custom.css
Normal file → Executable file
19
docs/.vitepress/theme/custom.css
Normal file → Executable file
|
@ -3,8 +3,10 @@
|
|||
--color-primary-light: hsl(11, 100%, 31%);
|
||||
--color-primary-dark: hsl(11, 100%, 75%);
|
||||
/* custom theme */
|
||||
--vp-c-brand: var(--color-primary-light);
|
||||
--vp-c-brand-1: var(--color-primary-light);
|
||||
--vp-c-brand-2: var(--color-primary-light);
|
||||
|
||||
--vp-button-brand-bg: var(--color-primary-light);
|
||||
--vp-button-brand-text: var(--vp-c-bg);
|
||||
--vp-button-brand-hover-text: var(--color-primary-light);
|
||||
--vp-button-brand-active-text: var(--color-primary-light);
|
||||
|
@ -14,31 +16,34 @@
|
|||
--vp-button-brand-hover-border: var(--color-primary-light);
|
||||
--vp-button-brand-active-border: var(--color-primary-light);
|
||||
|
||||
--vp-custom-block-tip-bg: var(--vp-c-bg);
|
||||
/* --vp-custom-block-tip-bg: var(--vp-c-bg);
|
||||
--vp-custom-block-danger-bg: var(--vp-c-bg);
|
||||
--vp-custom-block-info-bg: var(--vp-c-bg);
|
||||
--vp-custom-block-warning-bg: var(--vp-c-bg);
|
||||
--vp-custom-block-tip-text: hsl(161, 96%, 20%);
|
||||
--vp-custom-block-warning-text: hsl(26, 95%, 29%);
|
||||
--vp-custom-block-danger-text: hsl(350, 75%, 38%);
|
||||
--vp-custom-block-danger-text: hsl(350, 75%, 38%); */
|
||||
|
||||
--vp-code-font-size: 0.9375rem;
|
||||
}
|
||||
.dark {
|
||||
--vp-c-brand: var(--color-primary-dark);
|
||||
--vp-c-brand-1: var(--color-primary-dark);
|
||||
--vp-c-brand-2: var(--color-primary-dark);
|
||||
|
||||
--vp-button-brand-bg: var(--color-primary-dark);
|
||||
--vp-button-brand-hover-text: var(--vp-c-dark);
|
||||
--vp-button-brand-active-text: var(--vp-c-dark);
|
||||
--vp-button-brand-border: var(--color-primary-dark);
|
||||
--vp-button-brand-hover-border: var(--color-primary-dark);
|
||||
--vp-button-brand-active-border: var(--color-primary-dark);
|
||||
|
||||
--vp-custom-block-tip-bg: var(--vp-c-bg);
|
||||
/* --vp-custom-block-tip-bg: var(--vp-c-bg);
|
||||
--vp-custom-block-danger-bg: var(--vp-c-bg);
|
||||
--vp-custom-block-info-bg: var(--vp-c-bg);
|
||||
--vp-custom-block-warning-bg: var(--vp-c-bg);
|
||||
--vp-custom-block-tip-text: hsl(161, 78%, 43%);
|
||||
--vp-custom-block-warning-text: hsl(32, 95%, 44%);
|
||||
--vp-custom-block-danger-text: hsl(0, 100%, 76%);
|
||||
--vp-custom-block-danger-text: hsl(0, 100%, 76%); */
|
||||
}
|
||||
|
||||
:where(details summary) {
|
||||
|
@ -46,7 +51,7 @@
|
|||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.prev-next a:hover {
|
||||
|
|
15
docs/.vitepress/theme/index.js
Normal file → Executable file
15
docs/.vitepress/theme/index.js
Normal file → Executable file
|
@ -1,21 +1,6 @@
|
|||
import DefaultTheme from "vitepress/theme";
|
||||
import PageLayout from "./layouts/PageLayout.vue";
|
||||
import "./custom.css";
|
||||
|
||||
const modules = import.meta.globEager("./components/**/*.vue");
|
||||
const components = [];
|
||||
|
||||
for (const path in modules) {
|
||||
components.push(modules[path].default);
|
||||
}
|
||||
|
||||
export default {
|
||||
...DefaultTheme,
|
||||
// Layout: PageLayout,
|
||||
enhanceApp({ app }) {
|
||||
// import all components globally
|
||||
components.forEach(comp => {
|
||||
app.component(comp.name, comp);
|
||||
});
|
||||
}
|
||||
};
|
||||
|
|
0
docs/.vitepress/theme/layouts/PageLayout.vue
Normal file → Executable file
0
docs/.vitepress/theme/layouts/PageLayout.vue
Normal file → Executable file
Loading…
Add table
Add a link
Reference in a new issue