Рассчитать ширину в scss

Question

У меня небольшой вопрос, я не понимаю, что это значит в файле CSS

(100% - 60px) / 2) = ?????

Спасибо за помощь

Answer 1

Функция calc() позволяет выполнять вычисления при указании значений свойств CSS.

calc( (100% - 60px) / 2)==???,  

это означает, что элемент всегда будет иметь ширину, равную 100% ширины минус 60px, а затем делится на 2 от его родительской ширины.calc() может использоваться везде, где разрешено length, frequency, angle, time, percentage, number или integer.

пример

.banner {
  position: absolute;
  width: calc((100% - 60px)/2);
  border: solid black 1px;
  box-shadow: 1px 2px;
  background-color: yellow;
  text-align: center;
  box-sizing: border-box;
}

<div class="banner">This is a banner!</div>

здесь вы можете посмотреть документы MDN