Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

michelemazzucco/postcss-border-shortcut

Open more actions menu

Repository files navigation

postcss-border-shortcut Build Status NPM Version Dependency Status

PostCSS plugin for assign default border type if not expressed.

/* Before */

.one {
  border: 1px #E7E7E7;
}

.two {
  border-top: 1px #707C80;
}

.three {
  border-bottom: #423424;
}

/* After */

.one {
  border: 1px solid #E7E7E7;
}

.two {
  border-top: 1px solid #707C80;
}

.three {
  border-bottom: 1px solid #423424;
}

Installation

$ npm install postcss-border-shortcut --save-dev

Usage

JS API

const postcss = require('postcss');
postcss([ require('postcss-border-shortcut') ])

See PostCSS docs for other examples.

Options

borderType

Type: string Default: solid

You can define a default borderstyle property, like: solid, dashed, dotted, double, ect...

// Set in build tool, etc.
.border({
  borderType: 'dashed'
})

About

PostCSS plugin for assign default border type if not expressed.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Used by

Contributors

Languages

Morty Proxy This is a proxified and sanitized view of the page, visit original site.