Search code examples
csscss-selectorsreasonglamorbs-css

What's the bs-css child selector equivalent of sass child selector?

I currently have some SASS I'm trying to convert to use bs-css (7.3).

The sass looks like 

.checkbox {
    svg {
        height: 28px;
        width: 28px;
    }
}

I've tried using

open Css;
let checkbox =
    style([
    backgroundColor(Basics.Colors.white),
    border(`px(1), `solid, Basics.Colors.gray850),
    selector(
        "svg",
        [height(Basics.Icon.epsilon), width(Basics.Icon.epsilon)],
    ),
    ]);

But I get back the css property svg set to [Object Object]

Solution

  • is basically bindings to , so you can use any selector described in its docs.

    For child selectors it recommends using "& svg", and although the & can be omitted, I'd really recommend including it for readability. Whitespace tends to be easy to miss.