Comments (7)
Work around to copy bootstrap/_variables.scss into styles.scss
- Cd into the sass_dir location specified in your compass config.rb
- Copy bootstrap/_variables.scss out of the gem and append to styles.scss (one long line):
$ cat $(dirname $(gem which bootstrap-sass))/../vendor/assets/stylesheets/bootstrap/_variables.scss |
sed 's/ !default//' >> styles.scss
- Edit styles.scss and move
@import "bootstrap"
and@import "bootstrap-responsive"
to the end of the file. - Make any other desired edits to the variables.
from bootstrap-sass.
Work around to copy _bootstrap.scss from gem
- Cd into the sass_dir location specified in your compass config.rb
- Copy _bootstrap.scss out of the gem into local stylesheet directory:
$ cp -p $(dirname $(gem which bootstrap-sass))/../vendor/assets/stylesheets/_bootstrap.scss .
- Edit _bootstrap.scss and comment out any
@import
's for mixin's that aren't needed.
from bootstrap-sass.
The README contains a link to Bootstrap's variable list and gives instructions on how to modify them. Copying the entire variables file seems unnecessary - most people will only want to configure a few variables.
The import helper I agree with, to an extent. It was something I began developing when bootstrap-sass only supported Rails but I abandoned it due to issue with how sass-rails looks at load paths. However, once #70 gets fixed, I think unpacking will be the 'supported' way to customise bootstrap-sass with compass - then you have total control over all customisation.
from bootstrap-sass.
OK, Rather than copying all the variables it would be helpful to have links to the relevant information. Someone maintaining an application may not be familiar with bootstrap-sass or bootstrap for that matter. Is this more reasonable for styles.scss?
// See https://github.com/thomas-mcdonald/bootstrap-sass/blob/master/README.md
// for information on this SASS implementation of Twitter Bootstrap.
// Add any bootstrap variables below to override the defaults.
// Complete list at http://twitter.github.com/bootstrap/less.html#variables
// Links
//$linkColor: #08c;
//$linkColorHover: darken($linkColor, 15%);
// Typography
//$baseFontSize: 13px;
//$baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
//$baseLineHeight: 18px;
//$textColor: $grayDark;
// Default 940px grid
//$gridColumns: 12;
//$gridColumnWidth: 60px;
//$gridGutterWidth: 20px;
// I gather this file is a starting point for the project.
@import "bootstrap";
// Include responsive Bootstrap styles
// @import "bootstrap-responsive";// Variables.less
from bootstrap-sass.
It would be really helpful to have an installer. A website I'm working is past the "bootstrap phase" and needs full customization of bootstrap styles.
Not needing to customize files directly is great for starting off, but there comes a point where you need to edit the files directly.
from bootstrap-sass.
Once issue #70 has been addressed, after compass install, you will be able to do a compass unpack bootstrap to extract all the files locally. I may have a fix for #70 but I want to test some more.
from bootstrap-sass.
(probably) fixed in #345
from bootstrap-sass.
Related Issues (20)
- Bug on collapse HOT 1
- sass::syntaxerror Undefined mixin 'border-radius'
- php bin/console assetic:dump --env prod causes error
- Build fails: Unclosed string HOT 1
- Deprecation warnings with `Dart Sass 1.33.0` HOT 8
- Bootstrap-sass v3.3.7 generates a "Using / for division is deprecated and will be removed in Dart Sass 2.0.0." warning when using laravel mix HOT 1
- tooltip inside modal window, on hover of the element scroll bar goes to top - blocker
- math.div changes applied to non-division variables HOT 6
- Compatibility with gulp-sass 4.1.1 broken with bootstrap-sass 3.4.3 and 3.4.2 HOT 24
- Wrong use of Math.div. Breaks compilation HOT 1
- Update packagist for 3.4.3 HOT 7
- 3.4.2 has breaking change math.div HOT 3
- Grunt compass:dist task failing due to Invalid CSS in bootstrap-sass-official/assets/stylesheets/bootstrap/_variables.scss HOT 4
- Font glyphicons is affecting performance HOT 1
- Issue with tooltip
- Removal of sassc dependency HOT 5
- Well, it's only shown if it was already open: if (this._isShown()) {
- Fakeout
- Feature: Additional utilities for width and height property
- [WARNING] Expected ")" to end URL token [css-syntax-error]
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from bootstrap-sass.