Ok, I got help with that and there were several issues with the paths that were the main problem. I’ll explain them here in case it helps someone in my position. The problem was: indeed, the font files were not loading The errors: mostly related to paths and how compass & sass behave with @import … Read more
Compass adjusts the way partials are imported. It allows importing components based solely on their name, without specifying the path. Before you can do @import ‘compass’;, you should: Install Compass as a Ruby gem: gem install compass After that, you should use Compass’s own command line tool to compile your SASS code: cd path/to/your/project/ compass … Read more
Another great mini-library… Bootstrap by Mark Otto, Designer at Twitter Bootstrap is a super awesome pack of mixins and variables to be used in conjunction with LESS, a CSS preprocessor for faster and easier web development. Demo/Site: http://getbootstrap.com/ Mixins: https://github.com/twbs/bootstrap/tree/master/less/mixins Github/Source: https://github.com/twbs/bootstrap
You can include it inside the mixin like so: @include border-radius(5px !important); Compass will output the following: -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; -ms-border-radius: 5px !important; -o-border-radius: 5px !important; border-radius: 5px !important;
For those of you who came here looking for a way of importing a CDN as a sass @import I found the answer here: https://github.com/webpack-contrib/sass-loader/issues/246 This is how you do it (using bootstrap as an example): styles.scss @import url(https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css);
At the risk of oversimplification, Compass is a framework while Sass is a language abstraction. You write Sass code (and compile it to standard CSS) within the Compass context. SCSS is simply the most recent syntax of the Sass language. It was created for the sole purpose of being more CSS-like in its syntax, as … Read more
I tried re-creating this, and .someclass.notip was being generated for me but .someclass:not(.notip) was not, for as long as I did not have the @mixin tip() defined. Once I had that, it all worked. http://sassmeister.com/gist/9775949 $dropdown-width: 100px; $comp-tip: true; @mixin tip($pos:right) { } @mixin dropdown-pos($pos:right) { &:not(.notip) { @if $comp-tip == true{ @if $pos == … Read more
I just had a similar situation and there is something else missing from @corroded answer. Since @Matt Lynn is downgrading, he needs to uninstall the existing version of compass. $ sudo gem uninstall compass $ sudo gem install compass –version versionnumber Otherwise you will end up with two different versions of compass.
Uninstall sass and reinstall it with the following: gem uninstall sass gem install sass There was an issue with my installation of sass and doing this fixed the issue.
You’re setting the color after it has already been used. Basically, what you’re trying to do is this: $color: red; .foo { background: $color; } $color: green; Depending on how jqtouch is written, you might not be able to modify the colors at all. You need the variables to be set as a default in … Read more