updated content

CSS grid
CSS custom fonts
CSS variables
This commit is contained in:
nico 2023-12-08 11:07:59 +01:00
parent 4888d7e765
commit 4fc0dd20f8
59 changed files with 3409 additions and 2463 deletions

View file

@ -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
View 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
View 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
View file