4.0.0 • Published 3 years ago
harso-css v4.0.0
Welcome to harso-css
What is this library?
- This Library is A Superr CSS3 Library
- A CSS Framework that helps you to make your pages Cool!!
Installation
- Install via npm:
npm i harso-css
- Install via CDN:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/harso-css@4.0.0/harso.css">
Documentation
Fonts
The first thing that this library include is it will automatically gives margin and padding as 0
This can change your font-family only with a classname
Example :<body class="sans-serif"></body>
=> This will set the font family to sans-serif for every content inside the body
The fonts that we can use are : sans-serif, cursive, monospace, consolas, fantasy
Colors
Blue Text = <h3 class="blue">Blue Text</h3>
Red Text = <h3 class="red">Red Text</h3>
Yellow Text = <h3 class="yellow">Yellow Text</h3>
White Text = <h3 class="white">White Text</h3>
Green Text = <h3 class="green">Green Text</h3>
Light Green Text = <h3 class="light-green">Light Green Text</h3>
There are more colors like this, that light-blue, royal-blue, dark, brown, pink, plum, violet, purple, and orange
Note: You can just add the prefix bg- to the color classnames for getting that bg(background) instead of color
Some Others...
Give this classname to an a tag : a-no-decr, then it don't have any text-decoration
Look that how you can create a nav-bar with harso-css in the Examples\NavBar\index.html
class name text-center will make the text in the center
class name center will gives you display as flex, align-items as center, justify-content as center and min-height as 100vh