bitandblack/baseline

This package is abandoned and no longer maintained. No replacement package was suggested.

Baseline is a simple boilerplate.

Maintainers

Details

bitbucket.org/wirbelwild/baseline

Homepage

Source

Installs: 41

Dependents: 0

Suggesters: 0

Security: 0

Type:component

4.2.1 2018-11-22 07:49 UTC

Requires

Suggests

MIT 3c315ffc6a043bd5059ab29382bebc490140497f

  • Tobias Köngeter <tobias.koengeter.woop@bitandblack.com>
  • Hasanul Banna <hasanul.banna.woop@bitandblack.com>

cssboilerplatesassscssmixin

This package is auto-updated.

Last update: 2020-01-02 20:43:22 UTC

README

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.