Sass Mixins Not Available in bootstrap-sass Project

Asked Oct 23 '13 at 17:16

Active Feb 19 '14 at 09:55

Viewed 177 times

I have a Rails 4 project with bootstrap-sass and mixins like border-radius(3px) are unrecognized. I'm not certain what I'm doing wrong, but here are what I think are the relevant file parts:

// myfile.css.scss
@import "bootstrap";

#hotel-form {
  display: none;
  border: 1px gray solid;
  padding: 1em;
  margin-top: 2em;
  @include border-radius(3px);
}

I shouldn't need to import bootstrap in the above but I did it anyhow to try to get the border-radius mixin to be recognized.

# Gemfile
... lots of other stuff
gem 'bootstrap-sass', github: 'thomas-mcdonald/bootstrap-sass'
... and more other stuff

// application.css
*= require_self
*= require_tree .

I don't know if application.css is the problem. I get bootstrap from a CDN as follows:

-# application.html.haml

= stylesheet_link_tag "//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"
= javascript_include_tag "//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"

I've tried every different combination other than installing bootstrap on my dev machine with no joy. Any pointers appreciated.

Thanks

edited Feb 19 '14 at 09:55

Mike Causer

8,196
2
43
63

asked Oct 23 '13 at 17:16

Steve Ross

4,134
1
28
40

There is no border-radius mixin? – cimmanon Oct 23 '13 at 18:02
Ahhhhh. Removed in Bootstrap 3. Hmmmm. So I get to write my own. Sigh. – Steve Ross Oct 23 '13 at 20:05
Use an existing library? http://compass-style.org/ – cimmanon Oct 23 '13 at 20:10
Compass is pretty heavy for what I'm doing. I know caching clears some of that up, but each new client grabs my Compass-enhanced stylesheet which is usually pretty big if I'm using mixins. – Steve Ross Oct 23 '13 at 20:33

Sass Mixins Not Available in bootstrap-sass Project

0 Answers0