compass-twitter-bootstrap icon indicating copy to clipboard operation
compass-twitter-bootstrap copied to clipboard

Font Awesome for responsive layout

Open mmlac opened this issue 12 years ago • 1 comments

How can I import the font awesome with the responsive layout without screwing around in the gem?

@import "compass_twitter_bootstrap_responsive" @import "compass_twitter_bootstrap/font-awesome"

throws Invalid CSS after "...rap_responsive"": expected selector or at-rule, was "@import "compas..."

Or: can we get a compass_twitter_bootstrap_responsive_awesome?

Btw: why is the _awesome so long? can't you just do import the normal one and then do an @import font-awesome? (just asking, still new to SASS)

mmlac avatar Apr 02 '12 05:04 mmlac

This wont work because the "_responsive" sass file is designed for including after one of "compass_twitter_bootstrap" or "compass_twitter_bootstrap_awesome". The right way to do this is:

@import "compass_twitter_bootstrap_awesome"
@import "compass_twitter_bootstrap_responsive"

or without font-awesome, like so:

@import "compass_twitter_bootstrap"
@import "compass_twitter_bootstrap_responsive"

This could probably be described better in the docs.

keithamus avatar Apr 08 '12 18:04 keithamus