0

Bom dia! Estou a fazer alguns teste com a função do sass ela não me retorna nada. Achei que era algo que eu estava digitando errado, ou algo do tipo. Fui copiei a função exata deste site aqui e ainda continua o erro. A função é está aqui

        @function cp($target, $container) {
      @return calc-percent($target, $container);
    }
.my-module {
  width: calc-percent(650px, 1000px);
}

Já limpei cache do navegador, já tentei em ferramentas online...Enfim, o que poderia fazer ?

1
  • Você está declarando a função calc-percent? Porque no link a função cp é só um nome menor pra calc-percent, que é declarada antes de cp.
    – VitorLuizC
    28/01/2016 às 15:08

2 Respostas 2

1

Você não chamou a função. Acredito que o correto seria:

.my-module {
   width: cp(650px, 1000px);
}
1
  • Fiz a chamada assim, e não alterou em nada. 4/09/2014 às 13:58
0

O link que você colocou na pergunta mostra duas funções. Uma é a calc-percent e a outra é a cp que é só um nome menor pra função já declarada.

@function calc-percent($target, $container) {
  @return ($target / $container) * 100%;
}

@function cp($target, $container) {
  @return calc-percent($target, $container);
}

.my-module {
  width: cp(650px, 1000px);
}

Ela funciona perfeitamente, possivelmente você não declarou a função calc-percent. Abstraindo ela fica até mais simples o código.

@function cp($target, $container) {
  @return ($target / $container) * 100%;
}

.my-module {
  width: cp(650px, 1000px);
}

Que resulta no seguinte CSS:

.my-module {
  width: 65%;
}

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 .