Skip to content

Instantly share code, notes, and snippets.

@nnarhinen
Last active August 29, 2015 14:14
Show Gist options
  • Save nnarhinen/4a1e3f428009d658eaee to your computer and use it in GitHub Desktop.
Save nnarhinen/4a1e3f428009d658eaee to your computer and use it in GitHub Desktop.
How to import bootstrap and react-widgets theme to your stylus file
@import "../../node_modules/bootstrap/less/bootstrap.less";
@import "../../node_modules/bootswatch/yeti/variables.less";
@import "../../node_modules/bootswatch/yeti/bootswatch.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;
}
}
@import "bootstrap.css"
@import "react-widgets.css"
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 > $@
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment