Skip to content
This repository has been archived by the owner before Nov 9, 2022. It is now read-only.

monarkee/beard

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

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

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

Stars

Watchers

Forks

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •  

Languages