aplica borda inferior na guia ativa no Atom

Question

Eu tenho procurado por um tempo em como aplicar uma borda inferior na guia ativamente selecionada no Atom. Eu tentei adicionar código diferente que encontrei no arquivo styles.less mas ele não parece estar se aplicando. Qual é o código adequado para destacar a borda inferior da guia ativa?

    

Answer 1

Aqui está o código correto. Basta adicioná-lo ao seu arquivo styles.less.

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

Obviamente, você pode alterar a altura e a cor, mas isso mostrará a borda.