Skip to content

Provide themes without autoprefixer applied? #160

Description

@mjy9088

Problem

I'm using theme css files in postcss with autoprefixer enabled, like following:

body:not(.dark) {
  @nested-import "../../submodules/prism-themes/themes/prism-one-light.css";
}

body.dark {
  @nested-import "../../submodules/prism-themes/themes/prism-one-dark.css";
}

It produces duplicate selector like following:

  code[class*="language-"]::-moz-selection,
  code[class*="language-"] ::-moz-selection,
  pre[class*="language-"] ::-moz-selection {
    background: #e5e5e6;
    color: inherit;
  }
  code[class*="language-"]::-moz-selection,
  code[class*="language-"] ::-moz-selection,
  pre[class*="language-"] ::-moz-selection {
    background: #e5e5e6;
    color: inherit;
  }
  code[class*="language-"]::selection,
  code[class*="language-"] ::selection,
  pre[class*="language-"] ::selection {
    background: #e5e5e6;
    color: inherit;
  }

Current workaround

Edit file: remove prefixed selectors manually

Possible solutions?

  • provide unprefixed version too (like themes/prism-one-dark-unprefixed.css)

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