🍰Framework

As a part of implementing its own development methodology and to simplify the starting process, a ready-made framework was implemented so you can begin building on WP Rig as soon as possible.

Based on many years of experience I found that usually most of frameworks contains a lot of content which doesn't used.

I created Bulma Barebone framework which is trimmed version of Bulma framework plus containing some utilities which are missed in original Bulma and fit well with WP Rig Toolkit environment.

Bulma Barebone framework is based on Bulma. Bulma provides a very easy way for markup columns, however, it lacks some classes that could make it more flexible. To address this, the Bulma framework was cleaned, leaving only basic wireframe and responsiveness classes. But at the same time, it was also expanded and modified to correspond to the logic. Additional classes with responsive breakpoint postfixes were added, but all in all the logic is the same as in the Spacing System.

GitHub - skywardpro/bulma-barebone: The trimmed version of the Bulma framework with some additional CSS utilities.GitHub

Source files of the framework are placed in:

📂 assets/css/src/framework

bulma-barebone.sass and its partial .sass files placed in 📂 assets/css/src/framework/sass/ subfolders contain all mixins. They used to generate classes for easy customization of your styles right through the markup. I tried to left only most used values keeping the balance between size and variety. You can remove what you don't need or add yours.

To rebuild framework please run in terminal:

npm run build:framework

Under the hood

You can find the command description if package.json

"build:framework": "dart compile-sass.dart assets/css/src/framework/bulma-barebone.sass assets/css/src/framework/_bulma-barebone.css",

Basically it takes bulma-barebone.sass file and generates _bulma-barebone.css file as partial (because it included into global.css file by default).

Remind you, that if .css file has underscore in the beginning of its name WP Rig will understand its separate file used to combine another file and will not copy it to production.