Y a-t-il un moyen pour moi de modifier la façon dont Sass gérera des décimales? J'ai vu quelques personnes qui disent que Sass effectuera de manière dynamique le calcul (cible / parent) * 100 calculé pour des dispositions réactives et émettre le résultat au moment de la compilation. Il a même une fonction de pourcentage, qui prendra essentiellement les deux valeurs et le faire.
Hélas, Sass ne me donnera que 3 décimales. Ma compréhension jusqu'à ce point est que dans certains cas, cela peut ne pas être un degré suffisant de précision pour tous les navigateurs pour afficher correctement la mise en page sans aucun hoquet.
Quelqu'un peut-il m'aider à aller au fond de cela?
résolu. Au cas où quelqu'un d'autre est intéressé, j'ai réussi à accomplir ce que je voulais dans le numéro de Sass.rb, changeant la valeur de @Precision. Cela modifie la façon dont tous les floates sont sorties.
3 Réponses :
Il peut également être configuré à l'aide de devrait également ajouter que si vous souhaitez modifier 1.8 et 3.1.10 devrait bien être remplacé par vos numéros de version (de préférence les derniers). - précision dans la commande de commande, voir SASS ChangeLog, version 3.1.8 . @precision dans numéros.rb directement, vous pouvez trouver chiffres.rb (au moins sur os x), ici:
Avez-vous réussi à faire fonctionner cela? Quand j'essaie "Sass --Precision 6", rien ne se passe.
@Jon La syntaxe est légèrement différente: - précision = 6 ... donc au lieu de `` vous avez besoin d'un =
Si vous utilisez Compass, vous pouvez facilement spécifier la précision de votre fichier de projet (config.rb) sans pirater le noyau: pour plus d'informations, voir Documentation SASS
premier set Votre précision par défaut à La plus haute précision que vous allez avoir besoin dans votre projet.
Ensuite, utilisez une fonction comme celle ci-dessous (qui est basée sur cette fonction de Takeru Suzuki ) pour personnaliser le nombre de décimales au niveau des propriétés individuelles. P>
code: strong> P> decimal-round(0.333) => 0
decimal-round(0.333, 1) => 0.3
decimal-round(0.333, 2) => 0.33
decimal-round(0.666) => 1
decimal-round(0.666, 1) => 0.7
decimal-round(0.666, 2) => 0.67