simple_css v0.0.1

About

Simple.css is a simple CSS framework designed to be easy to work with and edit. It is entirely open source and free for anyone to use. It is currently in development; however, if you'd like to follow its progress you can do so here.

Development

To help out with Simple.css, follow these steps:

• Clone the repository using git clone https://github.com/cpdevelops/simple.css.git
• Make any modifications you feel are necessary, or find modifications using the issues tab on our GitHub page.
• Once you are done, make a pull request on GitHub and I will review it to make the necessary changes.

Happy coding!

Components

List of components can be found here

Button Component

Buttons can be styled by applying the button class to any <button> element.

<button type="button" class="button">Default</button>

There are two types of buttons as of now; filled and non-filled. To get a filled button we add the "filled" class to our button.

<button type="button" class="button filled">Default filled</button>

You can also edit the appearance of your button using any of Simple.css' modifier classes. For example, check out the demo page.

Alert Component

You can create styled alerts by applying the alert class to any <div> element.

There are currently four alert styles: info, success, warning, and error.

<div class="alert info">Info message</div>

<div class="alert success">Successful operation message</div>

<div class="alert warning">Warning message</div>

<div class="alert error">Error message</div>