cocobits

Cocobits is a responsive CSS foundational system to build elegant web applications. Influenced by object-oriented CSS principles and functional CSS, interchangeable utility classes allow flexibility and consistency for any web application.

Usage no npm install needed!

<script type="module">
  import cocobits from 'https://cdn.skypack.dev/cocobits';
</script>

README

Cocobits icon

Cocobits

Cocobits is a responsive CSS foundational system to build elegant web applications. Influenced by object-oriented CSS principles and functional CSS, interchangeable utility classes allow flexibility and consistency for any web application.

Cocobits uses SASS variables and mixins and strives to meet the highest WCAG accessibility standards.

Highlights

  • Responsive, mobile-first and accessible by default
  • Flexible and interchangeable utility classes
  • Base-8 spacing for consistency and dynamic vertical and horizontal rhythm
  • Font-size, line-height and weight options for readability
  • Color system for meaningful content and interaction signals
  • Source files written in Sass using SCSS syntax

Install

npm

After installing npm and node, you can install cocobits with command:

$ npm install cocobits

Quick Start

Include the following link in the head of your base HTML file:

<link rel="stylesheet" href="https://unpkg.com/cocobits/dist/css/cocobits.min.css">

To use the JavaScript enabled component utility classes, include the following link before the </body> tag of your base HTML file:

<script src="https://unpkg.com/cocobits/dist/js/cocobits.min.js"></script>

Documentation

The Cocobits documentation is available at: cocobits.github.io

Licence

MIT