-2

Acabei de terminar um curso de Bootstrap e fiquei com uma dúvida: o aninhamento (nesting) é uma funcionalidade específica do SASS? Pelo o que eu entendi aqui, sim.

Digo isso, porque ao usar Media Queries em conjunto com o Bootstrap eu tenho a possibilidade de fazer algo deste tipo para alterar elementos de acordo com o tamanho da tela. No código abaixo estou dizendo que os elementos vão se alterar em telas pequenas.

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    h1{
        font-size: 3em;
    }

    .btn-custom{
        margin: 10px 15px;
    }
}

Minha dúvida é: isso é aninhamento? Estou usando o SASS?

2
  • Isso não é uma aninhamento de classes, isso é uma regra de view-port
    – hugocsl
    14/12/2020 às 10:43
  • Obrigado hugocsl! :) 15/12/2020 às 16:27

1 Resposta 1

-2

O @media está tanto em css quanto em Sass ele serve para dar responsividade há sua página. O Sass nada mais é que um pré-processador de css, ele muda um pouquinho o jeito de se escrever css (eu diria que melhora um pouco).

inserir a descrição da imagem aqui

Aqui está uma imagem da diferença de Sass e css, você irá notar que a diferença é pouca e também que o Sass torna o código de estilização mais organizado e você também tem a opção de reutilizar código sem precisar sempre digita-lo.

3
  • Legal Matheus, então isso quer dizer que nas Media Queries do código que eu postei não está sendo implementado o aninhamento, está correto? 14/12/2020 às 2:22
  • Aninhar é o ato de você alinhar e organizar o código ali na sua tela, e o Sass trás esse aninhamento de forma a facilitar a sua visão sobre o código. Mas de todo modo seu código está aninhado e organizado como um bom desenvolvedor deve sempre fazer. :) 14/12/2020 às 2:31
  • Entendi Matheus, muito obrigado pela explicação. 15/12/2020 às 16:28

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .