Add SASS starterkit

Created on 2 October 2013, about 11 years ago
Updated 24 May 2024, 6 months ago

Hey,

if anyone is intrested on how to run bootstrap 3 on SASS rather than on LESS, here are little instructions.

1. copy bootstrap subtheme and make modifications to .info file
2. go to https://github.com/alademann/sass-bootstrap and follow instructions there on building sass-bootstrap. I've installed sass-bootstrap using bower, but you can clone git project or whatever you like. remember to run npm install and grunt from inside directory you downloaded not your subtheme directory
3. symlink downloaded directory ln -sd bower_components/sass-bootstrap-compass/ ./bootstrap
4. in bootstrap/dist/js you need to symlink sass-bootstrap.min.js to bootstrap.min.js because bootstrap theme is including this file ln -s bootstrap/dist/js/sass-bootstrap-compass.min.js bootstrap/dist/js/bootstrap.min.js
5. init compass project compass init --sass-dir sass --css-dir css
6. copy variables from bootstrap/sass/_variables.scss to ./sass
7. now fun part. Bootstrap subtheme files are coded in .less and there is no converter from less to sass (it was once but it's gone now). Because it's out of scope of this little tutorial i'll just attach needed files, just place them inside sass directory
8. compass compile or compass watch whatever you need
9. it should all work from now

if you need .scss version of attached files use sass-convert

And now the question to bootstrap mainteners: do you think you should also put .sass files (mainly overrides.less) inside this project or should sass info live inside this thread, or maybe there should be another project about sass version of bootstrap theme?

In my opinion sass files and instructions on how to use sass version of bootstrap should be inside this project.

Lech

Feature request
Status

Fixed

Version

3.0

Component

Code

Created by

🇵🇱Poland isilweo

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024