Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Classes de estilo sem chaves { } não funcionaram. Foi preciso usar as chaves { }

Tentei escrever as classes de estilo sem as chaves { }, conforme é mostrado no vídeo, mas não funcionou. Os estilos só foram reconhecidos pelo Chrome e pelo Firefox depois de colocar as chaves { }.

Isso não funcionou:

  .centralizado
    text-align: center;

  .corpo
    font-family: Helvetica, sans-serif;
    margin: 0 auto;
    width: 96%;

  .lista-fotos
    list-style: none;

  .lista-fotos .lista-fotos-item
    display: inline-block;

Isso sim funcionou:

  .centralizado {
    text-align: center;
  }

  .corpo {
    font-family: Helvetica, sans-serif;
    margin: 0 auto;
    width: 96%;
  }

  .lista-fotos {
    list-style: none;
  }

  .lista-fotos .lista-fotos-item {
    display: inline-block;
  }
1 resposta
solução!

Fala aí Tobias, tudo bem? Para escrever sem as chaves você precisa utilizar o sass.

Para usar o sass no lang do seu style você informa sass:

<style lang="sass" scoped>
    .loading
        align-items: center
        display: flex
        height: 100vh
        justify-content: center
        width: 100vw
</style>

Espero ter ajudado.