Comments (6)
I take it you're using the compass version of the mixin? I know the standard one definitely has the -ms prefix, but someone else had worked on the Compass version so I'd have to look into that.
from sass-flex-mixin.
Actually, I''m not using the Compass version, just the regular SCSS file which I import into my project.
from sass-flex-mixin.
Welp, that's confusing. Line 67:
https://github.com/mastastealth/sass-flex-mixin/blob/master/flex.scss#L67
-definitely has what you need. I honestly don't know what to say. Can you see if that line still exists?
from sass-flex-mixin.
Yep, that line exists. The weird thing is when using @include flexbox; in an element's SCSS, the CSS file rendered is shows this:
display: -webkit-box;
display: -webkit-flex;
display: flex;
instead of this
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
from sass-flex-mixin.
I got this fixed now! It has nothing to do with your mixin collection, but rather the configuration of the Grunt Autoprefixer task. It was set to "last 1 version" (IE11) which in turn removed all irrelevant vendor-prefixed CSS values. I fixed this by changing the option to "last 2 versions".
Thanks. and sorry for buggin...
from sass-flex-mixin.
All's well that ends well. :D
from sass-flex-mixin.
Related Issues (20)
- @mixin flex() throws no errors when passed space seperated values HOT 3
- Simpler / safer aliasing HOT 4
- `flex-dir` using `$value: false`
- Add the mixin to the bower repository HOT 8
- License field/note HOT 2
- Examples HOT 4
- Should flex.scss have an underscore prefix? HOT 6
- New bower release? HOT 2
- thanks HOT 1
- Push latest revision to NPM HOT 5
- Mixin does not work properly on IE10, because it should use -ms-flex prefixed properties HOT 1
- 1.0.1 release not published to npm... HOT 1
- major version number should be bumped; renaming flex.scss was a breaking change HOT 10
- flex-wrap incorrect values
- IE10+ HOT 1
- Add the moz-box
- Include doesn't copy -ms properties and extend is not working at all
- Defaults? HOT 2
- Add Firefox 22- support (display: -moz-box) HOT 3
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 sass-flex-mixin.