Classes do Bootstrap no SCSS ou HTML?

5

Se eu tivesse um fluxo de trabalho de desenvolvimento que suporte o SCSS e use o bootstrap. Eu posso colocar tags de bootstrap de duas maneiras ...

  • Dentro do HTML: <div class="col-sm-3 offset-sm-9 col-xl-1 offset-xl-11">
  • Parte do SCSS: <div class="mymain"> com o seguinte SCSS
    .mymain {
       @extends .col-sm-3;
       @extends .offset-sm-9;
       @extends .col-xl-1;
       @extends .offset-xl-11;
    }

Pessoalmente, minha preferência é a posterior, já que ela refatora os elementos de layout da interface do usuário do código HTML / JSX e a depuração fornecerá o nome do componente.

Embora a depuração não me proporcione as compensações e isso, além de fazer alterações ao vivo, será mais difícil.

Qual é o padrão mais estabelecido para aplicativos maiores?

    
por Archimedes Trajano 16.04.2017 / 18:16
fonte

1 resposta

1

um motivo principal para selecionar o SCSS ou mesmo em casos de CSS também é a reutilização. então, se você precisar usar o mesmo código novamente, precisará usar a classe em vez da modificação inline para cada tag html, e outra razão é a manutenção, onde é muito mais fácil manter o código em um lugar que passa por todas as tags html mudar onde você poderia facilmente esquecer uma das tags. outra coisa em que pensar em reutilização e capacidade de manutenção é usar um arquivo para conter seu código SCSS em vez de tê-lo em sua página, para que você possa usar todas as classes SCSS de um lugar para todas as suas páginas. Espero que isso ajude a boa sorte ainda mais.

    
por 14.11.2018 / 18:47
fonte

Tags