Comments (6)
Susy works fine with Compass 0.10.5, but I don't know much about the Rails setup.
Do you have a "require susy" line in your compass config for the project? Blueprint is included in the compass core, so may not require a similar line. I'll look into it more if that doesn't work.
from susy.
Hi Eric, thanks for your fast response.
I found the problem. It's on the installer compass init
. When it finishes, it asks to include the scss files on the application template, instead of the css files:
= stylesheet_link_tag 'compiled/screen.scss', :media => 'screen, projection'
= stylesheet_link_tag 'compiled/print.scss', :media => 'print'
= stylesheet_link_tag 'compiled/ie.scss', :media => 'screen, projection'
Can you please correct that? It's simple, but it can confuse many people (like me). Thanks for this great project.
from susy.
How did you get susy working with compass in a rails project, I'm getting Undefined mixin container
the SASS is exactly what the compass create foo -r susy -u susy
command output to _base.scss
& the gem is defined in my Gemfile
.
from susy.
@lailsonbm If you has installed using compass init -r susy --using susy
then the stylesheets it recommended would have been correct I think. Is that the issue you have? If so, maybe there's just a documentation issue here.
from susy.
@chriseppstein, I think you were replying to me.
I added the gem to my Gemfile (the rails project was already using compass) and copied the styles from the example to my stylesheet and now I get the Undefined mixin container
If I dump the frameworks that Compass has loaded it shows susy as being there, just not getting any of the mixins.
from susy.
Ah if I change the imports from:
@import "susy/susy";
To:
@import "susy";
@import "susy/susy";
Then it works fine.
from susy.
Related Issues (20)
- overflowing span in susy 3 HOT 3
- Migration Guide from Susy 2 to Susy 3 HOT 8
- Susy 2 : 1200px container and 12 columns but debug image has extra column space HOT 5
- context-slice of `12 ` can not be determined based on grid-columns HOT 1
- Trying to import SVG Grid Image Plugin fails HOT 4
- Width and margin with 1/2 column spans HOT 2
- upgrade from 2.2.12 HOT 1
- Guide to use Susy3 + Node.js + Gulp ? HOT 11
- gutter() not changing with parameters HOT 4
- Which way to build a gallery ? HOT 2
- set different global Gutter base on media querie HOT 3
- gutter() errors when used with asymmetrical grid created with susy-repeat() HOT 6
- Function not found: su-span HOT 1
- span function return calc(), but not percentages. HOT 5
- Not all browsers support susy-svg-grid() with mixed units HOT 3
- No mixin named susy-breakpoint HOT 2
- @if index($span, 'last') does not work HOT 1
- Pull mixin does not work it sems... HOT 3
- Susy2+ - use sass:math for division. HOT 8
- "SassError: $number: ... is not a number" when compiling with webpack and sass-loader HOT 2
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 susy.