Libsass: Suporte CSS min () e max ()

Criado em 25 jul. 2018  ·  9Comentários  ·  Fonte: sass/libsass

Compatibility - P3 Dart Backport Done Sass 3.6

Comentários muito úteis

Para elaborar a solução de @maxfenton , aqui está um exemplo: width: unquote("min(500px, 90%)");

Todos 9 comentários

Eu adicionei Libsass (via SassC Rails) em um projeto e isso realmente acelerou as coisas 🚀

No entanto, outro projeto não pode usá-lo por causa da falta de CSS min() e max() support 😢 - há alguma idéia de quando isso seria suportado?

Definitivamente, estou ansioso para ver isso suportado, já que Ruby Sass agora é EOL.

Caso de teste adicional:
html { font-size: min(max(16px, 4vw), 22px); }
rende SassError: Internal Error: Incompatible units: 'px' and 'vw'.

@maxfenton isso funcionou para mim:
https://github.com/sass/sass/issues/2378#issuecomment -433868712

Resolvi meus problemas usando Sass unquote() e recomendo revisar isso se você precisar gerar funções CSS que Sass deseja interpretar. xo

Para elaborar a solução de @maxfenton , aqui está um exemplo: width: unquote("min(500px, 90%)");

Para elaborar a solução de @maxfenton , aqui está um exemplo: width: unquote("min(500px, 90%)");

Funciona perfeitamente quando fico preso com min(10vw + 10%, 100px);
também funciona perfeitamente com interpolação.

$test: 20vw;
width: unquote("max(#{$test} + 10%, 100px)");

Obrigado por compartilhar.

Este comportamento é muito confuso e deve ser corrigido. Não consegui descobrir por que tive um erro do lado do servidor enquanto estava simplesmente usando algum código CSS ... O problema era que min foi interpretado como uma função SASS.

Fechando isso porque o LibSass agora está obsoleto e não esperamos adicionar nenhum recurso adicional a ele.

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

JohnMica picture JohnMica  ·  3Comentários

c0d3xpl0it picture c0d3xpl0it  ·  4Comentários

bertusgroenewegen picture bertusgroenewegen  ·  6Comentários

luiscla27 picture luiscla27  ·  10Comentários

delijah picture delijah  ·  7Comentários