> On 03 Jul 2015, at 09:18, Jonathan Kingston <jonathan@jooped.com> wrote:
>
> Sorry for the super delayed response.
>
> >>calc however as mentioned removes meaning
> >There are no semantics tied to CSS property values
>
> Less 'semantic' and more readable, CSS properties like all programming languages have intent. The easier that is to read the easier a developers life is.
I agree, but it has to be weighted against how often that's needed and what the cost of specifying and implementing are. Browser vendors don't seem too keep on this cost / benefit ratio at the moment.
> The flex example would still need to use calc with min-width specified also variable width is often required.
I'm not sure I follow. Look at this example:
http://jsbin.com/favini/edit?html,css,output <http://jsbin.com/favini/edit?html,css,output>
You can do the equivalent of your
> width: 20%;
> margin: 1rem 2rem;
> box-sizing: margin-box;
With just as few properties (fewer if you count display), and without invoking calc.
This isn't to say that box-sizing:margin-box is wrong, but it isn't urgently needed.
- Florian