/* * vega-embed adds its own `vega-embed` class to whatever element it renders * into, and that class sets `display: inline-block`. An inline-block box sizes * to its content, so a container declaring `width: 100%` stops pinning anything * and instead shrink-wraps the SVG, which is half of the growth loop described * in docs/designs/done/vega_plot_growth.md. * * This lives in a stylesheet rather than an `sx` prop because the class is * added at embed time by vega-embed, to an element we do not style directly — * there is no component to hang an `sx` on. The other half of the fix, the * `minWidth: 0` that lets the flex ancestors shrink, is an `sx` prop on the * components that own those boxes. * * The selector is doubled deliberately. vega-embed ships its rule as a bare * `.vega-embed` in a