将两个scss文件中的规则编译为一个css规则

Question

我对Sass很陌生，并尝试使用Google搜索并阅读文档，但我无法找到这个问题的答案。

我有两个scss文件，一个用于我的布局规则，另一个用于设计y。在_layout.scss中我有：

ul.helpToggle {

    li {
        margin-bottom: 2em;
    }
    > li {
        padding-bottom: .5em;
    }
}

并在_design.scss中我有

ul.helpToggle {
    list-style: none;

    > li {
        border-bottom: 1px solid #363635;
    }
}

并且在我的css文件中放了两个单独的规则：

ul.helpToggle>li {border-bottom: 1px solid #363635;}

和

ul.helpToggle>li {padding-bottom: .5em;}

我希望输出为：

ul.helpToggle>li {border-bottom: 1px solid #363635;padding-bottom: .5em;}

我的期望错了还是我做错了什么？我正在运行罗盘手表来编译scss文件。