Skip to content
This repository has been archived by the owner. It is now read-only.
Branch: master
Go to file
Code

Latest commit

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

Beard

Join the chat at https://gitter.im/monarkee/beard

Beard is an extremely pragmatic and utility-focused CSS framework. Actually, don't call it that.

Beard focuses on developer speed, maintenance, and ease-of-use, versus "pretty" markup.

Installation

Beard can be installed via NPM.

$ npm install beardcss


Adding Beard into your project

The Recommended Way

The best way to add Beard to your project is to copy the contents of beard/beard.scss to your main Sass file. This allows for the best source ordering. From there, we recommend adding your site styles between the "Objects" and "Helpers" sections, like so:

@import '../node_modules/beardcss/stylesheets/beard.before';

// Place custom spacing, color, and media query configuration here

// @include new-spacing-helper('0-5', 0.5);
// @include new-color('1--light', lighten($brand-color-1, 15%));
@include new-breakpoint(tablet, '(min-width: 600px)');

// Your site styles go here
// @import 'app'

@import '../node_modules/beardcss/stylesheets/beard.after';

Or…Just the Dead Simple Installation

Or you could just import it directly. We don't recommend it, but if you need something quick, go ahead! @import '../node_modules/beardcss/beard'

About

A CSS framework for people with better things to do

Resources

License

Contributors 4

  •  
  •  
  •  
  •  

Languages

You can’t perform that action at this time.