cssx/rspress.config.ts at master · startupjs/cssx · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
import { join } from 'path'
import { defineConfig } from '@rspress/core'

export default defineConfig({
  root: 'docs',
  themeDir: join(__dirname, 'docs-theme'),
  title: 'CSSX',
  description: 'CSS-in-JS with actual CSS',
  // icon: '/favicon.ico',
  // logo: {
  //   light: '/logo-light.png',
  //   dark: '/logo-dark.png'
  // },
  route: {
    cleanUrls: true
  },
  themeConfig: {
    enableContentAnimation: true,
    socialLinks: [
      { icon: 'github', mode: 'link', content: 'https://github.com/startupjs/cssx' }
    ],
    footer: {
      message: '© 2026 StartupJS. All Rights Reserved.'
    },
    hideNavbar: 'auto',
    sidebar: {
      '/': [
        {
          text: 'Guide',
          items: [
            { text: 'Introduction', link: '/guide/' },
            { text: 'Installation', link: '/guide/installation' },
            { text: 'Usage', link: '/guide/usage' },
            { text: 'Component Parts', link: '/guide/component-parts' },
            { text: 'CSS Variables', link: '/guide/variables' },
            { text: 'Animations', link: '/guide/animations' },
            { text: 'Pug Templates', link: '/guide/pug' },
            { text: 'Caching', link: '/guide/caching' }
          ]
        },
        {
          text: 'API',
          items: [
            { text: 'Overview', link: '/api/' },
            { text: 'styl Template', link: '/api/styl' },
            { text: 'css Template', link: '/api/css' },
            { text: 'pug Template', link: '/api/pug' },
            { text: 'styl() Function', link: '/api/styl-function' },
            { text: 'CSS Variables', link: '/api/variables' },
            { text: 'JSX Props', link: '/api/jsx-props' },
            { text: 'Babel Config', link: '/api/babel' }
          ]
        },
        {
          text: 'Examples',
          items: [
            { text: 'Overview', link: '/examples/' },
            { text: 'Button', link: '/examples/button' },
            { text: 'Card with Parts', link: '/examples/card' },
            { text: 'Form Input', link: '/examples/form' },
            { text: 'Modal Dialog', link: '/examples/modal' },
            { text: 'Tabs', link: '/examples/tabs' },
            { text: 'List', link: '/examples/list' },
            { text: 'Theme System', link: '/examples/theme' },
            { text: 'Responsive Layout', link: '/examples/layout' }
          ]
        }
      ]
    },
    nav: [
      { text: 'Docs', link: '/guide/index', activeMatch: '/guide/.*' },
      { text: 'API', link: '/api/index', activeMatch: '/api/.*' }
    ]
  }
})