将底部边框应用于 Atom 中的活动选项卡

Question

我一直在寻找如何在 Atom 中为当前选中的选项卡应用底部边框的方法。我尝试将找到的不同代码添加到 style.less 文件中，但似乎不起作用。突出显示活动选项卡底部边框的正确代码是什么？

Answer 1

这是正确的代码。只需将其添加到您的styles.less文件中即可。

tabs-tab, .tab {
    &.active {
        &:before{
            border-bottom: solid 4px blue;
        } &:after{
            border-bottom: solid 4px blue;
        }
        border-bottom: solid 4px blue;
    }
}

显然，您可以改变高度和颜色，但这会显示边框。