brandeur-plugin-enforce-longhand
v1.0.2
Published
Brandeur plugin that enforces longhand properties over shorthand properties
Downloads
32
Maintainers
Readme
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.