Skip to content

Getting [unocss] unmatched utility "scrollbar-width-auto" #22

Description

@Keshav-writes-code

so i have this unocss.config.ts

import { defineConfig } from 'unocss';
import { transformerVariantGroup } from 'unocss';
import { presetIcons } from 'unocss';
import { presetMini } from 'unocss';
import { presetDaisyui } from '@0x-jerry/unocss-preset-daisyui';
import { presetTypography } from 'unocss';
import { presetScrollbar } from 'unocss-preset-scrollbar';
export default defineConfig({
  rules: [
    ['capitalize', { 'text-transform': 'capitalize' }],
    ['isolate', { isolation: 'isolate' }],
  ],
  shortcuts: {
    'scrollbar-setup':
      'scrollbar scrollbar-rounded scrollbar-w-3 scrollbar-radius-2 scrollbar-track-radius-4 scrollbar-thumb-radius-4 scrollbar-thumb-color-[color-mix(in_srgb,var(--color-base-content)_32%,black)] scrollbar-track-color-transparent',
  },
  presets: [
    presetMini(),
    presetIcons(),
    presetDaisyui(),
    presetScrollbar(),
    presetTypography({
      cssExtend: {
        h2: { 'margin-top': '2rem', 'margin-bottom': '0.5rem' },
        h3: { 'margin-top': '1rem', 'margin-bottom': '0.5rem' },
        li: { 'margin-top': 0, 'margin-bottom': 0 },
        p: { 'margin-top': 0, 'margin-bottom': 0 },
        ul: { 'margin-top': 0, 'margin-bottom': 0 },
      },
    }),
  ],
  transformers: [transformerVariantGroup()],
  separators: [':'],
});

and i am getting this error when running the dev server

[unocss] unmatched utility "scrollbar-width-auto" in shortcut "scrollbar-setup"
[unocss] unmatched utility "scrollbar-color-[var(--scrollbar-thumb)_var(--scrollbar-track)]" in shortcut "scrollbar-setup"

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions