1.1.0 • Published 4 years ago

simple-border v1.1.0

Weekly downloads
2
License
ISC
Repository
github
Last release
4 years ago

simple-border

Add borders to your elements easy!

Installation


npm i simple-border

Usage

Add .sim-bord class to your elements

<div class="sim-bord"></div>
<span class="sim-bord"></span>
<img class="sim-bord" src="<url>" alt="img" />

Importing


import simpleBorder from "simple-border";

Then run the function

simpleBorder();

It make border with default styles to elements with class .sim-bord

Options


You can add some options

simpleBorder({ yourStyles }, "<your elements> -optional");

Sample


Adding style
simpleBorder({ color: "red", width: ".3rem" });

Add border with styles to elements with class .sim-bord

Adding custom selector
simpleBorder({}, ".your-class");

Add default border to elements with class .your-class

Adding styles to your elements
simpleBorder({ radius: "20px", color: "#f00" }, "div, .your-class");

Add styled border to all divs and elements with class .your-class

Options


  • color
  • width
  • style
  • radius