Libsass: Mendukung CSS min() dan maks()

Dibuat pada 25 Jul 2018  ·  9Komentar  ·  Sumber: sass/libsass

Compatibility - P3 Dart Backport Done Sass 3.6

Komentar yang paling membantu

Untuk menguraikan solusi @maxfenton , berikut adalah contohnya: width: unquote("min(500px, 90%)");

Semua 9 komentar

Saya telah menambahkan Libsass (melalui SassC Rails) pada sebuah proyek dan itu benar-benar mempercepat

Namun, proyek lain tidak dapat menggunakannya karena kurangnya dukungan CSS min() dan max() - apakah ada ide kapan ini akan didukung?

Pasti ingin melihat ini didukung karena Ruby Sass sekarang EOL.

Kasus uji tambahan:
html { font-size: min(max(16px, 4vw), 22px); }
menghasilkan SassError: Internal Error: Incompatible units: 'px' and 'vw'.

@maxfenton ini bekerja untuk saya:
https://github.com/sass/sass/issues/2378#issuecomment -433868712

Saya memecahkan masalah saya dengan menggunakan Sass unquote() dan merekomendasikan untuk memolesnya jika Anda perlu menampilkan fungsi CSS yang ingin ditafsirkan oleh Sass. xo

Untuk menguraikan solusi @maxfenton , berikut adalah contohnya: width: unquote("min(500px, 90%)");

Untuk menguraikan solusi @maxfenton , berikut adalah contohnya: width: unquote("min(500px, 90%)");

Ini berfungsi dengan baik ketika saya terjebak dengan min(10vw + 10%, 100px);
itu juga bekerja sempurna dengan interpolasi.

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

Terima kasih telah berbagi.

Perilaku ini sangat membingungkan dan harus diperbaiki. Saya tidak tahu mengapa saya mengalami kesalahan sisi server saat saya hanya menggunakan beberapa kode CSS... Masalahnya adalah min ditafsirkan sebagai fungsi SASS.

Menutup ini karena LibSass sekarang tidak digunakan lagi dan kami tidak mengharapkan untuk menambahkan fitur tambahan apa pun ke dalamnya.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat