NOTE: This package was good for Meteor 0.6.x-0.8.x and with changes in Meteor 0.9.x+ the method this package uses isn't working anymore.
nemo64:bootstrap less
is the package you'll want to have in the future. It goes around the limitations and is configurable in a totally new level compared to this package.
Bootstrap 3.2.0, with all Less files for easy style customization for Meteor 0.8.x.
npm install -g meteorite
(if not already installed)mrt add less
mrt add bootstrap3-less
@import "/packages/bootstrap3-less/bootstrap.import.less";
@import "/packages/bootstrap3-less/lib/less/theme.import.less";
You can copy the bootstrap.import.less
file into your project and overwrite the variables like this:
// Application Overrides (config)
// ---------------------------------------
// (Here you can override any variables defined in the default set above)
@brand-primary: #FF69B4; // needs a fabulous color ;)
Then you need to rename it into bootstrap.less
and you can start using your custom build.
Moreover you can take advantage of the mixins that bootstrap provides if you put 2 files into your project.
Create one variables.import.less
file which should only contain variables and mixins so you can import it into every file of you project for easy access.
// Defines where the package is
@bootstrap3-less-root: "/packages/bootstrap3-less";
// Import Bootstrap core variables and mixin
// ---------------------------------------
// (you need these first, to get the default setup for bootstrap)
@import "@{bootstrap3-less-root}/lib/less/variables.import.less";
@import "@{bootstrap3-less-root}/lib/less/mixins.import.less";
// Application Overrides (config)
// ---------------------------------------
// (Here you can override any variables defined in the default set above)
@icon-font-path: "@{bootstrap3-less-root}/lib/fonts/";
To include the rest of Bootstrap, create a bootstrap.less
file where you @import
all files that actually contain the styles. You may remove or comment out lines that you don't need to save bandwidth and performance.
@import "variables.import.less";
// Because of the order less handles it's imports this variable needs to be redefined
@bootstrap3-less-root: "/packages/bootstrap3-less";
// Import Bootstrap
// ---------------------------------------
// (This is the full set of package files, include only what you need)
// Reset and dependencies
@import "@{bootstrap3-less-root}/lib/less/normalize.import.less";
@import "@{bootstrap3-less-root}/lib/less/print.import.less";
@import "@{bootstrap3-less-root}/lib/less/glyphicons.import.less";
// Core CSS
@import "@{bootstrap3-less-root}/lib/less/scaffolding.import.less";
@import "@{bootstrap3-less-root}/lib/less/type.import.less";
@import "@{bootstrap3-less-root}/lib/less/code.import.less";
@import "@{bootstrap3-less-root}/lib/less/grid.import.less";
@import "@{bootstrap3-less-root}/lib/less/tables.import.less";
@import "@{bootstrap3-less-root}/lib/less/forms.import.less";
@import "@{bootstrap3-less-root}/lib/less/buttons.import.less";
// Components
@import "@{bootstrap3-less-root}/lib/less/component-animations.import.less";
@import "@{bootstrap3-less-root}/lib/less/dropdowns.import.less";
@import "@{bootstrap3-less-root}/lib/less/button-groups.import.less";
@import "@{bootstrap3-less-root}/lib/less/input-groups.import.less";
@import "@{bootstrap3-less-root}/lib/less/navs.import.less";
@import "@{bootstrap3-less-root}/lib/less/navbar.import.less";
@import "@{bootstrap3-less-root}/lib/less/breadcrumbs.import.less";
@import "@{bootstrap3-less-root}/lib/less/pagination.import.less";
@import "@{bootstrap3-less-root}/lib/less/pager.import.less";
@import "@{bootstrap3-less-root}/lib/less/labels.import.less";
@import "@{bootstrap3-less-root}/lib/less/badges.import.less";
@import "@{bootstrap3-less-root}/lib/less/jumbotron.import.less";
@import "@{bootstrap3-less-root}/lib/less/thumbnails.import.less";
@import "@{bootstrap3-less-root}/lib/less/alerts.import.less";
@import "@{bootstrap3-less-root}/lib/less/progress-bars.import.less";
@import "@{bootstrap3-less-root}/lib/less/media.import.less";
@import "@{bootstrap3-less-root}/lib/less/list-group.import.less";
@import "@{bootstrap3-less-root}/lib/less/panels.import.less";
@import "@{bootstrap3-less-root}/lib/less/responsive-embed.import.less";
@import "@{bootstrap3-less-root}/lib/less/wells.import.less";
@import "@{bootstrap3-less-root}/lib/less/close.import.less";
// Components w/ JavaScript
@import "@{bootstrap3-less-root}/lib/less/modals.import.less";
@import "@{bootstrap3-less-root}/lib/less/tooltip.import.less";
@import "@{bootstrap3-less-root}/lib/less/popovers.import.less";
@import "@{bootstrap3-less-root}/lib/less/carousel.import.less";
// Utility classes
@import "@{bootstrap3-less-root}/lib/less/utilities.import.less";
@import "@{bootstrap3-less-root}/lib/less/responsive-utilities.import.less";
@import "/packages/bootstrap3-less/lib/less/theme.import.less";
to your own less file./public/fonts
symlink pointing to ../packages/bootstrap3-less/lib/fonts
. This isn't needed anymore since /packages
folder is now public in Meteor. You can remove the symlink.bootstrap.import.less
), note that there is now one new file to import: responsive-embed.import.less
.lessimport
extension. Upgrade your custom import file to match new .import.less
extensions.This package is licensed under the MIT license. See Bootstrap License.