This project contains CSS components to be used in all Klarna user facing projects.
The showroom of these components is available online at klarna.github.io/ui-css-components.
The reference for its implementation is Klarna's styleguide.
The project follows a non strict version of BEM, and it doesn't include any kind of JavaScript so no behaviour is defined. If you use React use the ui-react-components.
To run the showroom locally:
npm install
make dev
Please check the LICENSE file.
Make sure...
$grid
variable to define your sizes, as in line-height: ($grid * 4)
. As a rule of thumb, if your element total height (sum of content, paddings, margins, etc...) has an integer multiple of $grid
you should be good.npm run lint
.curl -s https://raw.githubusercontent.com/xdissent/ievms/master/ievms.sh | env IEVMS_VERSIONS="9" bash
.Then:
npm version
(tag will have v
prefix) & update CHANGELOG.md
.Travis will take care of publishing your new version to npm.