与 sass 子选择器等效的 bs-css 子选择器是什么？

Question

我目前有一些 SASS 我正在尝试转换为使用 bs-css (7.3)。

sass 看起来像

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

我试过使用

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)],
    ),
    ]);

但是我把css属性svg取回[Object Object]

Answer 1

bs-css is basically bindings to glamor, so you can use any selector described in its docs.

对于 child selectors，它建议使用 "& svg"，虽然 & 可以省略，但为了便于阅读，我真的建议包括它。空格往往很容易被遗漏。

与 sass 子选择器等效的 bs-css 子选择器是什么？

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

css

css-selectors

reason

glamor

bs-css