#css #dart #math #sass
Вопрос:
Я открыл старый проект, который ранее был «действительным» (много лет назад), однако теперь я получаю много ошибок в устаревших методах в Dart SASS. В основном это связано с математикой / делением.
Большинство из них выглядят так, как будто они связаны с использованием таких объявлений, как margin-top: $gutter / 2; и предложение использовать margin-top: math.div($gutter, 2); , и мне нужно будет включить @use "sass:math"; ?
Мой вопрос в том, работает ли это в том числе и так, или это много суеты, когда вы могли бы просто использовать CSS calc для достижения того же самого, может быть?
Помимо этих «обычных» объявлений, единственное другое место, где я могу думать о том, где я использую математику, — это смешение размеров шрифтов (px rem), которые в любом случае могут быть настолько устаревшими…
@mixin font-size($font-size: 16){ font-size : #{$font-size}px; font-size : #{$font-size / 10}rem;} Я был бы признателен за некоторые рекомендации — заранее спасибо!
Комментарии:
1. CSS
calcне так мощен, как поддержка выражений SASS, fwiw.2.«или это много шума, когда вы могли бы просто использовать CSS calc для достижения того же самого, может быть?» — если вы можете сделать это
calcбез использования SASS, я рекомендую это сделать.3.Кстати, вам не нужно указывать
font-sizeвpxединицах измерения. Вы можете придерживаться использования толькоremдляfont-size(хотя лично я использую проценты, но я странный).4. «Так что мне буквально просто нужно включить @use «sass:математика», тогда я могу использовать math.div, и все?» — Правильно.
5. Да, вам нужно добавить
@use "sass:math"в каждый файл SCSS, который вы хотите использоватьmath.div.