Comments (8)
Making this responsive will be very difficult, if not impossible.
display: table[-*];
cannot break onto several lines, so you’d have to have stacked (i.e. display: block;
) and then jump into display: table[-*];
at a certain point.
With this object, there would be no way to have items break onto new lines at different breakpoints; it’s either all or nothing :(
from objects.pack.
With this object, there would be no way to have items break onto new lines at different breakpoints; it’s either all or nothing :(
Yeah, so break all at one breakpoint (just like flag). The key difference is that with flag we know we only have two elements that will be stacked vertically, but with this we don't know how many.
It's not perfect, I know, but better than nothing, right? Or do you think it's better to leave it out of the framework business and let implementors use it per case basis?
from objects.pack.
I could build an all-at-once version, yeah.
It's not perfect, I know, but better than nothing, right?
I think you might be right. Let me look into it :)
from objects.pack.
I think you might be right. Let me look into it :)
Great, thanks!
In all honesty this, flag, media and similar are just aching for element queries (someday) :)
from objects.pack.
leave it out of the framework business and let implementors use it per case basis
After reconsidering the problem the last few months, I'd vote for such an approach. It's far more easier for implementors to create modifier classes like o-pack@palm
or whatever to get the behaviour they want than let the framework provide a one-size-fits-all-solution far everybody, which is never quite right and has to be tweaked slightly from project to project.
Leaving a responsive modifier out of the framework will keep it simple and extendable for implementors.
The same applies to the media- and flag-object, IMO. I've often need more than one breakpoint for the media-object, which case is not covered in that module.
Furthermore, that's a decision I don't want to make for such an abstract object as the media-object. I think something like a breakpoint in this case is more a job to be dealt with in the components layer, really – even if element queries were possible.
from objects.pack.
@csshugs sorry for putting element queries in there and getting confusion slip into this.
What I was after is something like in flag object here: a simple "make it display: block
when smaller than $some-breakpoint
".
from objects.pack.
@nenadjelovac Do we agree on not implementing this in this version of inuitcss?
from objects.pack.
@csshugs agreed. Closing this issue.
from objects.pack.
Related Issues (3)
- Add pack flush. HOT 6
- Add pack--top? HOT 6
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 objects.pack.