karloespiritu / Bemskel
Licence: mit
A lightweight CSS framework written in BEM and SASS for building scalable component-based user interfaces
Stars: ✭ 89
Projects that are alternatives of or similar to Bemskel
Synergy
Synergy is a framework for building modular, configurable and scalable UI components for React-DOM projects
Stars: ✭ 146 (+64.04%)
Mutual labels: sass, bem
Frontie Webpack
Front-end Boilerplate | Gulp 4 + Webpack 4 + Babel + ITCSS Architecture + BEM Methodology + Twig.js
Stars: ✭ 102 (+14.61%)
Mutual labels: sass, bem
Gulp Scss Starter
Frontend development with pleasure. SCSS version
Stars: ✭ 339 (+280.9%)
Mutual labels: sass, bem
Dress Code
The official style guide and framework for all Zalando Brand Solutions products
Stars: ✭ 123 (+38.2%)
Mutual labels: sass, bem
Avalanche
Superclean, powerful, responsive, Sass-based, BEM-syntax CSS grid system
Stars: ✭ 627 (+604.49%)
Mutual labels: sass, bem
Pug Starter
Simple pug (jade) starter [framework] enabling faster delivery of HTML & CSS projects to a private server and/or automatic deployment of GitHub pages.
Stars: ✭ 328 (+268.54%)
Mutual labels: sass, bem
Gulp Pug Starter
Frontend development with pleasure. Pug + SCSS version
Stars: ✭ 228 (+156.18%)
Mutual labels: sass, bem
Tentcss
🌿 A CSS survival kit. Includes only the essentials to make camp.
Stars: ✭ 400 (+349.44%)
Mutual labels: sass, bem
Webpack Es6 Sass Setup
A basic setup for Webpack with ES6, Babel, Sass and stylelint
Stars: ✭ 63 (-29.21%)
Mutual labels: sass, bem
Hibiki
🤖 The best all-in-one Discord bot! Automod, fun, music, utilities, and more. Customizable, easy-to-use, and fully translatable.
Stars: ✭ 86 (-3.37%)
Mutual labels: sass
A11y.css
This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code. It can also be used to roughly evaluate a site's quality by simply including it as an external stylesheet.
Stars: ✭ 1,277 (+1334.83%)
Mutual labels: sass
Minetest.github.io
Official Minetest website hosted by Github Pages
Stars: ✭ 85 (-4.49%)
Mutual labels: sass
Sass Css Modules Webpack
Create React App with Sass and CSS Modules
Stars: ✭ 78 (-12.36%)
Mutual labels: sass
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.
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 [email protected]: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
- Normalize.css (http://necolas.github.io/normalize.css | Nicolas Gallagher, Jonathan Neal | MIT License)
- SASS Boilerplate (https://github.com/HugoGiraudel/sass-boilerplate) | Hugo Giraudel | MIT License)
- Skeleton (http://getskeleton.com) | Dave Gamache | MIT License)
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].