minimalistic but flexible and powerful SCSS / CSS framework
Blackhole is a modular, flexible, minimalistic, but powerful SASS / CSS framework which focuses on semantics and preaches a write clear code way of getting things done.
It's a good and fast solution for prototyping your projects and creating a solid but flexible architecture for them, only leaving to you the process of configuring, creating some unique design, and maybe extend things based on your needs.
Despite the power and flexibility it offers, it has an easy learning path and you will start using it in no time.
What features does it offer
- lightweight the framework's boilerplate size is pretty small and the modules it has are optional, you decide if you use them or not
- modular almost everything we use is a module, which you can plug / unplug and change whenever you want
- flexible the framework offers an overall flexibility because you set up everything from the start
- semantic all the code is written with semantics in mind, and you will understand it very easy
- fluid & scalable the layout of all the components is made to be fluid and everything is scalable when playing with the font size (including the font icons we use from Font Awesome)
- responsive all the components are responsive down to 640px wideness
- RTL support all the components have RTL (Right-To-Left) support included in a module, ready to be used whenever you want
- components lots of components included, from categories such as typography, buttons, controls, inputs, notifications, navigation, boxes, tables, icons, media + many others, via the Component Manager
- vendors vendor integration made easy (we are already included the UIkit Library as a module)
- easy to configure project's options BEFORE starting to work on it (thanks to its configuration file);
- lots of mixins and functions to reduce the amount of code you write;
- minimizing the effort put in changing things;
- generating minified (and other styles) versions of your CSS;
- layout-ing generators;
- auto-compiling of the SASS files using a designated SASS Monitor;
- + many others.
Different by design
Unlike other frameworks, Blackhole doesn't force you into using stuff you don't want, so that's why it was created with modularity in mind, and you're the one who decide which available modules you want to use.
- edit edit the config file by changing its style options to fit your needs
- pick pick the modules you want to use and add them into the boot loader
- grab start grabbing components you need from the Component Manager and adjust them to your needs
- customize further customize (style) your project until it looks and feels the way you want
The minimum you need to get starting is the framework's boilerplate.