Skip to content

karloespiritu/bemskel

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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

BEMSkel

BEMSkel is a a lightweight CSS framework written in BEM and SASS for building scalable component-based user interfaces. It includes commonly used UI components that I use on every web and React projects.

BEMSkel can be used as standalone CSS library or a starting point project. It's lightweight, minimal, and well-documented, leaving the creativity up to you.

  • Minified production versions: dist/
  • Unminified sources: src/

Features

  • Written in BEM (Block, Modifier, Modifier) naming convention for classes to provide a consistent and strict to easily extend the framework.
  • Uses 7-1 Architecture pattern for maintainable and scalable SASS.
  • Includes two methods of creating grids - CSS Grid and Flexbox
  • Gulp Build System
  • Designed to be scalable and easy to customize. Use it as a standalone library or use it a starting point to build your next application.

Quick Start

$ git clone git@github.com:karloespiritu/bemskel.git

Customize

$ npm install
// customize the SASS files in /src
$ gulp watch

Browser support

  • Chrome latest
  • Firefox latest
  • Opera latest
  • Safari latest
  • IE latest

BEMSkel works perfectly with almost all older versions of the browsers above, though IE certainly has large degradation prior to IE9.

Credits

About

A lightweight CSS framework written in BEM and SASS for building scalable component-based user interfaces

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published