elm-css icon indicating copy to clipboard operation
elm-css copied to clipboard

Add `paddingBlock`/`Inline` and generic `marginBlock`/`Inline` properties

Open dzuk-mutant opened this issue 3 years ago • 1 comments

Adds properties from the padding-block and padding-inline group for creating paddings that are relative to reading direction.

  • https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block
  • https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline
paddingBlock (px 10)

paddingBlock2 (px 10) (px 10)

paddingBlockStart (px 10)

paddingBlockEnd (px 10)

paddingInline (px 10)

paddingInline2 (px 10) (px 10)

paddingInlineStart (px 10)

paddingInlineEnd (px 10)

Also adds implementations of margin-inline and margin-block since the specific start and end versions were already made but the broad one-liner versions were not.

  • https://developer.mozilla.org/en-US/docs/Web/CSS/margin-block
  • https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline
marginBlock (px 10)

marginBlock2 (px 10) (px 10)

marginInline (px 10)

marginInline2 (px 10) (px 10)

dzuk-mutant avatar Nov 16 '21 02:11 dzuk-mutant

@rtfeldman Any reason this was not merged? Would be a nice one to have IMO.

Confidenceman02 avatar May 24 '22 11:05 Confidenceman02