:banana: The brazilian CSS preprocessor writen in NodeJS.
bananafile.json
for customize your build.@function
and bnn-function
features created.bnn-row
bnn-col
bnn-box
(inside or outside)const inputBananaCode = '.a {bnn-size: 50px;}';
// Features injection
const config = {};
config.bnnSize = true; // Default: false
config.bnnPosition = true; // Default: false
config.bnnGradient = true; // Default: false
config.bnnVariable = true; // Default: false
config.bnnImport = true; // Default: false
config.bnnAlign = true; // Default: false
config.bnnWidth = true; // Default: false
config.bnnHeight = true; // Default: false
const Banana = require('banana')(config);
// Output the css
const output = Banana.render("./fake_path.bnn", inputBananaCode);
console.log(output); // .a {width: 50px; height: 50px;}
bnn-width
bnn-height