Create a smart `LineClamp` about atomizer HOT 8 CLOSED

So if I had a class LineClamp-1250px, how would you parse it? Seems like we need an more explicit separator between the two values.

from atomizer.

As discussed previously, the first digit in the suffix is the line-clamp value, whatever follows is the max-height value:

.LineClamp-1250px {
   -webkit-line-clamp: 1;
   max-height: 250px;
}

Yes, this suggests that authors won't be able to use a greater value than 9 for line-clamp but I don't think there are real-life examples of clamping content to 10 lines and up. Yes, separating the 2 values would allow to use any values we want, but I'm not sure what separators we should include here so may be not worth adding complexity to cater for something that may never ever be needed.

from atomizer.

Yeah, that was my concern with the example I gave - this limits you go < 10 lines. Even if we don't feel that > 9 lines is likely, the format of that number feels really confusing and ambiguous to me...

from atomizer.

I think this is something that could be implemented as a extension coz it is not really an atomic style since it relies on several different props

from atomizer.

@3den we plan to include/offer helper/utility classes and the LineClamp-* one is definitely one that needs Atomizer to work.

from atomizer.

@thierryk I agree, what i am suggesting is to keep the core lean and allow the community to create Atomizer extensions for helpers and make it easy for people to define their own helpers.

For instance Stencil had a lot of features on the core that very few people needed, it would be awesome for atomizer to have extra features added as "plugins" so that any one could create their own Atomic extensions without having to add that to the core #96

from atomizer.

We now have a helpers.js ruleset that includes LineClamp, so I believe this can be closed. @renatoi and @thierryk please confirm!

from atomizer.

Yes, we now do support LineClamp.

from atomizer.