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