Narcissistic Project Managers
    Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    karma-csspublic

    Karma CSS

    CircleCI npm version

    Karma CSS is a mobile first, responsive CSS boilerplate framework built on top of normalize and a powerful flexbox grid system.

    Our Aim

    Our aim is to provide a sensible set css defaults that DO NOT impose any style on the end result. But provides enough building blocks to quickly get started and aid construction of your site.

    We support all modern browsers and back to IE10, please see the full list.

    Whats included?

    • All fixes from Normalize.css for supported browsers
    • A powerful flex based grid system that has multiple configurable breakpoints and columns.
    • Variables to:
      • customize the default look of form fields, buttons, tables, fonts and more.
      • creating of additional button styles.
      • defining system wide colours to use will in turn create helpers to set font and background colours to use in your html.
      • easily keep track of z-index layers and avoid issues like zindex:99999.
    • Several useful mixins such as:
      • responsive breakpoints
      • clearfix
      • css-triangle
      • box-shadow
    • Lots of additional helper classes.

    Samples

    Though simple, with minimal effort, overriding 4 variables and adding 70 lines of css.

    sample 1

    Where can I read more?

    The documentation can be found on Read the Docs.

    Can I contribute?

    We welcome all comments and contributions via Github.

    Customizing

    View the customization guide or clone the starter project on Github.

    All you will need to do is

    $ npm install

    and

    $ npm run watch-css

    Additional installation methods include

    Npm

    $ npm install karma-css

    Bower

    $ bower install karma-css

    Git

    $ git clone https://github.com/accentdesign/karma-css.git

    Or alternatively the CDN if you only want the defaults

    <link rel="stylesheet" href="https://unpkg.com/karma-css@<version>/dist/karma.min.css">

    install

    npm i karma-css

    Downloadsweekly downloads

    15

    version

    1.9.5

    license

    MIT

    homepage

    karmacss.com

    repository

    githubgithub

    last publish

    collaborators

    • avatar