CKR CSS Framework

(Simple, Easy To Use, Fast)

CKR Framework is CSS Library to help your styling in CSS

If you want to contribute this framework just fork this repository, and use SCSS file

Version : 1.0.0 Alpha

Planning for this year :

• Focus On Styling like Margin, Padding, Component HTML, etc
• Can Using on React

Installation

Add to your HTML

• Copy This Url to your CDN Link
• And Finish, you can use CKR right now :D

Usage/Examples

Button - Example

    <div class="button_dark">
        Dark
    </div>
    <div class="button_danger">
        Danger
    </div>
    <div class="button_warning">
        Warning
    </div>
    <div class="button_success">
        Success
    </div>

Padding - Example

padding-left : pdl
padding-right : pdr
padding-top : pdt
padding-bottom : pdb

If want using Padding Left for 10px just use

    <div class="pdl-1">
        Padding Left 10px
    </div>

Margin - Example

margin-left: mgl
margin-right: mgr
margin-top: mgt
margin-bottom: mgb

If want using Margin Left for 10px just use

    <div class="mgl-1">
        Margin Left 10px
    </div>

Text Styling - Example

Center Align Text

    <div class="center">
        Center Align Text
    </div>

Italic

        <div class="txt-italic">
            Italic Text
        </div>

Underline

            <div class="txt-underline">
                Underline Text
            </div>

Container - Example

    <div class="container">
        Container
    </div>

Authors

• Dio Okta R