[csswg-drafts] Feature: Add outerPadding and innerPadding properties as proxies for margin and padding (#6192)

ctjlewis has just created a new issue for https://github.com/w3c/csswg-drafts:

== Feature: Add outerPadding and innerPadding properties as proxies for margin and padding ==
I have never submitted a CSS proposal and am not sure if this even the right repo for this. I am trying to follow @GCSBOSS's example in #6169. 

## Proposal
This proposal aims to add self-obvious proxies for `margin` and `padding` properties called `outerPadding` and `innerPadding` respectively. I do not propose deprecating the legacy properties, only add to self-obvious terminology that will remove an unnecessary lack of clarity.

The difference between margin and padding is not *actually* complicated, but is often difficult to identify without rote memorization as seen in [this thread](https://twitter.com/ColinCodesDev/status/1379851048031027202) and others. This is one of the many tiny things that contribute to CSS's status as [notoriously quirky](https://twitter.com/tolmasky/status/1374736170085621768).

## Benefits
A more communicable box model, new CSS developers, happier existing CSS developers. 

## Problems
The addition of two new properties. There are no other downsides, as these just proxy directly for `margin` and `padding` with no additional sacrifices. Purely additive.

## Syntax

This example demonstrates the use of `outerPadding` and `innerPadding` properties in place of legacy `margin` and `padding`.

```css
.box {
  outerPadding: 24px;
  innerPadding: 12px;
}
```

### Alternative Syntax

The above example is equivalent to the following.

```css
.box {
  margin: 24px;
  padding: 12px;
}
```


Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6192 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 7 April 2021 21:24:46 UTC