@alme/jss-increase-specificity-plugin

Typescript Alme JSS Increase Specificity Plugin

Usage no npm install needed!

<script type="module">
  import almeJssIncreaseSpecificityPlugin from 'https://cdn.skypack.dev/@alme/jss-increase-specificity-plugin';
</script>

README

Alme JSS Increase Specificity Plugin

The AlmeJssIncreaseSpecificity allows for generating jss declarations with increased specificity

Port of jss-increase-specificity

Installation

# npm
npm install @alme/jss-increase-specificity-plugin

# yarn
yarn add @alme/jss-increase-specificity-plugin

Basic Usage

// App.tsx
import { create } from 'jss';
import { StylesProvider, jssPreset } from '@material-ui/core/styles';
import increaseSpecificity from '@alme/jss-increase-specificity-plugin';

const jss = create({
  plugins: [...jssPreset().plugins, increaseSpecificity()],
});

export default function App() {
  return (
    <StylesProvider jss={jss}>
      ...
    </StylesProvider>
  );
}```