gravitycss

# gravityCSS v1.0 GravityCSS is a CSS library designed to streamline and enhance the styling of HTML elements. This library offers a collection of pre-made styles to facilitate the process of styling your web pages with ease and efficiency. ## Installation & Set Up Install the gravityCSS library using this command in the terminal: ```bash npm i gravitycss ``` In order to make the gravityCSS library to work in your html file use this link in the head element: ```bash <link rel="stylesheet" href="./node_modules/gravitycss/gravity.css"> ``` ## Features - Pre-made styling - Easily customizable - Simple to understand ## Themes In gravityCSS there is 4 different theme colors which you can choose for all the different pre-made styles: - primary: Royal Blue - secondary: Deep Purple - modern: Black - default: Gray ## **NOTE** The changes you encounter depend on the gravityCSS version you're using. Updates can bring anything from new features to revamped styles. If you're using an older gravityCSS version in your projects, exercise caution when updating, as significant changes may occur. gravityCSS is free to use for both commercial and personal purposes, and it doesn't require attribution. However, it would be appreciated if you provide credit. ## Styles GravityCSS simplifies styling by employing pre-made styles that can be easily applied to HTML elements through the use of classes. This approach allows you to selectively choose the elements to which you want to apply specific styles. Below is a list of the available classes in GravityCSS: **Buttons:** `btn-primary` `btn-secondary` `btn-modern` `btn-default` **Text Inputs:** `text-primary` `text-secondary` `text-modern` `text-default` **Color Inputs:** `color-primary` `color-secondary` `color-modern` `color-default` **Checkboxes:** `check-primary` `check-secondary` `check-modern` `check-default` **Headers:** `h-primary` `h-secondary` `h-modern` `h-default` **Paragraphs:** `p-primary` `p-secondary` `p-modern` `p-default` **Emphasis:** `em-primary` `em-secondary` `em-modern` `em-default` **Blockquote:** `bq-primary` `bq-secondary` `bq-modern` `bq-default` **Anchor:** `a-primary` `a-secondary` `a-modern` `a-default` **Loaders:** `loader-primary` `loader-secondary` `loader-modern` `loader-default` ## FAQ #### Why use gravityCSS? gravityCSS is a great way to create fast web pages aswell as its friendly for beginners! #### Can i use gravityCSS for free in my projects? Yes, you can use gravityCSS for both commercial use and personal use for free. #### Who made gravityCSS? gravityCSS was made by youtuber and web developer ArtOperator.