brandeur-plugin-enforce-longhand

Sorts styles in a way that always enforces longhand over shorthand properties.

Read The Shorthand-Longhand Problem in Atomic CSS for an in-depth explanation of why this is neccessary.

Installation

# npm
npm i --save brandeur-plugin-enforce-longhand
# yarn
yarn add brandeur-plugin-enforce-longhand
# pnpm
pnpm add brandeur-plugin-enforce-longhand

Usage

import enforceLonghand from 'brandeur-plugin-enforce-longhand'

const plugin = enforceLonghand()

Configuration

| Parameter |  Type | Default |  Description | | ---------- | --------------------------------------- | -------- | ------------ | | borderMode | none |  directional |  longhand |  none  | |

import enforceLonghand from 'brandeur-plugin-enforce-longhand'

const plugin = enforceLonghand('directional')

License

Brandeur is licensed under the MIT License. Documentation is licensed under Creative Commons License. Created with ♥ by @robinweser.