chore: stylelint scss

2023-10-07 09:47:17 +08:00 · 2023-10-07 09:47:17 +08:00 · 60711c8b65
parent 8426e8d253
commit 60711c8b65
74 changed files with 737 additions and 233 deletions
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@ -0,0 +1,11 @@
+{
+  "extends": [
+    "stylelint-config-standard-scss",
+    "stylelint-config-recommended-vue/scss"
+  ],
+  "rules": {
+    "no-descending-specificity": null,
+    "alpha-value-notation": "number",
+    "color-function-notation": "legacy"
+  }
+}
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@ -23,6 +23,12 @@
    "yaml"
  ],

+  "stylelint.validate": ["css", "scss", "vue"],
+  "[scss]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "stylelint.vscode-stylelint"
+  },
+
  "cSpell.words": [
    "algoliasearch",
    "beian",
@ -47,9 +53,6 @@
  "files.associations": {
    "*.css": "postcss"
  },
-  // "[scss]": {
-  //   "editor.formatOnSave": true
-  // },
  "svg.preview.background": "editor",
  "typescript.tsdk": "node_modules/typescript/lib",
  "unocss.root": "."
--- a/demo/yun/components/UpyunSupport.vue
+++ b/demo/yun/components/UpyunSupport.vue
--- a/docs/components/ThemeGallery.vue
+++ b/docs/components/ThemeGallery.vue
@ -85,11 +85,13 @@ const filteredThemes = computed(() => {
 .img-wrapper {
  position: relative;
  overflow: hidden;
+
  &:hover {
    .mask {
      transform: translateY(0%);
    }
  }
+
  .mask {
    transform: translateY(-100%);
    transition: transform 0.5s ease-out;
@ -98,7 +100,7 @@ const filteredThemes = computed(() => {
    left: 0;
    width: 100%;
    height: 100%;
-    background-color: rgba($color: #000000, $alpha: 0.6);
+    background-color: rgba($color: #000, $alpha: 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
--- a/package.json
+++ b/package.json
@ -18,7 +18,7 @@
    "blog"
  ],
  "engines": {
-    "node": "^14.18.0 || >=16.0.0"
+    "node": "^18.0.0 || >=20.0.0"
  },
  "scripts": {
    "build": "pnpm run build:valaxy",
@ -37,6 +37,7 @@
    "docs:build": "pnpm -C docs run build",
    "docs:vitepress": "pnpm -C docs run vitepress:dev",
    "lint": "eslint .",
+    "stylelint": "stylelint --fix \"**/*.{scss,vue}\"",
    "prepublishOnly": "npm run build",
    "release": "tsx scripts/release.ts",
    "start": "node packages/valaxy/bin/valaxy.js dev",
@ -47,7 +48,7 @@
    "prepare": "husky install"
  },
  "devDependencies": {
-    "@antfu/eslint-config": "^1.0.0-beta.21",
+    "@antfu/eslint-config": "1.0.0-beta.21",
    "@iconify-json/logos": "^1.1.37",
    "@iconify-json/vscode-icons": "^1.1.28",
    "@microsoft/api-extractor": "^7.38.0",
@ -68,6 +69,9 @@
    "lint-staged": "^14.0.1",
    "prompts": "^2.4.2",
    "rimraf": "^5.0.5",
+    "stylelint": "^15.10.3",
+    "stylelint-config-recommended-vue": "^1.5.0",
+    "stylelint-config-standard-scss": "^11.0.0",
    "tsup": "^7.2.0",
    "tsx": "^3.13.0",
    "typescript": "^5.2.2",
--- a/packages/create-valaxy/template-blog/.vscode/settings.json
+++ b/packages/create-valaxy/template-blog/.vscode/settings.json
@ -8,9 +8,9 @@
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
+  "editor.formatOnSave": false,
  "files.associations": {
    "*.css": "postcss"
  },
-  "editor.formatOnSave": false,
  "svg.preview.background": "editor"
 }
--- a/packages/valaxy-addon-algolia/components/AlgoliaSearchBox.vue
+++ b/packages/valaxy-addon-algolia/components/AlgoliaSearchBox.vue
@ -128,6 +128,7 @@ function getRelativePath(absoluteUrl: string) {
 </template>

 <style lang="scss">
+/* stylelint-disable selector-class-pattern */
 .DocSearch {
  --docsearch-primary-color: var(--va-c-primary);
  --docsearch-highlight-color: var(--docsearch-primary-color);
@ -135,10 +136,8 @@ function getRelativePath(absoluteUrl: string) {
  --docsearch-muted-color: var(--va-c-text-light);
  --docsearch-searchbox-focus-background: transparent;
  --docsearch-searchbox-shadow: none;
-
  --docsearch-key-gradient: transparent;
  --docsearch-key-shadow: none;
-
  --docsearch-modal-background: var(--va-c-bg-light);
  --docsearch-footer-background: var(--va-c-bg);

--- a/packages/valaxy-addon-lightgallery/components/VAPhoto.vue
+++ b/packages/valaxy-addon-lightgallery/components/VAPhoto.vue
@ -33,7 +33,7 @@ const subHtml = computed(() => {
    vertical-align: bottom;
    display: inline-flex;
    border: 0.25rem solid white;
-    box-shadow: 0 8px 10px rgba(#000000, 0.1);
+    box-shadow: 0 8px 10px rgba(#000, 0.1);
    width: 100%;
    height: 10rem;
    object-fit: cover;
--- a/packages/valaxy-theme-press/components/PressAlgoliaSearch.vue
+++ b/packages/valaxy-theme-press/components/PressAlgoliaSearch.vue
@ -44,6 +44,7 @@ const { loaded, load, metaKey } = useAddonAlgolia()
 </template>

 <style>
+/* stylelint-disable selector-class-pattern */
 .DocSearch-Button {
  display: flex;
  justify-content: center;
@ -69,7 +70,7 @@ const { loaded, load, metaKey } = useAddonAlgolia()
  outline: none !important;
 }

-@media (min-width: 768px) {
+@media (width >= 768px) {
  .DocSearch-Button {
    justify-content: flex-start;
    border: 1px solid transparent;
@ -96,7 +97,7 @@ const { loaded, load, metaKey } = useAddonAlgolia()
  width: 16px;
  height: 16px;
  color: var(--va-c-text-1);
-  fill: currentColor;
+  fill: currentcolor;
  transition: color 0.5s;
 }

@ -104,7 +105,7 @@ const { loaded, load, metaKey } = useAddonAlgolia()
  color: var(--va-c-text-1);
 }

-@media (min-width: 768px) {
+@media (width >= 768px) {
  .DocSearch-Button .DocSearch-Search-Icon {
    top: 1px;
    margin-right: 8px;
@ -128,20 +129,20 @@ const { loaded, load, metaKey } = useAddonAlgolia()
  color: var(--va-c-text-1);
 }

-@media (min-width: 768px) {
+@media (width >= 768px) {
  .DocSearch-Button .DocSearch-Button-Placeholder {
    display: inline-block;
  }
 }

 .DocSearch-Button .DocSearch-Button-Keys {
-  /*rtl:ignore*/
+  /* rtl:ignore */
  direction: ltr;
  display: none;
  min-width: auto;
 }

-@media (min-width: 768px) {
+@media (width >= 768px) {
  .DocSearch-Button .DocSearch-Button-Keys {
    display: flex;
    align-items: center;
@ -150,13 +151,15 @@ const { loaded, load, metaKey } = useAddonAlgolia()

 .DocSearch-Button .DocSearch-Button-Key {
  display: block;
-  margin: 2px 0 0 0;
+  margin: 2px 0 0;
  border: 1px solid var(--va-c-divider);
-  /*rtl:begin:ignore*/
+
+  /* rtl:begin:ignore */
  border-right: none;
  border-radius: 4px 0 0 4px;
  padding-left: 6px;
-  /*rtl:end:ignore*/
+
+  /* rtl:end:ignore */
  min-width: 0;
  width: auto;
  height: 22px;
@ -167,13 +170,14 @@ const { loaded, load, metaKey } = useAddonAlgolia()
 }

 .DocSearch-Button .DocSearch-Button-Key + .DocSearch-Button-Key {
-  /*rtl:begin:ignore*/
+  /* rtl:begin:ignore */
  border-right: 1px solid var(--va-c-divider);
  border-left: none;
  border-radius: 0 4px 4px 0;
  padding-left: 2px;
  padding-right: 6px;
-  /*rtl:end:ignore*/
+
+  /* rtl:end:ignore */
 }

 .DocSearch-Button .DocSearch-Button-Key:first-child {
@ -182,7 +186,8 @@ const { loaded, load, metaKey } = useAddonAlgolia()
  color: transparent;
 }

-.DocSearch-Button .DocSearch-Button-Key:first-child:after {
+.DocSearch-Button .DocSearch-Button-Key:first-child::after {
+  /* stylelint-disable-next-line value-keyword-case */
  content: v-bind(metaKey);
  font-size: 12px;
  letter-spacing: normal;
--- a/packages/valaxy-theme-press/components/PressAside.vue
+++ b/packages/valaxy-theme-press/components/PressAside.vue
@ -47,9 +47,7 @@ const app = useAppStore()
  right: 0;
  z-index: var(--pr-z-aside);
  width: var(--va-aside-width);
-
  transform: translateX(100%);
-
  transition: box-shadow var(--va-transition-duration), opacity 0.25s,
  transform var(--va-transition-duration) cubic-bezier(0.19, 1, 0.22, 1);

--- a/packages/valaxy-theme-press/components/PressBackdrop.vue
+++ b/packages/valaxy-theme-press/components/PressBackdrop.vue
@ -13,10 +13,7 @@ defineProps<{
 <style scoped lang="scss">
 .press-backdrop {
  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
  z-index: var(--pr-z-backdrop);
  background: rgba(0, 0, 0, .6);
  transition: opacity 0.5s;
@ -31,7 +28,7 @@ defineProps<{
  }
 }

-@media (min-width: 1280px) {
+@media (width >= 1280px) {
  .press-backdrop {
    display: none;
  }
--- a/packages/valaxy-theme-press/components/PressCategories.vue
+++ b/packages/valaxy-theme-press/components/PressCategories.vue
@ -43,10 +43,11 @@ function getCategoryByName(name: string) {
 .category-list {
  &:first-child {
    .category-list-item {
-      border-top: 0px;
+      border-top: 0;
    }
  }
 }
+
 .post-list-item {
  a {
    color: var(--va-c-text-light);
--- a/packages/valaxy-theme-press/components/PressDocFooterLastUpdated.vue
+++ b/packages/valaxy-theme-press/components/PressDocFooterLastUpdated.vue
@ -28,6 +28,7 @@ const { t } = useI18n()
 </template>

 <style scoped>
+/* stylelint-disable selector-class-pattern */
 .press-lastUpdated {
  line-height: 24px;
  font-size: 14px;
@ -35,7 +36,7 @@ const { t } = useI18n()
  color: var(--va-c-text-light);
 }

-@media (min-width: 640px) {
+@media (width >= 640px) {
  .press-lastUpdated {
    line-height: 32px;
    font-size: 14px;
--- a/packages/valaxy-theme-press/components/PressFooter.vue
+++ b/packages/valaxy-theme-press/components/PressFooter.vue
@ -28,7 +28,7 @@ const { hasSidebar } = useSidebar()
  }
 }

-@media (min-width: 768px) {
+@media (width >= 768px) {
  .pr-footer {
    padding: 32px;
  }
--- a/packages/valaxy-theme-press/components/PressHome.vue
+++ b/packages/valaxy-theme-press/components/PressHome.vue
@ -1,5 +1,9 @@
 <template>
-  <div class="press-home" style="--va-code-mobile-margin-x: 0">
+  <div
+    class="press-home" style="
+
+--va-code-mobile-margin-x: 0"
+  >
    <slot name="home-hero-before" />
    <PressHomeHero />
    <slot name="home-hero-after" />
--- a/packages/valaxy-theme-press/components/PressLocalNav.vue
+++ b/packages/valaxy-theme-press/components/PressLocalNav.vue
@ -95,7 +95,7 @@ const { headers } = useOutline()
  margin-right: 8px;
  width: 16px;
  height: 16px;
-  fill: currentColor;
+  fill: currentcolor;
 }

 .top-link {
--- a/packages/valaxy-theme-press/components/PressLocalNavOutlineDropdown.vue
+++ b/packages/valaxy-theme-press/components/PressLocalNavOutlineDropdown.vue
@ -73,6 +73,7 @@ const { t } = useI18n()
 </template>

 <style scoped>
+/* stylelint-disable selector-class-pattern */
 .VPLocalNavOutlineDropdown {
  padding: 12px 20px 11px;
 }
@ -102,7 +103,7 @@ const { t } = useI18n()
  margin-left: 2px;
  width: 14px;
  height: 14px;
-  fill: currentColor;
+  fill: currentcolor;
 }

 :deep(.outline-link) {
--- a/packages/valaxy-theme-press/components/PressNav.vue
+++ b/packages/valaxy-theme-press/components/PressNav.vue
@ -32,13 +32,8 @@ const classes = computed(() => ({
  z-index: var(--pr-z-nav);
 }

-.pr-Nav.fill-bg {
-  background-color: var(--pr-nav-bg-color);
-}
-
@include screen('md') {
  .press-nav {
-    -webkit-backdrop-filter: saturate(50%) blur(8px);
    backdrop-filter: saturate(50%) blur(8px);
  }
 }
--- a/packages/valaxy-theme-press/components/PressNavBar.vue
+++ b/packages/valaxy-theme-press/components/PressNavBar.vue
@ -70,7 +70,6 @@ const themeConfig = useThemeConfig()
  .pr-navbar.has-sidebar .content {
    margin-right: -32px;
    padding-right: 32px;
-    -webkit-backdrop-filter: saturate(50%) blur(8px);
    backdrop-filter: saturate(50%) blur(8px);
  }

--- a/packages/valaxy-theme-press/components/PressNavBarHamburger.vue
+++ b/packages/valaxy-theme-press/components/PressNavBarHamburger.vue
@ -27,6 +27,8 @@ defineEmits<{
 </template>

 <style scoped>
+/* stylelint-disable selector-class-pattern */
+/* stylelint-disable declaration-block-single-line-max-declarations */
 .pr-NavBarHamburger {
  display: flex;
  justify-content: center;
@ -35,7 +37,7 @@ defineEmits<{
  height: var(--pr-nav-height);
 }

-@media (min-width: 768px) {
+@media (width >= 768px) {
  .pr-NavBarHamburger {
    display: none;
  }
--- a/packages/valaxy-theme-press/components/PressNavBarSearch.vue
+++ b/packages/valaxy-theme-press/components/PressNavBarSearch.vue
@ -20,19 +20,20 @@ const PressAlgoliaSearch = isAlgolia.value
 </template>

 <style>
+/* stylelint-disable selector-class-pattern */
 .VPNavBarSearch {
  display: flex;
  align-items: center;
 }

-@media (min-width: 768px) {
+@media (width >= 768px) {
  .VPNavBarSearch {
    flex-grow: 1;
    padding-left: 24px;
  }
 }

-@media (min-width: 960px) {
+@media (width >= 960px) {
  .VPNavBarSearch {
    padding-left: 32px;
  }
--- a/packages/valaxy-theme-press/components/PressNavBarSocialLinks.vue
+++ b/packages/valaxy-theme-press/components/PressNavBarSocialLinks.vue
@ -17,7 +17,7 @@ const themeConfig = useThemeConfig()
  display: none;
 }

-@media (min-width: 1280px) {
+@media (width >= 1280px) {
  .pr-nav-bar-social-links {
    display: flex;
    align-items: center;
--- a/packages/valaxy-theme-press/components/PressNavItemGroup.vue
+++ b/packages/valaxy-theme-press/components/PressNavItemGroup.vue
@ -61,18 +61,17 @@ const { t } = useI18n()
  position: absolute;
  top: 20px;
  left: 50%;
-
  min-width: 128px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
  transform: translateX(-50%) translateY(calc(var(--pr-nav-height) / 2));
-
  border-radius: 12px;
  padding: 12px;
  border: 1px solid rgba(60, 60, 60, 0.12);
-  background-color: #ffffff;
+  background-color: #fff;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.08);
+
  .dark &{
    background-color: #242424;
  }
--- a/packages/valaxy-theme-press/components/PressNavItemLink.vue
+++ b/packages/valaxy-theme-press/components/PressNavItemLink.vue
@ -37,6 +37,7 @@ const { t } = useI18n()
    color: var(--va-c-brand);
  }
 }
+
 .active{
  color: var(--va-c-brand);
 }
--- a/packages/valaxy-theme-press/components/PressNavScreen.vue
+++ b/packages/valaxy-theme-press/components/PressNavScreen.vue
@ -31,14 +31,14 @@ const { lockBodyScroll, unlockBodyScroll } = useBodyScrollLock(screen)
 </template>

 <style scoped>
+/* stylelint-disable selector-class-pattern */
 .pr-NavScreen {
  position: fixed;
-  top: calc(var(--pr-nav-height) + var(--pr-layout-top-height, 0px) + 1px);
-  /*rtl:ignore*/
-  right: 0;
-  bottom: 0;
-  /*rtl:ignore*/
-  left: 0;
+  inset: calc(var(--pr-nav-height) + var(--pr-layout-top-height, 0px) + 1px) 0 0 0;
+
+  /* rtl:ignore */
+
+  /* rtl:ignore */
  padding: 0 32px;
  width: 100%;
  background-color: var(--pr-nav-screen-bg-color);
@ -67,7 +67,7 @@ const { lockBodyScroll, unlockBodyScroll } = useBodyScrollLock(screen)
  transform: translateY(-8px);
 }

-@media (min-width: 768px) {
+@media (width >= 768px) {
  .pr-NavScreen {
    display: none;
  }
--- a/packages/valaxy-theme-press/components/PressNavScreenMenuGroup.vue
+++ b/packages/valaxy-theme-press/components/PressNavScreenMenuGroup.vue
@ -80,7 +80,7 @@ function toggle() {
 }

 .pr-nav-screen-menu-group.open .button-icon {
-  /*rtl:ignore*/
+  /* rtl:ignore */
  transform: rotate(45deg);
 }

@ -109,7 +109,7 @@ function toggle() {
 }

 .group:first-child {
-  padding-top: 0px;
+  padding-top: 0;
 }

 .group + .group,
--- a/packages/valaxy-theme-press/components/PressSidebar.vue
+++ b/packages/valaxy-theme-press/components/PressSidebar.vue
@ -45,7 +45,6 @@ const { hasSidebar } = useSidebar()

 .press-sidebar {
  position: fixed;
-  top: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
--- a/packages/valaxy-theme-press/components/PressSocialLink.vue
+++ b/packages/valaxy-theme-press/components/PressSocialLink.vue
@ -35,6 +35,6 @@ defineProps<{
 .pr-social-link > :deep(svg) {
  width: 20px;
  height: 20px;
-  fill: currentColor;
+  fill: currentcolor;
 }
 </style>
--- a/packages/valaxy-theme-press/components/PressSwitchAppearance.vue
+++ b/packages/valaxy-theme-press/components/PressSwitchAppearance.vue
@ -37,7 +37,7 @@ import { isDark, toggleDark } from 'valaxy'
  width: 18px;
  height: 18px;
  border-radius: 50%;
-  background-color: #ffffff;
+  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.06);
  transition: background-color 0.25s, transform 0.25s;
 }
--- a/packages/valaxy-theme-press/styles/css-vars.scss
+++ b/packages/valaxy-theme-press/styles/css-vars.scss
@ -1,20 +1,14 @@
 :root {
  --pr-c-indigo-lighter: #c9def1;
-}
-
-:root {
  --pr-c-bg: var(--va-c-bg);
-
  --pr-c-text-code: #374562;
  --pr-c-text-1: #213547;
-  --pr-c-text-2: rgba(60, 60, 60, .7);
+  --pr-c-text-2: rgba(60, 60, 60, 0.7);

  // aside
  --pr-aside-text-1: var(--pr-c-text-1);
  --pr-aside-text-2: rgba(60, 60, 60, 0.702);
-
  --pr-aside-divider: rgba(60, 60, 60, 0.122);
-
  --pr-c-divider-light: rgba(60, 60, 60, 0.12);

  // nav
@ -39,7 +33,7 @@
 .dark {
  --pr-c-text-code: var(--pr-c-indigo-lighter);
  --pr-c-text-1: #ffffffde;
-  --pr-c-text-2: rgba(235, 235, 235, .6);
+  --pr-c-text-2: rgba(235, 235, 235, 0.6);

  // aside
  --pr-aside-text-2: #ebebeb99;
--- a/packages/valaxy-theme-press/styles/helper.scss
+++ b/packages/valaxy-theme-press/styles/helper.scss
@ -1,5 +1,6 @@
 .gradient-text {
  background-clip: text;
+  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
 }
@ -17,15 +18,12 @@

 .press-icon-btn {
  cursor: pointer;
-
  display: inline-flex;
  align-items: center;
  justify-content: center;
-
  border: none;
  width: 3rem;
  height: 3rem;
-
  border-radius: 50%;

  div {
--- a/packages/valaxy-theme-press/styles/markdown.scss
+++ b/packages/valaxy-theme-press/styles/markdown.scss
@ -40,7 +40,7 @@
  }

  ul {
-    margin-top: 0em;
+    margin-top: 0;
    margin-bottom: 0.25em;
  }
 }
--- a/packages/valaxy-theme-yun/components/YunAlbumList.vue
+++ b/packages/valaxy-theme-yun/components/YunAlbumList.vue
@ -37,7 +37,7 @@ defineProps<{
        height: 96%;
        border: 0.25rem solid white;
        background-color: #666;
-        box-shadow: 0 5px 10px rgba(#000000, 0.3);
+        box-shadow: 0 5px 10px rgba(#000, 0.3);
        transform: rotate(-3deg);
      }

@ -45,7 +45,7 @@ defineProps<{
        vertical-align: bottom;
        display: inline-flex;
        border: 0.25rem solid white;
-        box-shadow: 0 8px 10px rgba(#000000, 0.3);
+        box-shadow: 0 8px 10px rgba(#000, 0.3);
        padding: 0;
        transform: rotate(2deg);
        width: 100%;
--- a/packages/valaxy-theme-yun/components/YunAside.vue
+++ b/packages/valaxy-theme-yun/components/YunAside.vue
@ -51,9 +51,7 @@ const app = useAppStore()

  // need fixed width
  width: var(--va-sidebar-width, 300px);
-
  transform: translateX(100%);
-
  transition: box-shadow var(--va-transition-duration),
  background-color var(--va-transition-duration), opacity 0.25s,
  transform var(--va-transition-duration) cubic-bezier(0.19, 1, 0.22, 1);
--- a/packages/valaxy-theme-yun/components/YunBackToTop.vue
+++ b/packages/valaxy-theme-yun/components/YunBackToTop.vue
@ -33,9 +33,9 @@ const strokeOffset = computed(() => {
  z-index: var(--yun-z-go-up-btn);
  opacity: 0;
  pointer-events: none;
-
  color: var(--va-c-primary);
  transform: translateX(0) rotate(270deg);
+
  // override yun-icon-btn transition
  transition: transform var(--va-transition-duration), opacity var(--va-transition-duration-fast) !important;

--- a/packages/valaxy-theme-yun/components/YunBg.vue
+++ b/packages/valaxy-theme-yun/components/YunBg.vue
@ -37,14 +37,14 @@ if (typeof themeConfig.value.bg_image.url !== 'undefined') {
  width: 100%;
  height: 100%;
  z-index: -1;
-
  background-image: var(--yun-bg-img);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
+
  // avoid scroll flicker but not compatible with ios
  background-attachment: fixed;
-  animation-name: bgFadeIn;
+  animation-name: bg-fade-in;
  animation-duration: 2s;
  opacity: var(--yun-bg-img-opacity, 1);
 }
@ -56,7 +56,7 @@ if (typeof themeConfig.value.bg_image.url !== 'undefined') {
  }
 }

-@keyframes bgFadeIn {
+@keyframes bg-fade-in {
  from {
    opacity: 0;
  }
--- a/packages/valaxy-theme-yun/components/YunCategories.vue
+++ b/packages/valaxy-theme-yun/components/YunCategories.vue
@ -45,6 +45,7 @@ const collapsable = ref(props.collapsable)
      color: var(--va-c-primary);
    }
  }
+
  .category-name {
    &:hover {
      color: var(--va-c-primary);
--- a/packages/valaxy-theme-yun/components/YunComment.vue
+++ b/packages/valaxy-theme-yun/components/YunComment.vue
@ -31,26 +31,31 @@ const AsyncYunTwikoo = runtimeConfig.value.addons['valaxy-addon-twikoo']
    font-weight: 600;
    margin-bottom: 1rem;
  }
+
  h2 {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 1rem;
  }
+
  h3 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
  }
+
  h4 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
  }
+
  h5 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1rem;
  }
+
  h6 {
    font-size: 0.875rem;
    font-weight: 600;
--- a/packages/valaxy-theme-yun/components/YunFuseSearch.vue
+++ b/packages/valaxy-theme-yun/components/YunFuseSearch.vue
@ -127,15 +127,13 @@ onClickOutside(searchInputRef, () => {
  left: 0;
  width: 100%;
  height: 100%;
-
  backdrop-filter: blur(30px);
+  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(30px);
-
  text-align: center;
  margin: 0;
  z-index: var(--yun-z-search-popup);
  transition: 0.6s;
-
  background-color: var(--va-c-bg-opacity);
 }

@ -177,7 +175,6 @@ onClickOutside(searchInputRef, () => {
  .yun-fuse-result-item {
    // padding: 0.5rem;
    cursor: pointer;
-
    border-top: 1px dashed #ccc;
  }
 }
--- a/packages/valaxy-theme-yun/components/YunGoDown.vue
+++ b/packages/valaxy-theme-yun/components/YunGoDown.vue
@ -7,19 +7,15 @@
 <style lang="scss">
 .go-down {
  cursor: pointer;
-
  display: inline-flex;
  justify-content: center;
  align-items: center;
-
  position: absolute;
  bottom: 1rem;
  z-index: var(--yun-z-go-down);
  animation: float 2s ease-in-out infinite;
-
  font-size: 2.5rem;
  color: var(--va-c-primary);
-
  transition: color var(--va-transition-duration);

  &:hover {
--- a/packages/valaxy-theme-yun/components/YunLoading.vue
+++ b/packages/valaxy-theme-yun/components/YunLoading.vue
@ -21,17 +21,14 @@
@keyframes rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }

  50% {
-    transform: perspective(120px) rotateX(-180deg) rotateY(0deg);
-    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
+    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }

  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
-    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
  }
 }
 </style>
--- a/packages/valaxy-theme-yun/components/YunNotice.vue
+++ b/packages/valaxy-theme-yun/components/YunNotice.vue
@ -15,7 +15,6 @@ defineProps<{
 .yun-notice {
  border: 1px solid var(--va-c-text);
  width: calc(100% - 2rem);
-
  display: flex;
  flex-direction: column;
  justify-content: center;
--- a/packages/valaxy-theme-yun/components/YunOverview.vue
+++ b/packages/valaxy-theme-yun/components/YunOverview.vue
@ -62,7 +62,7 @@ const router = useRouter()
    height: 96px;
    width: 96px;
    max-width: 100%;
-    margin: 0px;
+    margin: 0;
    padding: 4px;
    background-color: white;
    box-shadow: 0 0 10px rgba(black, 0.2);
@ -84,7 +84,6 @@ const router = useRouter()
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  background-color: var(--va-c-bg-light);
-
  border: 1px solid rgba(255, 255, 255, 0.1);
 }

--- a/packages/valaxy-theme-yun/components/YunPostNav.vue
+++ b/packages/valaxy-theme-yun/components/YunPostNav.vue
@ -33,12 +33,9 @@ const [prev, next] = usePrevNext()
    display: inline-flex;
    justify-content: center;
    align-items: center;
-
    color: var(--va-c-primary);
-
    outline: none;
    font-size: 1.5rem;
-
    font-weight: bold;
    text-transform: uppercase;
    height: 3rem;
@ -61,9 +58,7 @@ const [prev, next] = usePrevNext()
  &-prev, &-next {
    display: inline-flex;
    align-items: center;
-
    height: 3rem;
-
    font-size: 1rem;

    .title {
--- a/packages/valaxy-theme-yun/components/YunSearchBtn.vue
+++ b/packages/valaxy-theme-yun/components/YunSearchBtn.vue
@ -31,7 +31,6 @@ function onClick() {
  position: fixed;
  top: 0.6rem;
  right: 0.8rem;
-
  color: var(--va-c-primary);
  z-index: var(--yun-z-search-btn);
 }
--- a/packages/valaxy-theme-yun/components/YunSidebar.vue
+++ b/packages/valaxy-theme-yun/components/YunSidebar.vue
@ -56,10 +56,8 @@ const showOverview = ref(false)
 .sidebar {
  width: calc(100vw - 64px);
  max-width: var(--va-sidebar-width);
-
  background-image: var(--yun-sidebar-bg-img);
  background-position: bottom 1rem center;
-
  transform: translateX(-100%);
  transition: box-shadow var(--va-transition-duration),
    background-color var(--va-transition-duration), opacity 0.25s,
@ -77,7 +75,6 @@ const showOverview = ref(false)

    &.active {
      border: 1px solid var(--va-c-primary);
-
      color: white;
      background-color: var(--va-c-primary);
    }
--- a/packages/valaxy-theme-yun/components/YunSidebarNav.vue
+++ b/packages/valaxy-theme-yun/components/YunSidebarNav.vue
@ -55,9 +55,7 @@ const tags = useTags()
  padding: 0 15px;
  align-items: center;
  border-left: 1px solid get-css-var('c-gray');
-
  flex-direction: column;
-
  color: var(--va-c-text);

  &:first-child, &:last-child {
--- a/packages/valaxy-theme-yun/components/YunSponsor.vue
+++ b/packages/valaxy-theme-yun/components/YunSponsor.vue
@ -42,6 +42,7 @@ const sponsorBtnTitle = computed(() => {

 <style lang="scss">
@use "valaxy/client/styles/mixins/index.scss" as *;
+
 .sponsor-button {
  background-color: rgba(255, 255, 255, 0.1);

@ -49,6 +50,7 @@ const sponsorBtnTitle = computed(() => {
    transform: scale(1.1);
    transition: transform var(--va-transition-duration) ease-in-out;
  }
+
  &:hover {
    background-color: rgba(255, 255, 255, 0.9);

@ -67,7 +69,6 @@ const sponsorBtnTitle = computed(() => {
 .qrcode-container {
  overflow: hidden;
  height: 0;
-
  transition: height var(--va-transition-duration) ease-in-out;

  &.show {
--- a/packages/valaxy-theme-yun/styles/common/button.scss
+++ b/packages/valaxy-theme-yun/styles/common/button.scss
@ -1,17 +1,13 @@
 .yun-icon-btn {
  background-color: transparent;
  cursor: pointer;
-
  display: inline-flex;
  align-items: center;
  justify-content: center;
-
  border: none;
  width: 3rem;
  height: 3rem;
-
  border-radius: 50%;
-
  transition: background-color var(--va-transition-duration);

  div {
--- a/packages/valaxy-theme-yun/styles/common/markdown.scss
+++ b/packages/valaxy-theme-yun/styles/common/markdown.scss
@ -11,6 +11,7 @@
  }
 }

+/* stylelint-disable-next-line no-duplicate-selectors */
 .markdown-body {
  word-wrap: break-word;

@ -26,6 +27,7 @@

  ul {
    list-style: initial;
+
    li > p {
      margin-bottom: 0;
    }
@ -48,12 +50,10 @@

  // alone image
  figure {
-
    figcaption {
      text-align: center;
      font-size: 0.8rem;
      color: var(--va-c-text-2);
-
      margin-bottom: 1rem;
    }
  }
@ -64,11 +64,10 @@
    border-top-width: 0;
    background-color: var(--va-c-text);
  }
-}

-.markdown-body {
+  // lang
  div[class*='language-'].line-numbers-mode {
-    /*rtl:ignore*/
+    /* rtl:ignore */
    padding-left: 32px;
  }

@ -76,10 +75,12 @@
    position: absolute;
    top: 0;
    bottom: 0;
-    /*rtl:ignore*/
+
+    /* rtl:ignore */
    left: 0;
    z-index: 3;
-    /*rtl:ignore*/
+
+    /* rtl:ignore */
    border-right: 1px solid var(--va-code-block-divider-color);
    padding-top: 20px;
    width: 32px;
@ -92,9 +93,8 @@
      border-color 0.5s,
      color 0.5s;
  }
-}

-.markdown-body {
+  // table
  .table-container {
    table {
      thead {
--- a/packages/valaxy-theme-yun/styles/css-vars.scss
+++ b/packages/valaxy-theme-yun/styles/css-vars.scss
@ -1,3 +1,4 @@
+/* stylelint-disable no-duplicate-selectors */
@use "./vars" as *;
@use "valaxy/client/styles/mixins/index.scss" as * with($namespace: "yun");

--- a/packages/valaxy-theme-yun/styles/index.scss
+++ b/packages/valaxy-theme-yun/styles/index.scss
@ -1,6 +1,5 @@
@use "./layout" as *;
@use "./common/button.scss" as *;
-
@forward "star-markdown-css/src/scss/theme/yun.scss" with (
  $colors: (
    "primary": $c-primary,
--- a/packages/valaxy-theme-yun/styles/layout/post.scss
+++ b/packages/valaxy-theme-yun/styles/layout/post.scss
@ -6,7 +6,8 @@
 }

 .post-card-image {
-  @extend .post-card;
+  position: relative;
+  max-width: var(--yun-post-card-max-width);

  @include mobile {
    .post-card-info {
@ -71,12 +72,10 @@
  padding: 0.5rem 1rem;
  color: white;
  font-size: 14px;
-
  margin-top: -0.2rem;
-
  transition: box-shadow var(--va-transition-duration);

-  &:before {
+  &::before {
    content: none;
  }
 }
--- a/packages/valaxy-theme-yun/styles/vars.scss
+++ b/packages/valaxy-theme-yun/styles/vars.scss
@ -4,15 +4,12 @@
 $light: () !default;
 $light: map.merge(
  (
-    "bg-img":
-      url("../assets/images/light/bg-img.jpg"),
+    "bg-img": url("../assets/images/light/bg-img.jpg"),
    "sidebar-bg-color": var(--va-c-bg-light),
-    "sidebar-bg-img":
-      url("../assets/images/light/sidebar-bg-img.webp"),
+    "sidebar-bg-img": url("../assets/images/light/sidebar-bg-img.webp"),
  ),
  $light
 );
-
 $dark: () !default;
 $dark: map.merge(
  (
@ -31,7 +28,6 @@ $common: map.merge(
  ),
  $common
 );
-
 $z-index: () !default;
 $z-index: map.merge(
  (
--- a/packages/valaxy-theme-yun/styles/widgets/banner.scss
+++ b/packages/valaxy-theme-yun/styles/widgets/banner.scss
@ -76,7 +76,6 @@ $char-animation-duration: 0.4s;
  font-size: var(--banner-char-size, 1rem);
  background-color: var(--banner-char-bg-color);
  line-height: 1;
-
  transition: all 0.3s ease-in-out;
  transition-delay: 0s;

@ -94,8 +93,9 @@ $char-animation-duration: 0.4s;

  &-left {
    border-left: 1px solid var(--banner-line-color);
-    border-right: 0px solid rgba(var(--va-c-primary-rgb), 0.1);
-    border-right-width: 0px;
+    /* stylelint-disable-next-line color-function-notation */
+    border-right: 0 solid rgba(var(--va-c-primary-rgb), 0.1);
+    border-right-width: 0;
    animation-name: char-move-left;
    animation-duration: $char-animation-duration;
    animation-delay: var(--line-animation-duration);
@ -104,9 +104,10 @@ $char-animation-duration: 0.4s;
  }

  &-right {
-    border-left: 0px solid rgba(var(--va-c-primary-rgb), 0.1);
+    /* stylelint-disable-next-line color-function-notation */
+    border-left: 0 solid rgba(var(--va-c-primary-rgb), 0.1);
    border-right: 1px solid var(--banner-line-color);
-    border-left-width: 0px;
+    border-left-width: 0;
    animation-name: char-move-right;
    animation-duration: $char-animation-duration;
    animation-delay: var(--line-animation-duration);
@ -138,6 +139,9 @@ $char-animation-duration: 0.4s;

  to {
    opacity: 1;
-    border-left-width: var(--banner-empty-border-size, var(--banner-char-size));
+    border-left-width: var(
+      --banner-empty-border-size,
+      var(--banner-char-size)
+    );
  }
 }
--- a/packages/valaxy-theme-yun/unocss.config.ts
+++ b/packages/valaxy-theme-yun/unocss.config.ts
@ -27,6 +27,7 @@ export default defineConfig({
        serif: 'DM Serif Display',
        mono: 'DM Mono',
      },
+      provider: 'fontshare',
    }),
  ],
 })
--- a/packages/valaxy/client/components/ValaxyCopyright.vue
+++ b/packages/valaxy/client/components/ValaxyCopyright.vue
@ -63,7 +63,6 @@ const licenseHtml = computed(() => {

  &::after {
    pointer-events: none;
-
    position: absolute;
    color: white;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'%3E%3Cpath fill='gray' d='M245.8 214.9l-33.2 17.3c-9.4-19.6-25.2-20-27.4-20-22.2 0-33.3 14.6-33.3 43.9 0 23.5 9.2 43.8 33.3 43.8 14.4 0 24.6-7 30.5-21.3l30.6 15.5a73.2 73.2 0 01-65.1 39c-22.6 0-74-10.3-74-77 0-58.7 43-77 72.6-77 30.8-.1 52.7 11.9 66 35.8zm143 0l-32.7 17.3c-9.5-19.8-25.7-20-27.9-20-22.1 0-33.2 14.6-33.2 43.9 0 23.5 9.2 43.8 33.2 43.8 14.5 0 24.7-7 30.5-21.3l31 15.5c-2 3.8-21.3 39-65 39-22.7 0-74-9.9-74-77 0-58.7 43-77 72.6-77C354 179 376 191 389 214.8zM247.7 8C104.7 8 0 123 0 256c0 138.4 113.6 248 247.6 248C377.5 504 496 403 496 256 496 118 389.4 8 247.6 8zm.8 450.8c-112.5 0-203.7-93-203.7-202.8 0-105.5 85.5-203.3 203.8-203.3A201.7 201.7 0 01451.3 256c0 121.7-99.7 202.9-202.9 202.9z'/%3E%3C/svg%3E");
--- a/packages/valaxy/client/components/ValaxyLogo.vue
+++ b/packages/valaxy/client/components/ValaxyLogo.vue
@ -17,6 +17,7 @@ import valaxyLogoPng from '../assets/images/valaxy-logo.png'
    }
  }
 }
+
 .bg-img {
  border-radius: 50%;
  filter: blur(72px);
--- a/packages/valaxy/client/components/ValaxyMd.vue
+++ b/packages/valaxy/client/components/ValaxyMd.vue
@ -75,6 +75,7 @@ useVanillaLazyLoad()
 </template>

 <style lang="scss">
+/* stylelint-disable selector-class-pattern */
 .medium-zoom-overlay,
 .medium-zoom-image--opened {
  z-index: 999;
--- a/packages/valaxy/client/components/ValaxyOverlay.vue
+++ b/packages/valaxy/client/components/ValaxyOverlay.vue
@ -14,16 +14,12 @@ withDefaults(defineProps<{

 <style lang="scss">
@use "sass:map";
-
@use "valaxy/client/styles/mixins/index.scss" as *;

 .va-overlay {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
  z-index: calc(var(--va-z-overlay) - 1);
  transition: opacity 0.4s;

--- a/packages/valaxy/client/components/ValaxyPagination.vue
+++ b/packages/valaxy/client/components/ValaxyPagination.vue
@ -90,7 +90,6 @@ function jumpTo(page: number) {
    display: inline-flex;
    justify-content: center;
    align-items: center;
-
    width: 2rem;
    height: 2rem;
    margin: 0;
@ -99,7 +98,6 @@ function jumpTo(page: number) {

  .prev, .next, .page-number {
    cursor: pointer;
-
    color: var(--va-c-text);
    text-decoration: none;
    background-color: var(--page-btn-bg-color);
--- a/packages/valaxy/client/styles/common/code.scss
+++ b/packages/valaxy/client/styles/common/code.scss
@ -18,14 +18,14 @@ html:not(.dark) .vp-code-dark {
  }
 }

-@media (min-width: 640px) {
+@media (width >= 640px) {
  .markdown-body div[class*="language-"] {
    border-radius: 6px;
    margin: 16px 0;
  }
 }

-@media (max-width: 639px) {
+@media (width <= 639px) {
  .markdown-body li div[class*="language-"] {
    border-radius: 6px 0 0 6px;
  }
@ -42,25 +42,19 @@ html:not(.dark) .vp-code-dark {
    background-color: var(--va-code-block-bg);
    overflow-x: auto;
  }
-}

-.markdown-body {
  [class*='language-'] pre,
  [class*='language-'] code {
-    /*rtl:ignore*/
+    /* rtl:ignore */
    direction: ltr;
-    /*rtl:ignore*/
+
+    /* rtl:ignore */
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
-    -moz-tab-size: 4;
-    -o-tab-size: 4;
    tab-size: 4;
-    -webkit-hyphens: none;
-    -moz-hyphens: none;
-    -ms-hyphens: none;
    hyphens: none;
  }

@ -103,11 +97,12 @@ html:not(.dark) .vp-code-dark {

  // copy
  [class*='language-'] > button.copy {
-    /*rtl:ignore*/
+    /* rtl:ignore */
    direction: ltr;
    position: absolute;
    top: 12px;
-    /*rtl:ignore*/
+
+    /* rtl:ignore */
    right: 12px;
    z-index: 3;
    border: 1px solid var(--va-code-copy-code-border-color);
@ -140,7 +135,7 @@ html:not(.dark) .vp-code-dark {
  
  [class*='language-'] > button.copy.copied,
  [class*='language-'] > button.copy:hover.copied {
-    /*rtl:ignore*/
+    /* rtl:ignore */
    border-radius: 0 4px 4px 0;
    background-color: var(--va-code-copy-code-hover-bg);
    background-image: var(--va-icon-copied);
@ -150,13 +145,15 @@ html:not(.dark) .vp-code-dark {
  [class*='language-'] > button.copy:hover.copied::before {
    position: relative;
    top: -1px;
-    /*rtl:ignore*/
+
+    /* rtl:ignore */
    transform: translateX(calc(-100% - 1px));
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--va-code-copy-code-hover-border-color);
-    /*rtl:ignore*/
+
+    /* rtl:ignore */
    border-right: 0;
    border-radius: 4px 0 0 4px;
    padding: 0 10px;
@ -174,7 +171,8 @@ html:not(.dark) .vp-code-dark {
  [class*='language-'] > span.lang {
    position: absolute;
    top: 2px;
-    /*rtl:ignore*/
+
+    /* rtl:ignore */
    right: 8px;
    z-index: 2;
    font-size: 12px;
@ -189,10 +187,8 @@ html:not(.dark) .vp-code-dark {
  [class*='language-'] > button.copy:focus + span.lang {
    opacity: 0;
  }
-}

-// diff
-.markdown-body {
+  // diff
  [class*='language-'] code .diff {
    transition: background-color 0.5s;
    margin: 0 -24px;
--- a/packages/valaxy/client/styles/common/hamburger.scss
+++ b/packages/valaxy/client/styles/common/hamburger.scss
@ -1,3 +1,5 @@
+/* stylelint-disable no-descending-specificity */
+/* stylelint-disable declaration-block-single-line-max-declarations */
@use "sass:math";

 $hamburger-size: 22px;
@ -34,7 +36,6 @@ $hamburger-size: 22px;
 .vt-hamburger-middle,
 .vt-hamburger-bottom {
  left: 0; 
-
  position: absolute;
  width: $hamburger-size;
  height: 2px;
@ -46,10 +47,12 @@ $hamburger-size: 22px;
  top: 0; 
  transform: translateX(0);
 }
+
 .vt-hamburger-middle { 
  top: math.div($hamburger-size - 4px, 2); 
  transform: translateX(math.div(-$hamburger-size, 2)); 
 }
+
 .vt-hamburger-bottom { 
  top: $hamburger-size - 4px; 
  transform: translateX(math.div(-$hamburger-size, 4));
--- a/packages/valaxy/client/styles/common/markdown.scss
+++ b/packages/valaxy/client/styles/common/markdown.scss
@ -51,11 +51,8 @@
    margin: 0;
    border-radius: 8px 8px 0 0;
  }
-}

-
-// header-anchor
-.markdown-body {
+  // header-anchor
  .header-anchor {
    position: absolute;
    top: 0;
@ -70,7 +67,7 @@
      opacity 0.25s;
  }

-  .header-anchor:before {
+  .header-anchor::before {
    content: var(--va-header-anchor-symbol, '#');

    &:hover {
@ -95,7 +92,7 @@
 }


-@media (min-width: 768px) {
+@media (width >= 768px) {
  .markdown-body h1 {
    letter-spacing: -0.02em;
    line-height: 40px;
--- a/packages/valaxy/client/styles/common/scrollbar.scss
+++ b/packages/valaxy/client/styles/common/scrollbar.scss
@ -13,6 +13,7 @@
 ::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: rgba(122, 122, 122, 0.3);
+
  // transition not work

  &:window-inactive {
--- a/packages/valaxy/client/styles/components/code-group.scss
+++ b/packages/valaxy/client/styles/components/code-group.scss
@ -14,7 +14,7 @@
  box-shadow: inset 0 -1px var(--va-code-tab-divider);
 }

-@media (min-width: 640px) {
+@media (width >= 640px) {
  .vp-code-group .tabs {
    margin-right: 0;
    margin-left: 0;
--- a/packages/valaxy/client/styles/components/custom-block.scss
+++ b/packages/valaxy/client/styles/components/custom-block.scss
@ -1,3 +1,4 @@
+/* stylelint-disable no-descending-specificity */
 .custom-block-title {
  margin-bottom: -0.4rem;
  font-weight: 600;
@ -19,26 +20,31 @@
  --va-custom-block-font-size: 14px;
  --va-custom-block-code-font-size: 13px;

+  // info
  --va-custom-block-info-border: transparent;
  --va-custom-block-info-text: var(--va-c-text-1);
  --va-custom-block-info-bg: var(--va-c-default-soft);
  --va-custom-block-info-code-bg: var(--va-c-default-soft);

+  // tip
  --va-custom-block-tip-border: transparent;
  --va-custom-block-tip-text: var(--va-c-text-1);
  --va-custom-block-tip-bg: var(--va-c-brand-soft);
  --va-custom-block-tip-code-bg: var(--va-c-brand-soft);

+  // warning
  --va-custom-block-warning-border: transparent;
  --va-custom-block-warning-text: var(--va-c-text-1);
  --va-custom-block-warning-bg: var(--va-c-warning-soft);
  --va-custom-block-warning-code-bg: var(--va-c-warning-soft);

+  // danger
  --va-custom-block-danger-border: transparent;
  --va-custom-block-danger-text: var(--va-c-text-1);
  --va-custom-block-danger-bg: var(--va-c-danger-soft);
  --va-custom-block-danger-code-bg: var(--va-c-danger-soft);

+  // details
  --va-custom-block-details-border: var(--va-custom-block-info-border);
  --va-custom-block-details-text: var(--va-custom-block-info-text);
  --va-custom-block-details-bg: var(--va-custom-block-info-bg);
@ -149,10 +155,6 @@
  background-color: var(--va-custom-block-details-code-bg);
 }

-.custom-block-title {
-  font-weight: 600;
-}
-
 .custom-block p + p {
  margin: 8px 0;
 }
--- a/packages/valaxy/client/styles/css-vars.scss
+++ b/packages/valaxy/client/styles/css-vars.scss
@ -1,3 +1,4 @@
+/* stylelint-disable no-duplicate-selectors */
@use "sass:map";
@use "./mixins" as *;
@use "./vars" as *;
@ -9,7 +10,6 @@ $c-primary: #0078e7 !default;
    "primary": $c-primary,
  )
 );
-
@use './css-vars/borders.css' as *;
@use './css-vars/palette.css' as *;
@use './css-vars/function.css' as *;
@ -26,6 +26,7 @@ $c-primary: #0078e7 !default;
 :root {
  // palette different with colors
  @include set-css-var-from-map(palette.$palette, "c");
+
  // primary
  @include set-css-var-from-map(palette.$colors, "c");
 }
@ -33,12 +34,14 @@ $c-primary: #0078e7 !default;
 // light
 :root {
  color-scheme: light;
+
  @include set-css-var-from-map(palette.$light);
 }

 // dark
 .dark {
  color-scheme: dark;
+
  @include set-css-var-from-map(palette.$dark);
 }

@ -56,6 +59,7 @@ $c-primary: #0078e7 !default;
  --va-c-text-2: rgba(60, 60, 67, 0.78);
  --va-c-text-3: rgba(60, 60, 67, 0.56);
 }
+
 .dark {
  --va-c-text-1: rgba(255, 255, 245, 0.86);
  --va-c-text-2: rgba(235, 235, 245, 0.6);
@ -67,21 +71,21 @@ $c-primary: #0078e7 !default;
  --va-code-line-height: 1.7;
  --va-code-font-size: 0.875em;

+  // block
  --va-code-block-color: var(--va-c-text-2);
  --va-code-block-bg: var(--va-c-bg-alt);
  --va-code-block-divider-color: var(--va-c-gutter);

+  // line
  --va-code-lang-color: var(--va-c-text-3);
-
  --va-code-line-highlight-color: var(--va-c-default-soft);
  --va-code-line-number-color: var(--va-c-text-3);

+  // diff
  --va-code-line-diff-add-color: var(--va-c-green-soft);
  --va-code-line-diff-add-symbol-color: var(--va-c-green-1);
-
  --va-code-line-diff-remove-color: var(--va-c-red-soft);
  --va-code-line-diff-remove-symbol-color: var(--va-c-red-1);
-
  --va-code-line-warning-color: var(--va-c-yellow-soft);
  --va-code-line-error-color: var(--va-c-red-soft);

--- a/packages/valaxy/client/styles/global/index.scss
+++ b/packages/valaxy/client/styles/global/index.scss
@ -3,7 +3,6 @@ body,
 #app {
  margin: 0;
  padding: 0;
-
  line-height: 2;
 }

--- a/packages/valaxy/client/styles/index.scss
+++ b/packages/valaxy/client/styles/index.scss
@ -13,7 +13,6 @@ $c-primary: #0078e7 !default;
 // common
@use "./common/code.scss" as *;
@use "./common/hamburger.scss" as *;
-
@use "./common/scrollbar.scss" as *;
@use "./common/transition.scss" as *;

--- a/packages/valaxy/client/styles/mixins/variable.scss
+++ b/packages/valaxy/client/styles/mixins/variable.scss
@ -4,12 +4,18 @@
 // join-var-name(('button', 'text-color')) => '--#{namespace}-button-text-color'
@function join-var-name($list) {
  $name: '--' + config.$namespace;
+
  @each $item in $list {
    @if $item != '' {
      $name: $name + '-' + $item;
    }
  }
+
  @return $name;
+
+  
+
+
 }

 // get-css-var('button', 'text-color') => var(--el-button-text-color)
--- a/packages/valaxy/client/styles/palette.scss
+++ b/packages/valaxy/client/styles/palette.scss
@ -1,12 +1,12 @@
@use "sass:map";
@use "sass:meta";
-
@use "./mixins" as *;
+@use "sass:color";

 $palette: () !default;
 $palette: map.merge(
  (
-    "white": #ffffff,
+    "white": #fff,
    "black": #1a1a1a,
    "gray": #8e8e8e,
    "danger": #db2828,
@ -16,14 +16,13 @@ $palette: map.merge(
    "text-light-2": rgba(60, 60, 60, 0.7),
    "text-light-3": rgba(60, 60, 60, 0.33),
    "text-light-4": rgba(60, 60, 60, 0.18),
-    "text-dark-1": rgba(255, 255, 255, 0.87),
-    "text-dark-2": rgba(235, 235, 235, 0.6),
-    "text-dark-3": rgba(235, 235, 235, 0.38),
-    "text-dark-4": rgba(235, 235, 235, 0.18),
+    "text-dark-1": rgba(255 ,255 ,255, 0.87),
+    "text-dark-2": rgba(235 ,235 ,235, 0.6),
+    "text-dark-3": rgba(235 ,235 ,235, 0.38),
+    "text-dark-4": rgba(235 ,235 ,235, 0.18),
  ),
  $palette
 );
-
 $colors: () !default;
 $colors: map.merge(
  (
@ -31,18 +30,15 @@ $colors: map.merge(
  ),
  $colors
 );
-
 $c-primary: map.get($colors, "primary") !default;
-
 $colors: map.merge(
  (
-    "primary-light": lighten($c-primary, 15%),
-    "primary-lighter": lighten($c-primary, 30%),
-    "primary-dark": darken($c-primary, 5%),
+    "primary-light": color.adjust($c-primary, $lightness: 15%),
+    "primary-lighter": color.adjust($c-primary, $lightness: 30%),
+    "primary-dark": color.adjust($c-primary, $lightness: -5%),
  ),
  $colors
 );
-
 $light: () !default;
 $light: map.merge(
  (
@ -53,7 +49,7 @@ $light: map.merge(
    "c-bg": white,
    "c-bg-light": white,
    "c-bg-dark": #fafafa,
-    "c-bg-opacity": rgba(255, 255, 255, 0.8),
+    "c-bg-opacity": rgba(255, 255, 255 , 0.8),

    "c-bg-soft": #f9f9f9,
    "c-bg-alt": #f9f9f9,
@ -64,18 +60,13 @@ $light: map.merge(
    "c-text-lighter": #666,
    "c-text-dark": #111,

-    "c-primary-rgb": #{red($c-primary),
-    green(
-      $c-primary,
-    ),
-    blue($c-primary)},
+    "c-primary-rgb": #{color.red($c-primary), color.green($c-primary), color.blue($c-primary)},

    "c-link": get-css-var("c-primary-dark"),
    "c-divider": rgba(60, 60, 60, 0.2),
  ),
  $light
 );
-
 $dark: () !default;
 $dark: map.merge(
  (
@ -84,7 +75,7 @@ $dark: map.merge(
    "c-bg": #1b1b1f,
    "c-bg-light": #202127,
    "c-bg-dark": #1a1a1a,
-    "c-bg-opacity": rgba(0, 0, 0, 0.8),
+    "c-bg-opacity": rgba(0, 0, 0,  0.8),

    "c-bg-alt": #161618,
    "c-bg-soft": #202127,
--- a/packages/valaxy/client/styles/vars.scss
+++ b/packages/valaxy/client/styles/vars.scss
@ -8,7 +8,6 @@ $common: map.merge(
  ),
  $common
 );
-
 $border: () !default;
 $border: map.merge(
  (
@ -16,7 +15,6 @@ $border: map.merge(
  ),
  $border
 );
-
 $font: () !default;
 $font: map.merge(
  (
@ -27,7 +25,6 @@ $font: map.merge(
  ),
  $font
 );
-
 $transition: () !default;
 $transition: map.merge(
  (
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -9,7 +9,7 @@ importers:
  .:
    devDependencies:
      '@antfu/eslint-config':
-        specifier: ^1.0.0-beta.21
+        specifier: 1.0.0-beta.21
        version: 1.0.0-beta.21(eslint@8.51.0)(typescript@5.2.2)(vitest@0.34.6)
      '@iconify-json/logos':
        specifier: ^1.1.37
@ -71,9 +71,18 @@ importers:
      rimraf:
        specifier: ^5.0.5
        version: 5.0.5
+      stylelint:
+        specifier: ^15.10.3
+        version: 15.10.3(typescript@5.2.2)
+      stylelint-config-recommended-vue:
+        specifier: ^1.5.0
+        version: 1.5.0(postcss-html@1.5.0)(stylelint@15.10.3)
+      stylelint-config-standard-scss:
+        specifier: ^11.0.0
+        version: 11.0.0(postcss@8.4.31)(stylelint@15.10.3)
      tsup:
        specifier: ^7.2.0
-        version: 7.2.0(typescript@5.2.2)
+        version: 7.2.0(postcss@8.4.31)(typescript@5.2.2)
      tsx:
        specifier: ^3.13.0
        version: 3.13.0
@ -177,7 +186,7 @@ importers:
        version: 4.4.11(@types/node@20.8.3)(sass@1.69.0)
      vitepress:
        specifier: 1.0.0-rc.20
-        version: 1.0.0-rc.20(@types/node@20.8.3)(search-insights@2.8.3)
+        version: 1.0.0-rc.20(@types/node@20.8.3)(postcss@8.4.31)(search-insights@2.8.3)
      vue:
        specifier: ^3.3.4
        version: 3.3.4
@ -433,7 +442,7 @@ importers:
        version: 1.5.2
      '@types/yargs':
        specifier: ^17.0.27
-        version: 17.0.27
+        version: 17.0.28
      debug:
        specifier: ^4.3.4
        version: 4.3.4(supports-color@8.1.1)
@ -1878,6 +1887,40 @@ packages:
    dev: true
    optional: true

+  /@csstools/css-parser-algorithms@2.3.2(@csstools/css-tokenizer@2.2.1):
+    resolution: {integrity: sha512-sLYGdAdEY2x7TSw9FtmdaTrh2wFtRJO5VMbBrA8tEqEod7GEggFmxTSK9XqExib3yMuYNcvcTdCZIP6ukdjAIA==}
+    engines: {node: ^14 || ^16 || >=18}
+    peerDependencies:
+      '@csstools/css-tokenizer': ^2.2.1
+    dependencies:
+      '@csstools/css-tokenizer': 2.2.1
+    dev: true
+
+  /@csstools/css-tokenizer@2.2.1:
+    resolution: {integrity: sha512-Zmsf2f/CaEPWEVgw29odOj+WEVoiJy9s9NOv5GgNY9mZ1CZ7394By6wONrONrTsnNDv6F9hR02nvFihrGVGHBg==}
+    engines: {node: ^14 || ^16 || >=18}
+    dev: true
+
+  /@csstools/media-query-list-parser@2.1.5(@csstools/css-parser-algorithms@2.3.2)(@csstools/css-tokenizer@2.2.1):
+    resolution: {integrity: sha512-IxVBdYzR8pYe89JiyXQuYk4aVVoCPhMJkz6ElRwlVysjwURTsTk/bmY/z4FfeRE+CRBMlykPwXEVUg8lThv7AQ==}
+    engines: {node: ^14 || ^16 || >=18}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^2.3.2
+      '@csstools/css-tokenizer': ^2.2.1
+    dependencies:
+      '@csstools/css-parser-algorithms': 2.3.2(@csstools/css-tokenizer@2.2.1)
+      '@csstools/css-tokenizer': 2.2.1
+    dev: true
+
+  /@csstools/selector-specificity@3.0.0(postcss-selector-parser@6.0.13):
+    resolution: {integrity: sha512-hBI9tfBtuPIi885ZsZ32IMEU/5nlZH/KOVYJCOh7gyMxaVLGmLedYqFN6Ui1LXkI8JlC8IsuC0rF0btcRZKd5g==}
+    engines: {node: ^14 || ^16 || >=18}
+    peerDependencies:
+      postcss-selector-parser: ^6.0.13
+    dependencies:
+      postcss-selector-parser: 6.0.13
+    dev: true
+
  /@ctrl/tinycolor@4.0.2:
    resolution: {integrity: sha512-fKQinXE9pJ83J1n+C3rDl2xNLJwfoYNvXLRy5cYZA9hBJJw2q+sbb/AOSNKmLxnTWyNTmy4994dueSwP4opi5g==}
    engines: {node: '>=14'}
@ -3169,8 +3212,8 @@ packages:
    resolution: {integrity: sha512-axdPBuLuEJt0c4yI5OZssC19K2Mq1uKdrfZBzuxLvaztgqUtFYZUNw7lETExPYJR9jdEoIg4mb7RQKRQzOkeGQ==}
    dev: true

-  /@types/yargs@17.0.27:
-    resolution: {integrity: sha512-J+a6bwjDa0ezk5jBUR/iAHH2xm0gIf4YzsS4QINYTQ42bTiz/Szt5ZSLNLyHospoUAQ6EanoD4NztoJBLACHoQ==}
+  /@types/yargs@17.0.28:
+    resolution: {integrity: sha512-N3e3fkS86hNhtk6BEnc0rj3zcehaxx8QWhCROJkqpl5Zaoi7nAic3jH8q94jVD3zu5LGk+PUB6KAiDmimYOEQw==}
    dependencies:
      '@types/yargs-parser': 21.0.1
    dev: true
@ -4090,6 +4133,11 @@ packages:
      is-shared-array-buffer: 1.0.2
    dev: true

+  /arrify@1.0.1:
+    resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
  /asn1@0.2.6:
    resolution: {integrity: sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==}
    dependencies:
@ -4187,6 +4235,10 @@ packages:
  /balanced-match@1.0.2:
    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}

+  /balanced-match@2.0.0:
+    resolution: {integrity: sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==}
+    dev: true
+
  /base64-js@1.5.1:
    resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}

@ -4367,6 +4419,16 @@ packages:
      upper-case: 1.1.3
    dev: false

+  /camelcase-keys@7.0.2:
+    resolution: {integrity: sha512-Rjs1H+A9R+Ig+4E/9oyB66UC5Mj9Xq3N//vcLf2WzgdTi/3gUu3Z9KoqmlrEG4VuuLK8wJHofxzdQXz/knhiYg==}
+    engines: {node: '>=12'}
+    dependencies:
+      camelcase: 6.3.0
+      map-obj: 4.3.0
+      quick-lru: 5.1.1
+      type-fest: 1.4.0
+    dev: true
+
  /camelcase@5.3.1:
    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
    engines: {node: '>=6'}
@ -4375,7 +4437,6 @@ packages:
  /camelcase@6.3.0:
    resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
    engines: {node: '>=10'}
-    dev: false

  /caniuse-lite@1.0.30001546:
    resolution: {integrity: sha512-zvtSJwuQFpewSyRrI3AsftF6rM0X80mZkChIt1spBGEvRglCrjTniXvinc8JKRoqTwXAgvqTImaN9igfSMtUBw==}
@ -4567,6 +4628,10 @@ packages:
  /color-name@1.1.4:
    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}

+  /colord@2.9.3:
+    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
+    dev: true
+
  /colorette@2.0.20:
    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}

@ -4701,6 +4766,22 @@ packages:
      vary: 1.1.2
    dev: true

+  /cosmiconfig@8.3.6(typescript@5.2.2):
+    resolution: {integrity: sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      typescript: '>=4.9.5'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      parse-json: 5.2.0
+      path-type: 4.0.0
+      typescript: 5.2.2
+    dev: true
+
  /critters@0.0.20:
    resolution: {integrity: sha512-CImNRorKOl5d8TWcnAz5n5izQ6HFsvz29k327/ELy6UFcmbiZNOsinaKvzv16WZR0P6etfSWYzE47C4/56B3Uw==}
    dependencies:
@ -4734,6 +4815,11 @@ packages:
    engines: {node: '>=8'}
    dev: true

+  /css-functions-list@3.2.0:
+    resolution: {integrity: sha512-d/jBMPyYybkkLVypgtGv12R+pIFw4/f/IHtCTxWpZc8ofTYOPigIgmA6vu5rMHartZC+WuXhBUHfnyNUIQSYrg==}
+    engines: {node: '>=12.22'}
+    dev: true
+
  /css-i18n@0.0.2:
    resolution: {integrity: sha512-pz6FSzr/WmCcm3djBF/fdnFDeW1lthu00U+eKlzKOHAnc60/+DOyXO7/9Ko3N8XS3Dtvhtfhm5KmQ7Lr55JGRA==}
    dev: false
@ -4754,7 +4840,6 @@ packages:
    dependencies:
      mdn-data: 2.0.30
      source-map-js: 1.0.2
-    dev: false

  /css-what@6.1.0:
    resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
@ -4903,10 +4988,22 @@ packages:
      ms: 2.1.2
      supports-color: 8.1.1

+  /decamelize-keys@1.1.1:
+    resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      decamelize: 1.2.0
+      map-obj: 1.0.1
+    dev: true
+
  /decamelize@1.2.0:
    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
    engines: {node: '>=0.10.0'}
-    dev: false
+
+  /decamelize@5.0.1:
+    resolution: {integrity: sha512-VfxadyCECXgQlkoEAjeghAr5gY3Hf+IKjKb+X8tGVDtveCjN+USwprd2q3QXBR9T1+x2DG0XZF5/w+7HAtSaXA==}
+    engines: {node: '>=10'}
+    dev: true

  /decimal.js@10.4.3:
    resolution: {integrity: sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==}
@ -5051,11 +5148,9 @@ packages:
      domelementtype: 2.3.0
      domhandler: 5.0.3
      entities: 4.5.0
-    dev: false

  /domelementtype@2.3.0:
    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
-    dev: false

  /domexception@4.0.0:
    resolution: {integrity: sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==}
@ -5069,7 +5164,6 @@ packages:
    engines: {node: '>= 4'}
    dependencies:
      domelementtype: 2.3.0
-    dev: false

  /domutils@3.1.0:
    resolution: {integrity: sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==}
@ -5077,7 +5171,6 @@ packages:
      dom-serializer: 2.0.0
      domelementtype: 2.3.0
      domhandler: 5.0.3
-    dev: false

  /duplexer@0.1.2:
    resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==}
@ -5148,7 +5241,6 @@ packages:
  /entities@4.5.0:
    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
    engines: {node: '>=0.12'}
-    dev: false

  /error-ex@1.3.2:
    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
@ -5898,6 +5990,11 @@ packages:
    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
    dev: true

+  /fastest-levenshtein@1.0.16:
+    resolution: {integrity: sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==}
+    engines: {node: '>= 4.9.1'}
+    dev: true
+
  /fastq@1.15.0:
    resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
    dependencies:
@ -6249,6 +6346,22 @@ packages:
    dependencies:
      ini: 2.0.0

+  /global-modules@2.0.0:
+    resolution: {integrity: sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==}
+    engines: {node: '>=6'}
+    dependencies:
+      global-prefix: 3.0.0
+    dev: true
+
+  /global-prefix@3.0.0:
+    resolution: {integrity: sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==}
+    engines: {node: '>=6'}
+    dependencies:
+      ini: 1.3.8
+      kind-of: 6.0.3
+      which: 1.3.1
+    dev: true
+
  /globals@11.12.0:
    resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
    engines: {node: '>=4'}
@ -6291,6 +6404,10 @@ packages:
      slash: 4.0.0
    dev: true

+  /globjoin@0.1.4:
+    resolution: {integrity: sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==}
+    dev: true
+
  /gopd@1.0.1:
    resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
    dependencies:
@ -6323,6 +6440,11 @@ packages:
    resolution: {integrity: sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==}
    dev: true

+  /hard-rejection@2.1.0:
+    resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==}
+    engines: {node: '>=6'}
+    dev: true
+
  /has-bigints@1.0.2:
    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}

@ -6369,6 +6491,13 @@ packages:
    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
    dev: true

+  /hosted-git-info@4.1.0:
+    resolution: {integrity: sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==}
+    engines: {node: '>=10'}
+    dependencies:
+      lru-cache: 6.0.0
+    dev: true
+
  /hpack.js@2.1.6:
    resolution: {integrity: sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==}
    dependencies:
@ -6399,6 +6528,11 @@ packages:
      uglify-js: 3.17.4
    dev: false

+  /html-tags@3.3.1:
+    resolution: {integrity: sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==}
+    engines: {node: '>=8'}
+    dev: true
+
  /html-to-text@9.0.5:
    resolution: {integrity: sha512-qY60FjREgVZL03vJU6IfMV4GDjGBIoOyvuFdpBDIX9yTlDw0TjxVBQp+P8NvpdIXNJvfWBTNul7fsAQJq2FNpg==}
    engines: {node: '>=14'}
@ -6423,7 +6557,6 @@ packages:
      domhandler: 5.0.3
      domutils: 3.1.0
      entities: 4.5.0
-    dev: false

  /http-deceiver@1.2.7:
    resolution: {integrity: sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==}
@ -6564,6 +6697,11 @@ packages:
    engines: {node: '>=8'}
    dev: true

+  /indent-string@5.0.0:
+    resolution: {integrity: sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==}
+    engines: {node: '>=12'}
+    dev: true
+
  /inflight@1.0.6:
    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
    dependencies:
@ -6574,6 +6712,10 @@ packages:
  /inherits@2.0.4:
    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}

+  /ini@1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+    dev: true
+
  /ini@2.0.0:
    resolution: {integrity: sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==}
    engines: {node: '>=10'}
@ -6760,6 +6902,16 @@ packages:
    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
    engines: {node: '>=8'}

+  /is-plain-obj@1.1.0:
+    resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-plain-object@5.0.0:
+    resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
  /is-potential-custom-element-name@1.0.1:
    resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
    dev: false
@ -6914,6 +7066,10 @@ packages:
    requiresBuild: true
    dev: true

+  /js-tokens@8.0.2:
+    resolution: {integrity: sha512-Olnt+V7xYdvGze9YTbGFZIfQXuGV4R3nQwwl8BrtgaPE/wq8UFpUHWuTNc05saowhSr1ZO6tx+V6RjE9D5YQog==}
+    dev: true
+
  /js-yaml@3.14.1:
    resolution: {integrity: sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==}
    hasBin: true
@ -7084,6 +7240,10 @@ packages:
    resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==}
    engines: {node: '>=6'}

+  /known-css-properties@0.28.0:
+    resolution: {integrity: sha512-9pSL5XB4J+ifHP0e0jmmC98OGC1nL8/JjS+fi6mnTlIf//yt/MfVLtKg7S6nCtj/8KTcWX7nRlY0XywoYY1ISQ==}
+    dev: true
+
  /kolorist@1.8.0:
    resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
    dev: false
@ -7239,6 +7399,10 @@ packages:
    resolution: {integrity: sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==}
    dev: true

+  /lodash.truncate@4.4.2:
+    resolution: {integrity: sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==}
+    dev: true
+
  /lodash@4.17.21:
    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}

@ -7331,6 +7495,16 @@ packages:
    dependencies:
      '@jridgewell/sourcemap-codec': 1.4.15

+  /map-obj@1.0.1:
+    resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /map-obj@4.3.0:
+    resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==}
+    engines: {node: '>=8'}
+    dev: true
+
  /map-stream@0.1.0:
    resolution: {integrity: sha512-CkYQrPYZfWnu/DAmVCpTSX/xHpKZ80eKh2lAkyA6AJTef6bW+6JpbQZN5rofum7da+SyN1bi5ctTm+lTfcCW3g==}
    dev: true
@ -7403,6 +7577,10 @@ packages:
    hasBin: true
    dev: false

+  /mathml-tag-names@2.1.3:
+    resolution: {integrity: sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==}
+    dev: true
+
  /mdast-util-from-markdown@0.8.5:
    resolution: {integrity: sha512-2hkTXtYYnr+NubD/g6KGBS/0mFmBcifAsI0yIWRiRo0PjVs6SSOSOdtzbp6kSGnShDN6G5aWZpKQ2lWRy27mWQ==}
    dependencies:
@ -7421,7 +7599,6 @@ packages:

  /mdn-data@2.0.30:
    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
-    dev: false

  /mdurl@1.0.1:
    resolution: {integrity: sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==}
@ -7435,6 +7612,24 @@ packages:
    resolution: {integrity: sha512-CjFVuFq/IfrdqesAXfg+hzlDKu6A2n80ZIq0Kl9kWjoHh9j1N9Uvk5X0/MmN0hOfm5F9YBswlClhcwnmtwz7gA==}
    dev: false

+  /meow@10.1.5:
+    resolution: {integrity: sha512-/d+PQ4GKmGvM9Bee/DPa8z3mXs/pkvJE2KEThngVNOqtmljC6K7NMPxtc2JeZYTmpWb9k/TmxjeL18ez3h7vCw==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      '@types/minimist': 1.2.3
+      camelcase-keys: 7.0.2
+      decamelize: 5.0.1
+      decamelize-keys: 1.1.1
+      hard-rejection: 2.1.0
+      minimist-options: 4.1.0
+      normalize-package-data: 3.0.3
+      read-pkg-up: 8.0.0
+      redent: 4.0.0
+      trim-newlines: 4.1.1
+      type-fest: 1.4.0
+      yargs-parser: 20.2.9
+    dev: true
+
  /merge-descriptors@1.0.1:
    resolution: {integrity: sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==}
    dev: true
@ -7517,6 +7712,15 @@ packages:
    dependencies:
      brace-expansion: 2.0.1

+  /minimist-options@4.1.0:
+    resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==}
+    engines: {node: '>= 6'}
+    dependencies:
+      arrify: 1.0.1
+      is-plain-obj: 1.1.0
+      kind-of: 6.0.3
+    dev: true
+
  /minimist@1.2.8:
    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}

@ -7668,6 +7872,16 @@ packages:
      validate-npm-package-license: 3.0.4
    dev: true

+  /normalize-package-data@3.0.3:
+    resolution: {integrity: sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==}
+    engines: {node: '>=10'}
+    dependencies:
+      hosted-git-info: 4.1.0
+      is-core-module: 2.13.0
+      semver: 7.5.4
+      validate-npm-package-license: 3.0.4
+    dev: true
+
  /normalize-path@3.0.0:
    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
    engines: {node: '>=0.10.0'}
@ -8043,7 +8257,17 @@ packages:
    engines: {node: '>=10.13.0'}
    dev: false

-  /postcss-load-config@4.0.1:
+  /postcss-html@1.5.0:
+    resolution: {integrity: sha512-kCMRWJRHKicpA166kc2lAVUGxDZL324bkj/pVOb6RhjB0Z5Krl7mN0AsVkBhVIRZZirY0lyQXG38HCVaoKVNoA==}
+    engines: {node: ^12 || >=14}
+    dependencies:
+      htmlparser2: 8.0.2
+      js-tokens: 8.0.2
+      postcss: 8.4.31
+      postcss-safe-parser: 6.0.0(postcss@8.4.31)
+    dev: true
+
+  /postcss-load-config@4.0.1(postcss@8.4.31):
    resolution: {integrity: sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==}
    engines: {node: '>= 14'}
    peerDependencies:
@ -8056,9 +8280,36 @@ packages:
        optional: true
    dependencies:
      lilconfig: 2.1.0
+      postcss: 8.4.31
      yaml: 2.3.2
    dev: true

+  /postcss-media-query-parser@0.2.3:
+    resolution: {integrity: sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==}
+    dev: true
+
+  /postcss-resolve-nested-selector@0.1.1:
+    resolution: {integrity: sha512-HvExULSwLqHLgUy1rl3ANIqCsvMS0WHss2UOsXhXnQaZ9VCc2oBvIpXrl00IUFT5ZDITME0o6oiXeiHr2SAIfw==}
+    dev: true
+
+  /postcss-safe-parser@6.0.0(postcss@8.4.31):
+    resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.3.3
+    dependencies:
+      postcss: 8.4.31
+    dev: true
+
+  /postcss-scss@4.0.9(postcss@8.4.31):
+    resolution: {integrity: sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.4.29
+    dependencies:
+      postcss: 8.4.31
+    dev: true
+
  /postcss-selector-parser@6.0.13:
    resolution: {integrity: sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==}
    engines: {node: '>=4'}
@ -8067,6 +8318,10 @@ packages:
      util-deprecate: 1.0.2
    dev: true

+  /postcss-value-parser@4.2.0:
+    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+    dev: true
+
  /postcss@8.4.31:
    resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
    engines: {node: ^10 || ^12 || >=14}
@ -8192,6 +8447,11 @@ packages:
  /queue-microtask@1.2.3:
    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}

+  /quick-lru@5.1.1:
+    resolution: {integrity: sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==}
+    engines: {node: '>=10'}
+    dev: true
+
  /randombytes@2.1.0:
    resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==}
    dependencies:
@ -8226,6 +8486,15 @@ packages:
      type-fest: 0.8.1
    dev: true

+  /read-pkg-up@8.0.0:
+    resolution: {integrity: sha512-snVCqPczksT0HS2EC+SxUndvSzn6LRCwpfSvLrIfR5BKDQQZMaI6jPRC9dYvYFDRAuFEAnkwww8kBBNE/3VvzQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      find-up: 5.0.0
+      read-pkg: 6.0.0
+      type-fest: 1.4.0
+    dev: true
+
  /read-pkg@5.2.0:
    resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==}
    engines: {node: '>=8'}
@ -8236,6 +8505,16 @@ packages:
      type-fest: 0.6.0
    dev: true

+  /read-pkg@6.0.0:
+    resolution: {integrity: sha512-X1Fu3dPuk/8ZLsMhEj5f4wFAF0DWoK7qhGJvgaijocXxBmSToKfbFtqbxMO7bVjNA1dmE5huAzjXj/ey86iw9Q==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@types/normalize-package-data': 2.4.2
+      normalize-package-data: 3.0.3
+      parse-json: 5.2.0
+      type-fest: 1.4.0
+    dev: true
+
  /readable-stream@2.3.8:
    resolution: {integrity: sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==}
    dependencies:
@ -8262,6 +8541,14 @@ packages:
    dependencies:
      picomatch: 2.3.1

+  /redent@4.0.0:
+    resolution: {integrity: sha512-tYkDkVVtYkSVhuQ4zBgfvciymHaeuel+zFKXShfDnFP5SyVEP7qo70Rf1jTOTCx3vGNAbnEi/xFkcfQVMIBWag==}
+    engines: {node: '>=12'}
+    dependencies:
+      indent-string: 5.0.0
+      strip-indent: 4.0.0
+    dev: true
+
  /regenerate-unicode-properties@10.1.1:
    resolution: {integrity: sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==}
    engines: {node: '>=4'}
@ -8985,6 +9272,13 @@ packages:
      min-indent: 1.0.1
    dev: true

+  /strip-indent@4.0.0:
+    resolution: {integrity: sha512-mnVSV2l+Zv6BLpSD/8V87CW/y9EmmbYzGCIavsnsI6/nwn26DwffM/yztm30Z/I2DY9wdS3vXVCMnHDgZaVNoA==}
+    engines: {node: '>=12'}
+    dependencies:
+      min-indent: 1.0.1
+    dev: true
+
  /strip-json-comments@3.1.1:
    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
    engines: {node: '>=8'}
@ -8996,6 +9290,148 @@ packages:
      acorn: 8.10.0
    dev: true

+  /style-search@0.1.0:
+    resolution: {integrity: sha512-Dj1Okke1C3uKKwQcetra4jSuk0DqbzbYtXipzFlFMZtowbF1x7BKJwB9AayVMyFARvU8EDrZdcax4At/452cAg==}
+    dev: true
+
+  /stylelint-config-html@1.1.0(postcss-html@1.5.0)(stylelint@15.10.3):
+    resolution: {integrity: sha512-IZv4IVESjKLumUGi+HWeb7skgO6/g4VMuAYrJdlqQFndgbj6WJAXPhaysvBiXefX79upBdQVumgYcdd17gCpjQ==}
+    engines: {node: ^12 || >=14}
+    peerDependencies:
+      postcss-html: ^1.0.0
+      stylelint: '>=14.0.0'
+    dependencies:
+      postcss-html: 1.5.0
+      stylelint: 15.10.3(typescript@5.2.2)
+    dev: true
+
+  /stylelint-config-recommended-scss@13.0.0(postcss@8.4.31)(stylelint@15.10.3):
+    resolution: {integrity: sha512-7AmMIsHTsuwUQm7I+DD5BGeIgCvqYZ4BpeYJJpb1cUXQwrJAKjA+GBotFZgUEGP8lAM+wmd91ovzOi8xfAyWEw==}
+    peerDependencies:
+      postcss: ^8.3.3
+      stylelint: ^15.10.0
+    peerDependenciesMeta:
+      postcss:
+        optional: true
+    dependencies:
+      postcss: 8.4.31
+      postcss-scss: 4.0.9(postcss@8.4.31)
+      stylelint: 15.10.3(typescript@5.2.2)
+      stylelint-config-recommended: 13.0.0(stylelint@15.10.3)
+      stylelint-scss: 5.2.1(stylelint@15.10.3)
+    dev: true
+
+  /stylelint-config-recommended-vue@1.5.0(postcss-html@1.5.0)(stylelint@15.10.3):
+    resolution: {integrity: sha512-65TAK/clUqkNtkZLcuytoxU0URQYlml+30Nhop7sRkCZ/mtWdXt7T+spPSB3KMKlb+82aEVJ4OrcstyDBdbosg==}
+    engines: {node: ^12 || >=14}
+    peerDependencies:
+      postcss-html: ^1.0.0
+      stylelint: '>=14.0.0'
+    dependencies:
+      postcss-html: 1.5.0
+      semver: 7.5.4
+      stylelint: 15.10.3(typescript@5.2.2)
+      stylelint-config-html: 1.1.0(postcss-html@1.5.0)(stylelint@15.10.3)
+      stylelint-config-recommended: 13.0.0(stylelint@15.10.3)
+    dev: true
+
+  /stylelint-config-recommended@13.0.0(stylelint@15.10.3):
+    resolution: {integrity: sha512-EH+yRj6h3GAe/fRiyaoO2F9l9Tgg50AOFhaszyfov9v6ayXJ1IkSHwTxd7lB48FmOeSGDPLjatjO11fJpmarkQ==}
+    engines: {node: ^14.13.1 || >=16.0.0}
+    peerDependencies:
+      stylelint: ^15.10.0
+    dependencies:
+      stylelint: 15.10.3(typescript@5.2.2)
+    dev: true
+
+  /stylelint-config-standard-scss@11.0.0(postcss@8.4.31)(stylelint@15.10.3):
+    resolution: {integrity: sha512-fGE79NBOLg09a9afqGH/guJulRULCaQWWv4cv1v2bMX92B+fGb0y56WqIguwvFcliPmmUXiAhKrrnXilIeXoHA==}
+    peerDependencies:
+      postcss: ^8.3.3
+      stylelint: ^15.10.0
+    peerDependenciesMeta:
+      postcss:
+        optional: true
+    dependencies:
+      postcss: 8.4.31
+      stylelint: 15.10.3(typescript@5.2.2)
+      stylelint-config-recommended-scss: 13.0.0(postcss@8.4.31)(stylelint@15.10.3)
+      stylelint-config-standard: 34.0.0(stylelint@15.10.3)
+    dev: true
+
+  /stylelint-config-standard@34.0.0(stylelint@15.10.3):
+    resolution: {integrity: sha512-u0VSZnVyW9VSryBG2LSO+OQTjN7zF9XJaAJRX/4EwkmU0R2jYwmBSN10acqZisDitS0CLiEiGjX7+Hrq8TAhfQ==}
+    engines: {node: ^14.13.1 || >=16.0.0}
+    peerDependencies:
+      stylelint: ^15.10.0
+    dependencies:
+      stylelint: 15.10.3(typescript@5.2.2)
+      stylelint-config-recommended: 13.0.0(stylelint@15.10.3)
+    dev: true
+
+  /stylelint-scss@5.2.1(stylelint@15.10.3):
+    resolution: {integrity: sha512-ZoTJUM85/qqpQHfEppjW/St//8s6p9Qsg8deWlYlr56F9iUgC9vXeIDQvH4odkRRJLTLFQzYMALSOFCQ3MDkgw==}
+    peerDependencies:
+      stylelint: ^14.5.1 || ^15.0.0
+    dependencies:
+      known-css-properties: 0.28.0
+      postcss-media-query-parser: 0.2.3
+      postcss-resolve-nested-selector: 0.1.1
+      postcss-selector-parser: 6.0.13
+      postcss-value-parser: 4.2.0
+      stylelint: 15.10.3(typescript@5.2.2)
+    dev: true
+
+  /stylelint@15.10.3(typescript@5.2.2):
+    resolution: {integrity: sha512-aBQMMxYvFzJJwkmg+BUUg3YfPyeuCuKo2f+LOw7yYbU8AZMblibwzp9OV4srHVeQldxvSFdz0/Xu8blq2AesiA==}
+    engines: {node: ^14.13.1 || >=16.0.0}
+    hasBin: true
+    dependencies:
+      '@csstools/css-parser-algorithms': 2.3.2(@csstools/css-tokenizer@2.2.1)
+      '@csstools/css-tokenizer': 2.2.1
+      '@csstools/media-query-list-parser': 2.1.5(@csstools/css-parser-algorithms@2.3.2)(@csstools/css-tokenizer@2.2.1)
+      '@csstools/selector-specificity': 3.0.0(postcss-selector-parser@6.0.13)
+      balanced-match: 2.0.0
+      colord: 2.9.3
+      cosmiconfig: 8.3.6(typescript@5.2.2)
+      css-functions-list: 3.2.0
+      css-tree: 2.3.1
+      debug: 4.3.4(supports-color@8.1.1)
+      fast-glob: 3.3.1
+      fastest-levenshtein: 1.0.16
+      file-entry-cache: 6.0.1
+      global-modules: 2.0.0
+      globby: 11.1.0
+      globjoin: 0.1.4
+      html-tags: 3.3.1
+      ignore: 5.2.4
+      import-lazy: 4.0.0
+      imurmurhash: 0.1.4
+      is-plain-object: 5.0.0
+      known-css-properties: 0.28.0
+      mathml-tag-names: 2.1.3
+      meow: 10.1.5
+      micromatch: 4.0.5
+      normalize-path: 3.0.0
+      picocolors: 1.0.0
+      postcss: 8.4.31
+      postcss-resolve-nested-selector: 0.1.1
+      postcss-safe-parser: 6.0.0(postcss@8.4.31)
+      postcss-selector-parser: 6.0.13
+      postcss-value-parser: 4.2.0
+      resolve-from: 5.0.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      style-search: 0.1.0
+      supports-hyperlinks: 3.0.0
+      svg-tags: 1.0.0
+      table: 6.8.1
+      write-file-atomic: 5.0.1
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
  /sucrase@3.34.0:
    resolution: {integrity: sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==}
    engines: {node: '>=8'}
@ -9029,10 +9465,22 @@ packages:
    dependencies:
      has-flag: 4.0.0

+  /supports-hyperlinks@3.0.0:
+    resolution: {integrity: sha512-QBDPHyPQDRTy9ku4URNGY5Lah8PAaXs6tAAwp55sL5WCsSW7GIfdf6W5ixfziW+t7wh3GVvHyHHyQ1ESsoRvaA==}
+    engines: {node: '>=14.18'}
+    dependencies:
+      has-flag: 4.0.0
+      supports-color: 7.2.0
+    dev: true
+
  /supports-preserve-symlinks-flag@1.0.0:
    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
    engines: {node: '>= 0.4'}

+  /svg-tags@1.0.0:
+    resolution: {integrity: sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==}
+    dev: true
+
  /symbol-tree@3.2.4:
    resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
    dev: false
@ -9041,6 +9489,17 @@ packages:
    resolution: {integrity: sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==}
    dev: true

+  /table@6.8.1:
+    resolution: {integrity: sha512-Y4X9zqrCftUhMeH2EptSSERdVKt/nEdijTOacGD/97EKjhQ/Qs8RTlEGABSJNNN8lac9kheH+af7yAkEWlgneA==}
+    engines: {node: '>=10.0.0'}
+    dependencies:
+      ajv: 8.12.0
+      lodash.truncate: 4.4.2
+      slice-ansi: 4.0.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+    dev: true
+
  /temp-dir@2.0.0:
    resolution: {integrity: sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==}
    engines: {node: '>=8'}
@ -9170,6 +9629,11 @@ packages:
    hasBin: true
    dev: true

+  /trim-newlines@4.1.1:
+    resolution: {integrity: sha512-jRKj0n0jXWo6kh62nA5TEh3+4igKDXLvzBJcPpiizP7oOolUrYIxmVBG9TOtHYFHoddUk6YvAkGeGoSVTXfQXQ==}
+    engines: {node: '>=12'}
+    dev: true
+
  /ts-api-utils@1.0.3(typescript@5.2.2):
    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
    engines: {node: '>=16.13.0'}
@ -9186,7 +9650,7 @@ packages:
  /tslib@2.6.2:
    resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}

-  /tsup@7.2.0(typescript@5.2.2):
+  /tsup@7.2.0(postcss@8.4.31)(typescript@5.2.2):
    resolution: {integrity: sha512-vDHlczXbgUvY3rWvqFEbSqmC1L7woozbzngMqTtL2PGBODTtWlRwGDDawhvWzr5c1QjKe4OAKqJGfE1xeXUvtQ==}
    engines: {node: '>=16.14'}
    hasBin: true
@ -9210,7 +9674,8 @@ packages:
      execa: 5.1.1
      globby: 11.1.0
      joycon: 3.1.1
-      postcss-load-config: 4.0.1
+      postcss: 8.4.31
+      postcss-load-config: 4.0.1(postcss@8.4.31)
      resolve-from: 5.0.0
      rollup: 3.29.4
      source-map: 0.8.0-beta.0
@ -9673,7 +10138,7 @@ packages:
      mlly: 1.4.2
      pathe: 1.1.1
      picocolors: 1.0.0
-      vite: 4.4.11(@types/node@20.8.3)(sass@1.69.0)
+      vite: 4.4.11(@types/node@20.8.3)
    transitivePeerDependencies:
      - '@types/node'
      - less
@ -9806,6 +10271,42 @@ packages:
      - utf-8-validate
    dev: false

+  /vite@4.4.11(@types/node@20.8.3):
+    resolution: {integrity: sha512-ksNZJlkcU9b0lBwAGZGGaZHCMqHsc8OpgtoYhsQ4/I2v5cnpmmmqe5pM4nv/4Hn6G/2GhTdj0DhZh2e+Er1q5A==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': '>= 14'
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      '@types/node': 20.8.3
+      esbuild: 0.18.20
+      postcss: 8.4.31
+      rollup: 3.29.4
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: true
+
  /vite@4.4.11(@types/node@20.8.3)(sass@1.69.0):
    resolution: {integrity: sha512-ksNZJlkcU9b0lBwAGZGGaZHCMqHsc8OpgtoYhsQ4/I2v5cnpmmmqe5pM4nv/4Hn6G/2GhTdj0DhZh2e+Er1q5A==}
    engines: {node: ^14.18.0 || >=16.0.0}
@ -9842,7 +10343,7 @@ packages:
    optionalDependencies:
      fsevents: 2.3.3

-  /vitepress@1.0.0-rc.20(@types/node@20.8.3)(search-insights@2.8.3):
+  /vitepress@1.0.0-rc.20(@types/node@20.8.3)(postcss@8.4.31)(search-insights@2.8.3):
    resolution: {integrity: sha512-CykMUJ8JLxLcGWek0ew3wln4RYbsOd1+0YzXITTpajggpynm2S331TNkJVOkHrMRc6GYe3y4pS40GfgcW0ZwAw==}
    hasBin: true
    peerDependencies:
@ -9863,6 +10364,7 @@ packages:
      focus-trap: 7.5.3
      mark.js: 8.11.1
      minisearch: 6.1.0
+      postcss: 8.4.31
      shiki: 0.14.4
      vite: 4.4.11(@types/node@20.8.3)(sass@1.69.0)
      vue: 3.3.4
@ -9945,7 +10447,7 @@ packages:
      strip-literal: 1.3.0
      tinybench: 2.5.1
      tinypool: 0.7.0
-      vite: 4.4.11(@types/node@20.8.3)(sass@1.69.0)
+      vite: 4.4.11(@types/node@20.8.3)
      vite-node: 0.34.6(@types/node@20.8.3)
      why-is-node-running: 2.2.2
    transitivePeerDependencies:
@ -10146,6 +10648,13 @@ packages:
      gopd: 1.0.1
      has-tostringtag: 1.0.0

+  /which@1.3.1:
+    resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==}
+    hasBin: true
+    dependencies:
+      isexe: 2.0.0
+    dev: true
+
  /which@2.0.2:
    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
    engines: {node: '>= 8'}
@ -10345,6 +10854,14 @@ packages:
    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
    dev: true

+  /write-file-atomic@5.0.1:
+    resolution: {integrity: sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      imurmurhash: 0.1.4
+      signal-exit: 4.1.0
+    dev: true
+
  /ws@8.14.2:
    resolution: {integrity: sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==}
    engines: {node: '>=10.0.0'}
@ -10414,6 +10931,11 @@ packages:
      decamelize: 1.2.0
    dev: false

+  /yargs-parser@20.2.9:
+    resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==}
+    engines: {node: '>=10'}
+    dev: true
+
  /yargs-parser@21.1.1:
    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
    engines: {node: '>=12'}