Simple, responsive, modular
CSS framework for your frontend job


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

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

<!DOCTYPE html>
<html lang="en">
    <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">
    <!-- page content -->
CDN unpkg
<link rel="stylesheet" href="">
CDN jsdelivr
<link rel="stylesheet" href="">

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