blog

commit

c77db103cb1a34acf4b4bbc0b54db0b5554d7556

parent

9b4d2969814b2b9b9fed585a9bb08d83a9caaea1

Author

Tobias Bengfort <tobias.bengfort@posteo.de>

Date

2023-08-09 04:58

update post flow-relative: inset for positioning

Diffstat

1 files changed, 1 insertions, 1 deletions

diff --git a/_content/posts/2023-02-26-flow-relative-layout/index.md b/_content/posts/2023-02-26-flow-relative-layout/index.md

@@ -25,6 +25,7 @@ change](https://www.w3.org/TR/css-logical-1/#issue-3d880eb1).
   25    25 -	`margin-block-start`, `margin-inline-end`, …
   26    26 -	`padding-block-start`, `padding-inline-end`, …
   27    27 -	`border-block-start`, `border-inline-end`, …
   -1    28 -	`inset-block-start`, `inset-inline-end`, … (instead of `top`, `right`, …)
   28    29 -	`border-start-end-radius`, … (`border-{block}-{inline}-radius`)
   29    30 -	`text-align: start|end`
   30    31 -	the axis in flex and grid layout are always flow-relative
@@ -34,7 +35,6 @@ Source: <https://www.w3.org/TR/CSS/#CR-exceptions> and <https://caniuse.com/css-
   34    35 
   35    36 # What doesn't work
   36    37 
   37    -1 -	positioning properties like `top` or `left` have no equivalent yet
   38    38 -	[`float`](https://caniuse.com/mdn-css_properties_float_flow_relative_values)
   39    39 -	[`overflow-block|inline`](https://caniuse.com/mdn-css_properties_overflow-block)
   40    40 -	[`resize-block|inline`](https://caniuse.com/mdn-css_properties_resize_flow_relative_support)