1
resposta

Parâmetro da borda destaque não compila

Pede-se que deixemos o valor $raio: 0.3em padrão para todas as bordas arredondadas menos para o botão destaque que receberá @include borda-arredondada(50px); Porém esse comando não é nem compilado e nem dá erro. Como proceder?

edit1: Sass -v : 3.5.1

Mixin + variável

$raio: 0.3em;

@mixin borda-arredondada ($raio: 0.3em){
  -ms-border-radius: $raio;
  -o-border-radius: $raio;
  -moz-border-radius: $raio;
  -webkit-border-radius: $raio;
  border-radius: $raio;
}

Aqui não compila e não dá erro

.destaque button {
  margin-top: 1em;
  background: $cor-padrao;
  border: 0;
  padding: .6em;
  font-size: 1.2em;
  @include borda-arredondada(50px);
  @include sombra-padrao;
  font-weight: bold;
}

Aqui Compila

.plano button {
  background: $cor-padrao;
  border: 0;
  color: $cor-branca;
  width: 210px;
  height: 38px;
  font-size: 1.2em;
  @include borda-arredondada;
  @include sombra-padrao;
  margin-left: 2em;
}
1 resposta

Faala Rennan, tudo bom cara?

Bom eu testei o código que você me mandou aqui no Codepen neste link:

https://codepen.io/soutomario/pen/MvgbXp?editors=0100#

O erro que havia dado foi pq eu chamava uma variável que não havia sido criada, então eu criei as variaveis no começo do código, depois os mixins e por fim os seletores para aplicar os estilos.

Pode dar uma checada se seu código segue esta ordem?

Espero ter ajudado :)

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