sleeck v1.0.6

Sleeck

Lightweight css framework that makes the first step for you, by some essentials:

• Grid system.
• Simple elements reset.
• Typography.
• Useful classes (flexbox - spacing - display - text).

Installation

• Via npm:

npm install sleeck

then import sleeck.css / sleeck.min.css to the main file of your project.

• Via source:

Just download the sleeck.css / sleeck.min.css from dist folder.

then import sleeck.css / sleeck.min.css to the main file of your project.

Usage

Note:

All classes are available for all screens (xxl - xl - lg - md -sm).

Display:

Flexbox:

Spacing:

margin and padding values are in rem unit.

the range is 0rem,0.1rem,0.2rem....4.8rem,4.9rem,5rem

Text:

Grid System:

Columns are 12

Example:

<div class="container">
  <div class="row">
    <div class="col-12 col-md-6 col-lg-4">
    1
    </div>
    <div class="col-12 col-md-6 col-lg-4">
    2
    </div>
    <div class="col-12 col-md-6 col-lg-4">
    3
    </div>
  </div>
</div>