1.0.1 • Published 2 years ago
ckr-css v1.0.1
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>