# Karma CSS

Karma CSS is a great starting point if you only want a barebones boilerplate.
Includes All fixes from Normalize.css for supported browsers, a powerful mobile-first 
flexbox grid system, all base styles and the ability to customize the defaults for 
most of the styled elements.

!!! attention "New in version 2 of Karma CSS!"
    We have introduced components into Karma CSS., these include:

    * [Alerts](components/alert.md)
    * [Button Groups](components/button-group.md)
    * [Icon Inputs](components/icon-input.md)
    * [Input Groups](components/input-group.md)
    * [Messages](components/message.md)
    * [Tooltips](components/tooltip.md)

## Why create another library? 

In a nutshell we wanted a basic set of styles that we can apply to our projects that mainly provide
a consistent starting point for the css. We did not want to spend hours battling with vast arrays
of component in large frameworks that unless you are prepared to invest more time tweaking and overriding
styles, will inevitably look the same.

We wanted to be able to:

* Hit the ground running
* Quickly be able to adjust core styles to gain a different look
* Build upon a simple base that will work with us rather than against us
* Be able to easily create variations of elements such as buttons
* Have a good set of useful mixins
* For the css to look the same in all modern browsers

If this sounds like you give it a try. We welcome all feedback good or bad via 
[Github](https://github.com/AccentDesign/karma-css).

## Browser Support

We support all major browsers

* Chrome >= 45
* Firefox >= 38
* Edge >= 12
* Explorer >= 10
* iOS >= 9
* Safari >= 9
* Android >= 4.4
* Opera >= 30