How to import bootstrap and react-widgets theme to your stylus file

build-bootstrap.less

@import "../../node_modules/bootstrap/less/bootstrap.less";
@import "../../node_modules/bootswatch/yeti/variables.less";
@import "../../node_modules/bootswatch/yeti/bootswatch.less";

build-react-widgets.less

@import "../../node_modules/react-widgets/src/less/variables.less";
@import "../../node_modules/react-widgets/src/less/bootstrap-theme.less";

@import "../../node_modules/bootswatch/yeti/variables.less";
@import "../../node_modules/bootswatch/yeti/bootswatch.less";

@import "../../node_modules/react-widgets/src/less/mixins.less";
@import "../../node_modules/react-widgets/src/less/normalize.less";
@import "../../node_modules/react-widgets/src/less/icons.less";

@import "../../node_modules/react-widgets/src/less/core.less";
@import "../../node_modules/react-widgets/src/less/transitions.less";
@import "../../node_modules/react-widgets/src/less/popup.less";
@import "../../node_modules/react-widgets/src/less/datepicker.less";
@import "../../node_modules/react-widgets/src/less/selectlist.less";
@import "../../node_modules/react-widgets/src/less/select.less";

.rw-date-picker {
  input.rw-input {
    padding: @padding-base-vertical @padding-base-horizontal;
    height: @input-height-base;
    font-size: @font-size-base;
    line-height: @line-height-base;
    text-indent: 0px;
  }
}

default.styl

@import "bootstrap.css"
@import "react-widgets.css"

Makefile

export PATH := ./node_modules/.bin/:$(PATH)
node_modules_less_files = $(shell find node_modules -type f -name '*.less')

default.css: bootstrap.css react-widgets.css default.styl
	stylus --include-css -u nib --import nib -p default.styl > $@
	
bootstrap.css: build-bootstrap.less $(node_modules_less_files)
	lessc build-bootstrap.less > $@
	
react-widgets.css: build-react-widgets.less $(node_modules_less_files)
	lessc build-react-widgets.less > $@