GitXplorerGitXplorer
S

Mini-bootstrap

public
2 stars
0 forks
0 issues

Commits

List of commits on branch main.
Verified
9481b691baecdea3a17754109c8de5d356d23119

Update README.md

SSadeedpv committed 2 years ago
Unverified
2c60c2dfa166db3db09242e25c89f84f524299ee

Merge branch 'main' of https://github.com/Sadeedpv/Mini-bootstrap

SSadeedpv committed 2 years ago
Unverified
66811ad58174294acfdc38d4dd3ca9146d87b6f8

License

SSadeedpv committed 2 years ago
Verified
f3691aca19ad1984f7bb4472b7c20e2996ade0e6

Create LICENSE.MD

SSadeedpv committed 2 years ago
Verified
f2f6bdc0f1c69eaa50ae11b9f427effe6f508269

Update README.md

SSadeedpv committed 2 years ago
Verified
1404f38f0f4fad8f7283e20bca6e74c5bc0a9126

Update README.md

SSadeedpv committed 2 years ago

README

The README file for this repository.

MINI-BOOTSTRAP 🚀


This is my very first basic npm package. Use it to style your website. It contains HTML, CSS and JavaScript-based design templates for some interface components.

Installation

  npm install mini-bootstrap

Usage

Add the class apply-styles to apply your styling to the DOM element.

  <div class='apply-styles'></div>

Then, in the javascript file

  import {styles} from 'mini-bootstrap';
  
  styles({
    shadow : "hard",
  });

Documentation

Apart from shadows, you can also add the following property:

Property Possible values
shadow hard / soft
border hard / soft
padding p-1 /p-2 /p-3 /p-4 /p-5
margin m-1 /m-2 /m-3 /m-4 /m-5
fontSize sm / md / lg /
fontWeight light / normal / medium / bold

License

MIT