Libsass: Prise en charge CSS min() et max()

Créé le 25 juil. 2018  ·  9Commentaires  ·  Source: sass/libsass

Compatibility - P3 Dart Backport Done Sass 3.6

Commentaire le plus utile

Pour développer la solution de @maxfenton , voici un exemple : width: unquote("min(500px, 90%)");

Tous les 9 commentaires

J'ai ajouté Libsass (via SassC Rails) sur un projet et ça a vraiment accéléré les choses 🚀

Cependant, un autre projet ne peut pas l'utiliser à cause du manque de support CSS min() et max() 😢 - y a-t-il une idée de quand cela serait supporté ?

Je suis vraiment impatient de voir cela pris en charge puisque Ruby Sass est maintenant EOL.

Cas de test supplémentaire :
html { font-size: min(max(16px, 4vw), 22px); }
donne SassError: Internal Error: Incompatible units: 'px' and 'vw'.

@maxfenton cela a fonctionné pour moi:
https://github.com/sass/sass/issues/2378#issuecomment -433868712

J'ai résolu mes problèmes en utilisant Sass unquote() et je recommande de réviser cela si vous devez générer des fonctions CSS que Sass souhaite interpréter. xo

Pour développer la solution de @maxfenton , voici un exemple : width: unquote("min(500px, 90%)");

Pour développer la solution de @maxfenton , voici un exemple : width: unquote("min(500px, 90%)");

Cela fonctionne parfaitement quand je suis coincé avec min(10vw + 10%, 100px);
cela fonctionne aussi parfaitement avec l'interpolation.

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

Merci d'avoir partagé.

Ce comportement est vraiment déroutant et devrait être corrigé. Je ne pouvais pas comprendre pourquoi j'avais une erreur côté serveur alors que j'utilisais simplement du code CSS... Le problème était que min était interprété comme une fonction SASS.

Clôturer cela parce que

Cette page vous a été utile?
0 / 5 - 0 notes