Solucionado
Para mim não ficou claro porque usamos "/" durante a utilização do shorthand.
Sabem o motivo? Ou qual padrão deverá ser seguido? (ou seja, quando eu sei que preciso colocar esta barra em caso de usar shorthand)
Link de referência: MDN Web Docs
Trecho de código para referência:
.banner__imagem{
background: url('../../img/banner.jpg') no-repeat center / cover;
height: calc(100vh - 72px);
width: 100%;
}
Já tentou tirar essa '/' do no-repeat center / cover;?
Pelo que entendi n necessita dela...
Oi Marcus! Eu testei sim, quando tirei a "/" a imagem parou de aparecer na página.
Ai pesquisei para entender o uso da barra e quando aplicar, mas não ficou claro.
Olá Gabriella, Vi aqui que: background tem propriedades que compartilham unidades de valor (comprimento e porcentagem); sem ela não podemos distinguir quais valores são para quais. por isso a /. Pro css nao se confundir.
Ficou claro?
A barra é a sintaxe necessária para separar os valores de posição do plano de fundo e os valores de tamanho do plano de fundo. Isso é para eliminar a má interpretação dos valores especificados.
Valeu Marcos, agora entendi. Obrigada pela ajuda \o/