Комментарии 9
Вот это я понимаю, у кого-то словесное недержание. Рассказывать про одну очевидную функцию в статье размером 30 килобайт (без учёта картинок)!
офигенная статья спасибо! очень полезно, как раз возникли вопросы по применению этого свойства для динамического задания размера текста для кроссбраузерной вёрстки
Добавил бы ещё, что если хочется подставить вычисленное значение sass-переменной в calc, то можно воспользоваться интерполяцией. Это может быть удобно в связке с css-vars:
$gutter: 10px;
.block {
--scale: 2;
margin: calc(var(--scale) * #{gutter}); // calc(var(--scale) * 10px)
}
Вот елки, я про нее не знал) И думал — какой scss крутой и продуманный, что можно делать расчеты.
Полезные лайфхаки и хороший перевод. Спасибо! Утащил в закладки)
Сейчас активно, но неявно используем для адаптивного текста: Пример
Что такое calcLeft и как оно работает ? Вот на этом примере - https://codepen.io/the-gureev/pen/PoRgXGp
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
CSS: полное руководство по функции calc()