You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
24 lines
835 B
24 lines
835 B
/*
|
|
* Float recipe — pulls the child to the start or end of the text flow.
|
|
* Uses the modern `float: inline-{start | end}` logical-side values so
|
|
* the primitive mirrors automatically in RTL contexts. The block-axis
|
|
* margin is left to the standard Box `margin*` props so the consumer
|
|
* can fine-tune top / bottom spacing case by case.
|
|
*
|
|
* `--float-gap` defaults to `var(--space-3)` when the consumer doesn't
|
|
* pass `gap`. The margin sits on the side that faces the wrapped text,
|
|
* so a `start`-side float gets `margin-inline-end`, and vice versa.
|
|
*/
|
|
|
|
[data-box][data-float] {
|
|
float: inline-start;
|
|
margin-inline-end: var(--float-gap, var(--space-3));
|
|
margin-inline-start: 0;
|
|
}
|
|
|
|
[data-box][data-float][data-side='end'] {
|
|
float: inline-end;
|
|
margin-inline-end: 0;
|
|
margin-inline-start: var(--float-gap, var(--space-3));
|
|
}
|