PostCSS Disabled

PostCSS plugin to add a disabled attribute and/or a disabled class when the :disabled pseudo class is present.

/* Input */
.foo:disabled {
  background-color: #f9f9f9;
}

/* Output */
.foo:disabled,
.foo[disabled] {
  background-color: #f9f9f9;
}

Usage

postcss([ require('postcss-disabled') ])

See PostCSS docs for examples for your environment.

Options

addAttribute

type: Boolean default: true Adds the [disabled] attribute selector

/* Input */
.foo:disabled {
  background-color: #f9f9f9;
}

/* Output */
.foo:disabled,
.foo[disabled] {
  background-color: #f9f9f9;
}

addClass

type: Boolean default: false Adds a .disabled class

/* Input */
.foo:disabled {
  background-color: #f9f9f9;
}

/* Output */
.foo:disabled,
.foo.disabled {
  background-color: #f9f9f9;
}