4
respostas

SASS - Praceholder (Dúvida)

No Sass com o Placeholder é possível criar Placeholder para @medias-queries?


Exemplo igual ao que fazemos no mixin:

@mixin mobile {
    @media (max-width: 600px){
        @content
    }
}

Fazer assim no placeholder:

%mobile {
    @media (max-width: 600px){
        @content
    }
}

4 respostas

Isso é uma coisa pedida há muito tempo... pelo menos 4 anos: https://github.com/sass/sass/issues/1050

Tente assim http://breakpoint-sass.com

Obrigado @ricardoaugusto21k

Vou tentar sim.

minha intenção em tentar usar um placeholder é para que todas variações ficassem centralizadas na mesma area no css.

Exemplo:

@media (max-width:950px){
    a.{ color: #fff}
    b.{ color: #fff}
    c.{ color: #fff}
}

Já tentei de forma semelhante... centralizar os @media em um só lugar... funcionou razoavelmente quando é algo bem pequeno/enxuto. Quando o projeto tem muitos detalhes ou muitas telas/templates diferentes prefiro organizar por componentes.

Vale a leitura:

https://acss.io

http://getbem.com/introduction/

Entendi.

Obrigado pelas indicações, vou ler sim...

Obrigado @ricardoaugusto21k

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software