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

Question

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]

score 3 · Accepted Answer · answered Nov 01 '18 at 17:23

bs-css is basically bindings to glamor, 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.

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

1 Answers1