bitandblack-baseline

Baseline is a simple boilerplate


Keywords
CSS, SCSS, SASS, Boilerplate, Mixin
License
MIT
Install
npm install bitandblack-baseline@4.2.1

Documentation

Baseline

Baseline is a simple boilerplate for building new projects with the help of Rows.

Features include:

  • Clear and concise HTML5/CSS3 code.
  • Fully responsive.
  • Extensively organized Sass sources.
  • Off-canvas navigation (built with CSS3 and just a tiny bit of vanilla JS).
  • Numerous pre-styled elements.
  • Everything offered by Rows, including:
    • A powerful, fully responsive CSS grid system.
    • Handy utility classes (like container).

Installation

This package is available for composer and also for node.

Composer

Install rows by running $ composer require bitandblack/baseline and $ composer update.

NodeJS

Install rows by running $ npm install bitandblack-baseline.

How to use

Breakpoint Structure

Baseline is set up to use the following breakpoints:

Name* Media Query
x-large (max-width: 1680px)
large (max-width: 1280px)
medium (max-width: 980px)
small (max-width: 736px)
x-small (max-width: 480px)

Read the documentation of Rows to see, how this breakpoints can be changed.

Credits

This version of Baseline is based of the work of Ajlkn.