Lite.css
Lite CSS is an open source CSS framework, utility-first library with simple classes like pb flex btn-primary. With a whole lot of prebuilt component and code snippets to get your website running in few minutes
.
Installation 🚀
NPM
💝npm install @olamidipupo-favour/litecss
⚡ CDN
<style href="https://cdn.jsdelivr.net/gh/CODECUBE-001/litecss@main/litecss/css/index.css?token=GHSAT0AAAAAABZJ6VNI66VXC5QMTMLPYQP4YZVFWBQ"><style/>
✨ Usage
<!--Create Card with component-->
<div class="card">
<div class="card-img">
<img src="https://file.dotabel.com/cache/plugins/filepreviewer/1/bab9941e7fa34eb534b1477f650a418883b55ea79cee569a2ec5c677eb5efba1/1100x800_cropped.jpg" alt="">
</div>
<div class="card-body">
<h5 class="card-title">
Ajayi Raphael
</h5>
<p class="card-text pb-1 lh-2">
Some quick example text to build on the card title and make up the bulk of the card's content. </p>
</p>
<a href="https://coodecube.com.ng" class="btn btn-blue font-sm text-white">Hello World</a>
</div>
</div>
<!-- Utility examples -->
<!-- Buttons -->
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-dark">Dark</button>
Previews
Check the output on our codepen
Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.
Roadmap
At The End of Hackertoberfest, we hope to have 100 more snippets (HTML Sections)
-
100 new sections
-
20 new components
-
Launch by Oct 29