Comments (10)
Well, you sure got that one wrong. :)
If you look around even a little, you'll see that all the Susy defaults are in ems, the 'getting started' tutorial uses ems, the site itself uses ems, and the only demo posted uses ems. In fact, Susy was built for the sole purpose of using ems - I just opened it up to other units for flexibility. I'm actually surprised every time someone uses px.
If you're getting that error, you've referenced px somewhere - because I sure haven't. :)
from susy.
Hmm, interesting. Very interesting. I'm about 99% sure I don't have any px anywhere because I was making a point of converting to ems before passing into Susy, but I guess I've gotta go dig a little deeper. I'll see what's up.
And, whoops!
from susy.
I may have been over-zealous. There is one place we assume a px setting - because Compass does (and converts it to ems for you, if you use vertical rhythms). That setting is $base-font-size
. Could that be the culprit?
It's actually important that $base-font-size
be set in px, because we need a way to compare your font size with the usual browser default when you use ems for the grid. That's because em-sized media-queries ignore your font-size settings, and are figured in relation to the browser default.
If that is the problem, there's no "fix", but I should probably get it thoroughly documented.
from susy.
Yup, that's exactly the issue.
This is happening in relation to Aura, which has that initial comparison built in and converts whatever you throw at it (px, me, %, pt) into ems based on browser standards, which it sounds like you're doing in Susy.
So yes, documentation for that would be great, and should solve my issue. My final question is, is there a reason other than "that's how Compass does it" that you're assuming px and not allowing for anything to be put in there, with the assumption being that if you pass in something that isn't px it'll convert whatever it is to ems based on the browser defaults? Again, I understand that the browser uses its default ems for em-sized MQs, so when conveying px based MQs into EM based MQs, shouldn't you not care what unit $base-font-size is in and simply go with the default conversion?
On Thursday, June 7, 2012 at 1:16 PM, Eric Meyer wrote:
I may have been over-zealous. There is one place we assume a px setting - because Compass does (and converts it to ems for you, if you use vertical rhythms). That setting is
$base-font-size
. Could that be the culprit?It's actually important that
$base-font-size
be set in px, because we need a way to compare your font size with the usual browser default when you use ems for the grid. That's because em-sized media-queries ignore your font-size settings, and are figured in relation to the browser default.If that is the problem, there's no "fix", but I should probably get it thoroughly documented.
Reply to this email directly or view it on GitHub:
#57 (comment)
from susy.
Yep, probably. I just borrowed it directly from Compass Vertical Rhythms and figured it would work. My mistake. :)
Re-opening. Any interest in submitting a patch?
from susy.
Yes, yes I will. Expect it later today/tomorrow.
Sam Richard
Sent with Sparrow (http://www.sparrowmailapp.com/?sig)
On Thursday, June 7, 2012 at 1:34 PM, Eric Meyer wrote:
Yep, probably. I just borrowed it directly from Compass Vertical Rhythms and figured it would work. My mistake. :)
Re-opening. Any interest in submitting a patch?
Reply to this email directly or view it on GitHub:
#57 (comment)
from susy.
You rock. Thank you much.
from susy.
No sir, that you very much!
On Thursday, June 7, 2012 at 1:35 PM, Eric Meyer wrote:
You rock. Thank you much.
Reply to this email directly or view it on GitHub:
#57 (comment)
from susy.
Here's the pull request, a day late, but here it is!
#58
from susy.
Closed by #58
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.