Basscss Base

Base element styles module for Basscss

http://basscss.com

#Usage

Compile with Rework, using the following plugins:

rework-npm
rework-vars
rework-calc

Basscss Base also works with:

Basswork
Suitcss Preprocessor

Defaults

Variables

To edit these defaults, define new variables afer importing basscss-base.

:root {

  --font-family: 'Helvetica Neue', Helvetica, sans-serif;
  --line-height: 1.5;
  --heading-font-family: var(--font-family);
  --heading-font-weight: bold;
  --heading-line-height: 1.25;
  --monospace-font-family: 'Source Code Pro', Consolas, monospace;

  --h1: 2rem;
  --h2: 1.5rem;
  --h3: 1.25rem;
  --h4: 1rem;
  --h5: .875rem;
  --h6: .75rem;

  --bold-font-weight: bold;

  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 2rem;
  --space-4: 4rem;

  --ui-height: 2.25em;
  --ui-padding-x: 1rem;
  --ui-padding-y: .25em;

}

Current Tags

0.0.27 ... latest (10 years ago)

Basscss Base

Defaults

Variables

Current Tags

27 Versions