LikeCSS

CSS Framework Created Recently

Creating Body Container

<div class="body-container">
	<!-- Your Content here -->
</div>

Simple Buttons

<button class="button btn-[type]">Hi!</button>

Button Types

Success Type

<button class="button btn-success">Hello Success!</button>

Info Type

<button class="button btn-info">Hello Info!</button>

Danger Type

<button class="button btn-danger">Hello Danger!</button>

Chips

<div class="chip">
	<img src="hello_world.jpg">
	<label>Hello 123</label>
</div>

Chip Types

Success Type

<div class="chip chip-success">
	<img src="hello_world.jpg">
	<label>Hello 123</label>
</div>

Info Type

<div class="chip chip-info">
	<img src="hello_world.jpg">
	<label>Hello 123</label>
</div>

Danger Type

<div class="chip chip-danger">
	<img src="hello_world.jpg">
	<label>Hello 123</label>
</div>

Default

<div class="chip">
	<img src="hello_world.jpg">
	<label>Hello 123</label>
</div>

Javascript Part

Add Menu Item

addMenu({ onclick:"js_code_here()",icon:"fa fa-icon",title:"Title Here" });

Setting Theme

setTheme("id or name here");

Adding A Theme

addTheme("body{ background:blue; }",2);

The Themes being added are also added to localStorage so the theme will be loaded when website is loaded

Getting LCSS Version

<p id="lcss-version-onload"></p>