Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Can't change separators #275

Open
matheusgomes062 opened this issue Feb 7, 2022 · 0 comments
Open

Can't change separators #275

matheusgomes062 opened this issue Feb 7, 2022 · 0 comments
Labels
bug Something isn't working

Comments

@matheusgomes062
Copy link

Describe the bug
It appears vite-plugin-windicss doesn’t support the separator config option for variant prefixes (see tailwind docs)

Either of these would make sense:

Copy tailwind: Arbitrary string
Sensible restrictions: A union of strings, e.g. ’:’ | ‘::’ | ‘-‘ | ‘--‘ | ‘_’ | ‘__’

Minimal Reproductions
I'm using the antfy/vitesse Opinionated Vite Starter Template

My code is like this:

import { defineConfig } from 'windicss/helpers'
import colors from 'windicss/colors'
import typography from 'windicss/plugin/typography'

export default defineConfig({
  darkMode: 'class',
  // https://windicss.org/posts/v30.html#attributify-mode
  attributify: true,

  plugins: [
    typography(),
  ],
  separator: '_',
  theme: {
    extend: {
      typography: {
        DEFAULT: {
          css: {
            maxWidth: '65ch',
            color: 'inherit',
            a: {
              'color': 'inherit',
              'opacity': 0.75,
              'fontWeight': '500',
              'textDecoration': 'underline',
              '&:hover': {
                opacity: 1,
                color: colors.teal[600],
              },
            },
            b: { color: 'inherit' },
            strong: { color: 'inherit' },
            em: { color: 'inherit' },
            h1: { color: 'inherit' },
            h2: { color: 'inherit' },
            h3: { color: 'inherit' },
            h4: { color: 'inherit' },
            code: { color: 'inherit' },
          },
        },
      },
    },
  },
})

Versions

  • vite-plugin-windicss: ^1.6.3
  • vite: ^2.7.13
  • framework: vue

Additonal Context

@matheusgomes062 matheusgomes062 added the bug Something isn't working label Feb 7, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant