Bootstrap 4 with backward compatibility for older versions of Sass like Shopify.
Tested with
Changes
- All features of Sass that can't be build with Shopify are replaced with buildable variants
- Use of sass-autoprefixer to get browser vendor prefixes directly in Sass without the need of recompile the css file
- Added variables.json, very useful to generate theme settings for the bootstrap variables
- Changed comment style of scss/_variables.scss to follow the annotations of Sassdoc, that makes it possible to generate the variables.json
Usage
Several quick start options are available:
- Clone the repo:
git clone https://github.com/JumpLinkNetwork/bootstrap-backward.git
- Install with npm:
npm install bootstrap-backward
- Install with Bower:
bower install bootstrap-backward
create a .scss file like theme.scss and add import sass-autoprefixer and bootstrap-backward:
@import "../../bower_components/sass-autoprefixer/scss/prefixes";
@import "../../bower_components/bootstrap-backward/scss/bootstrap";
Used in
Contributing
- Run
npm run variables
to generate variables.json - Run
scss scss/bootstrap-backward.scss:dist/css/bootstrap-backward.css
and compare the resulting ./dist/css/bootstrap-backward.css with ./dist/css/bootstrap.css to make sure the result is right.
See the difference between
More
For more information see original github repo of Bootstrap 4
Creators of this fork
JumpLink
Copyright and license
Code and documentation copyright 2011-2017 the Bootstrap Authors and Twitter, Inc. Code released under the MIT License. Docs released under Creative Commons.