Почему Sass или Scss преобразуют цвет #ffe в #ffffee и добавляют «;» что может сделать загрузку файла CSS медленнее?

Question

Sass или Scss (.sass) распространены в проектах Ruby on Rails, но я только что обнаружил, что они преобразуют цвет, такой как:

background: #ffe

в

background: #ffffee;

почему лишние байты? Кроме того, почему дополнительные ; в конце? Sass должен автоматически скомпилироваться в файл .css, поэтому «дополнительная точка с запятой» в конце может быть хорошей формой, если пользователи редактируют файл CSS напрямую, но Sass об автоматической компиляции, поэтому зачем добавлять ; увеличить время загрузки страницы?

Во-вторых, почему универсальное принятое #ffe расширилось как #ffffee? Не существует современного браузера, который бы этого не понимал ... (может быть, кроме браузера на недорогом сотовом телефоне, но эти страницы в любом случае очень нечитаемы).

Answer 1

Выведите Sass, используя сжатый режим вывода, и он пропустит последнюю точку с запятой и использует более компактную версию цвета.

* 1003 Е.Г. *

echo "div { color: #ffe; }" | sass -t compressed --scss

Возвращает

div{color:#ffe}

Answer 2

Двоякое рассуждение.Читаемость + Последовательность.Разница в размерах незначительна, и если вы беспокоитесь о скорости, лучше потратить время на оптимизацию кода / удаление повторяющихся свойств, а не на точку с запятой.Это позволяет для последовательной записи