search

static-dev / axis

terse, modular & powerful css library
http://axis.netlify.com
Other
320 stars 45 forks source link

Add alias for multi-line padding workaround #276

Closed janwirth closed 8 years ago

janwirth commented 8 years ago

Re-did #273 after test was failing.

jescalan commented 8 years ago

Nice, this looks good. What is browser support like for this? And would you be willing to also add documentation for this to axis' docs site? Also ping @dbox for comment :+1:

janwirth commented 8 years ago

IE says nope. Source: caniuse It works with background only, not with borders i am afraid.

Currently on the docs :+1: Does this look good? image

jescalan commented 8 years ago

Looks good. I think my only concern with this is that it's a one-line thing, so I'm not sure how useful an alias is since you could probably type the original declaration with fewer characters.

janwirth commented 8 years ago
  1. I have been checking this article by Chris Coyier and this seems to be the most sensible solution for the problem. There are several others available and neither box-decoration-break: clone; nor the other solutions are intuitive. Once some other technique turns out to be better we can possibly just drop-in the replacement.
  2. I was looking at open-type-ligatures and figured multi-line-padding is justified too. Both shorten a longer expression and make it more semantically accessible imo.
janwirth commented 8 years ago

bumpity @dbox

dbox commented 8 years ago

Sorry, I missed this one. LGTM!