diff options
author | Thomas McDonald <tom@conceptcoding.co.uk> | 2012-05-06 21:57:10 +0400 |
---|---|---|
committer | Thomas McDonald <tom@conceptcoding.co.uk> | 2012-05-06 21:57:10 +0400 |
commit | c47196e25193a4f0a2c146d5b62e5f8e30ec5ceb (patch) | |
tree | fa98b8382072d53dcbb831221f5f4045c3a3accc | |
parent | 4a8dc21e8637ec0bfdacbe8d0c035021f40bf78f (diff) | |
parent | c5b24a1347b7f4c4764714621b4372bb47fe30ff (diff) |
Merge pull request #114 from cabgfx/master
Documentation: how to use Bootstrap mixins with multiple values
-rw-r--r-- | README.md | 8 |
1 files changed, 8 insertions, 0 deletions
@@ -29,6 +29,14 @@ Need to configure a variable or two? Simple define the value of the variable you **Note**: It's important that the file you are importing is not named `bootstrap`, since this will cause an import loop. As a general rule, errors are something you should try to avoid. +##### Passing multiple values to mixins + +Some CSS3 properties take multiple values, such as `box-shadow` or `text-shadow`. To pass multiple values to the Bootstrap mixins, you must escape the values or else the Sass parser will choke on the commas. Here's how to escape the values in Sass: + + .selector { + @include box-shadow(#{0 2px 5px rgba(0,0,0,.25) inset, 0 -2px 5px rgba(0,0,0,.25) inset}); + } + #### Javascripts You can include the Bootstrap javascripts through two methods. In this case, Sprocket's `//= require` directives are useful, since there is no better alternative. |