Simple, responsive, modular
CSS framework for your frontend job

Demo

Installation
via npm
npm install --save roolith-css

Then import roolith-css into your SCSS file

@import "PATH/TO/node_modules/roolith-css/src/sass/roolith";

if you wish to override default settings

@import "PATH/TO/node_modules/roolith-css/sass/function";
@import "./your-settings";
@import "PATH/TO/node_modules/roolith-css/src/sass/roolith";
via yarn
yarn add roolith-css
via bower
bower install roolith-css
Traditional

Download CSS and inject into header, that's it!

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>roolith css framework</title>
    <link rel="stylesheet" href="path/to/roolith.min.css">
</head>
<body>
    <!-- page content -->
</body>
</html>
CDN unpkg
<link rel="stylesheet" href="https://unpkg.com/roolith-css@1.7.1/dist/css/roolith.min.css">
CDN jsdelivr
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/roolith-css@1.7.1/dist/css/roolith.min.css">
Changelog

v1.7.1 - Tweak and dark theme added. To enable dark theme @include roolith-theme-dark();