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;
}