analsorhost-simple-bs

1.0.1 • Public • Published

Custom Simple Analsorhost on Bootstrap

Just a simple development cover basic bootstrap. Sleek, intuitive, and powerful front-end framework for faster and easier web development.

Installation

  1. install cssmolecule
npm install cssmolecule
  1. install analsorhost-simple-bootstrap
npm install analsorhost-simple-bs

Usage

  • in your main.jsx or main.tsx or main.js file import the following:
import "cssmolecule";
import "analsorhost-simple-bs";
// your sass entry point
import "./scss/main.scss";

Alternatively you can also import the files in your sass.

@import "cssmolecule/main.scss";
@import "analsorhost-simple-bs/scss/bootstrap.scss";
  • use it like this
// include what you want you want from the framework
// reboot/normalize
@include reboot;
// utilities
@include api;
// forms
@include forms;
// buttons
@include buttons;
.form {
  // you can use extend, apply or class
  @include extend("form-inline py-3");
  // your custom styles

  input,
  textarea {
    @include extend("form-control my-2 px-4");
  }
  button {
    @include extend("btn btn-primary w-100");
    // customize without using !important
    background-color: red;
  }
}
// to extend a class

.form-2 {
  @include extend("form", ".");
}

Package Sidebar

Install

npm i analsorhost-simple-bs

Weekly Downloads

55,222

Version

1.0.1

License

MIT

Unpacked Size

16.4 MB

Total Files

673

Last publish

Collaborators

  • rewikisof