Libsass: Soporta CSS min () y max ()

Creado en 25 jul. 2018  ·  9Comentarios  ·  Fuente: sass/libsass

Compatibility - P3 Dart Backport Done Sass 3.6

Comentario más útil

Para ampliar la solución de width: unquote("min(500px, 90%)");

Todos 9 comentarios

Agregué Libsass (a través de SassC Rails) en un proyecto y realmente aceleró las cosas 🚀

Sin embargo, otro proyecto no puede usarlo debido a la falta de CSS min() y max() support 😢 - ¿hay alguna idea de cuándo se admitiría esto?

Definitivamente estoy ansioso por ver esto compatible ya que Ruby Sass ahora está EOL.

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

@maxfenton esto funcionó para mí:
https://github.com/sass/sass/issues/2378#issuecomment -433868712

Resolví mis problemas usando Sass unquote() y recomiendo repasar eso si necesita generar funciones CSS que Sass quiere interpretar. xo

Para ampliar la solución de width: unquote("min(500px, 90%)");

Para ampliar la solución de width: unquote("min(500px, 90%)");

Funciona perfectamente cuando me quedo atascado con min(10vw + 10%, 100px);
también funciona perfectamente con interpolación.

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

Gracias por compartir.

Este comportamiento es realmente confuso y debería corregirse. No pude entender por qué tuve un error del lado del servidor mientras simplemente estaba usando un código CSS ... El problema era que min se interpretó como una función SASS.

Cerrando esto porque LibSass ahora está en desuso y no esperamos agregarle funciones adicionales.

¿Fue útil esta página
0 / 5 - 0 calificaciones