2

Olá! Estou aprendendo SASS e me deparei com um problema que era pra ser simples,. heehehe.

Isso não está compilando:

$purple: #9b0aa8;

#fofo{
  width:40px;
  height:40px;
  background: $purple;
}

#fofo:hover{
  @include transform(translateY(50%), scale(0.5));
}
<div id="fofo"></div>

Ele apresenta prblema na linha:

`@include transform(translateY(50%), scale(0.5));'

dizendo:

  stdin 10:3  root stylesheet on line 10 at column 3

Alguma ideia? parece tudo certo pra mim. =//

5
  • Jovem teste sem essa vírgula entre translateY(50%), scale(0.5), assim ` @include transform(translateY(50%) scale(0.5))` e veja se compila. Se der certo me fale que eu publico como resposta ok :)
    – hugocsl
    Commented 5/11/2018 às 12:15
  • Não deu. =/ Eu tinha feito inicialmente sem. Valeu! Commented 5/11/2018 às 12:25
  • Estou usando o sassmeister.com Commented 5/11/2018 às 12:26
  • Eita, agora deu: Undefined mixin. stdin 10:3 root stylesheet on line 10 at column 3 Commented 5/11/2018 às 12:29
  • Da uma olhada como o código que eu coloquei na resposta, compilou sem erros!
    – hugocsl
    Commented 5/11/2018 às 12:36

1 Resposta 1

3

Acredito que primeiramente vc deve criar o seu @mixin, e depois fazer o @include como vc pode consultar no guia: https://sass-lang.com/guide

Dessa forma:

$purple: #9b0aa8;

@mixin transform($property, $propertyx) {
  transform: $property, $propertyx;
}

#fofo{
  width:40px;
  height:40px;
  background: $purple;
}

#fofo:hover{
  @include transform(rotate(30deg), scale(0.5));
}

Vc pode testar aqui que vc vai ver que vai compilar direitinho https://www.sassmeister.com/

2
  • Aaah tá, pelo tutorial que eu estava seguindo não parecia necessário criar o mixin. Tá aí, obrigado! Commented 5/11/2018 às 12:38
  • 1
    @RPGDeividPacheco eu não sou especialista em SCSS rss, pode ser que tenha outra forma, mas o que eu posso garantir é que da forma que eu fiz não vai dar erro... mas pode não ser a melhor forma de fazer rss. Pelo Guia me pareceu que é para fazer assim...
    – hugocsl
    Commented 5/11/2018 às 12:40

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 .