Comments (5)
That is exactly how it works, and has been working fine for me. Can you show me what happens when you try it?
BTW - ie fallback class is a simple string, without the "." (I should probably document that, if I didn't).
from susy.
oh… yeah, that was probably my mistake, then — I was passing the class name with the leading dot.
Hmm.
Is there a programmatic way to strip a leading dot in sass?
from susy.
Not yet, but it's coming: sass/sass#401
In the meantime, it's easy add the leading dot in Sass:
$ie: lt-ie9;
$ie-class: ".#{$ie}";
There are actually several ways you could write that, I think.
I wonder if there's a way for me to check and accept either one? I imagine that would be coming in the same commit I linked above...
from susy.
Right, yeah.
I ended up just using the IE class as you suggested – the reason this was a (small!) issue at all, and why I asked about removing the leading dot, was that I have a Sass function that takes a browser identifier like “ie” or “ie8” and generates a selector that matches our body
tag in that browser or browsers (.brwsr-X
); the idea was it could be used throughout the project and if we changed how browser detection happened we’d only have to change this function. (And I did already, going from body.brwsr-X
to just .brwsr-X
for less specificity.) But since I’m only using susy’s grid mixins directly in a few places, it’s really not a big deal at all
from susy.
Documented by: e3ebfbf
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.