Можно ли опустить первые 0% в linear-gradient?

Question

[artdeco]

Если есть правило
linear-gradient(324deg,#a0f 0%,#f75 100%)
Как я вижу, оно будет так же отображаться как и
linear-gradient(324deg,#a0f,#f75 100%)
Вопрос, можно ли убирать первые 0% в градиентах? Потому что у минифицированной булмы, они не были убраны

.navbar-menu{background-image:linear-gradient(141deg,#000 0,#0a0a0a 71%,#181616 100%)}

-- это значит компилятор не проработал этот момент, или может быть так, что нельзя убрать 0%?

Answer 1

[Ivan Bogachev]

Да, можно пропустить первое значение в 0%. Если почитать стандарт, то там прямым текстом написано, что эти значения, где расположить цвета на градиенте - не обязательные. Можно вообще все пропустить. Если они пропущены, то расположение цветов в градиенте восстанавливается по четкому алгоритму.

В целом ответы на подобные вопросы о тонкостях интерпретации CSS имеет смысл искать в стандартах.

Comments

[artdeco]

да нужно было в спеке посмотреть, их просто столько много. вопрос по сути "посмотрите за меня в спеке" (еще смутило почему PostCSS которым как говорят собирается булма, не убрал). ну спасибо что ты был тем кто посмотрел :D у меня еще просто был дистраст к спекам из-за того что там не прописан pointer-events, а вчера я нашел я нашел это свойство в editor's draft, поэтому понял что это даже не стандарт был; буду больше сам смотреть спеки теперь спс еще раз

5. linear-gradient(red 20px, white 0px, blue 40px)
   =2=>
   linear-gradient(red 20px, white 20px, blue 40px)

6. linear-gradient(red, white -50%, black 150%, blue)
   =1,2=>
   linear-gradient(red 0%, white 0%, black 150%, blue 150%)

[Ivan Bogachev]

еще смутило почему PostCSS которым как говорят собирается булма, не убрал

Не нужно слушать, что говорят. Лучше пойти и посмотреть самому на их скрипты для сборки. PostCSS там есть, но сам по себе этот инструмент ничего не убирает. В Bulma он используется только чтобы запустить автопрефиксер, который в свою очередь добавляет/удаляет префиксы. Он не занимается оптимизацией свойств. Минифицируют код они с помощью clean-css. Но этот проект вошел в "maintenance mode". То, что там есть - работает, но новые фичи не добавляются. Вероятно именно эта оптимизация с убиранием значений из градиента так и не была реализована. Не нужно искать скрытый смысл там, где его нет. Просто не хватило ресурсов на все. Такое бывает.

Answer 2

[szQocks]

Можешь делать всё что хочешь, главное что бы работало везде чётко, и был результат тот - который тебе нужен.
И кстати если будешь забивать голову такими мелочами, то учиться будешь в N раз дольше. Такие мелочи тебе нужно проскакивать как щёлкая орешки.

Comments

[artdeco]

чему равно N?

[szQocks]

artdeco, времени

[artdeco]

szQocks, время в чем брать? в часах? 1 час = в 1 раз дольше ?

[szQocks]

artdeco, в твоём случае - бесконечность

[Владислав Лысков]

artdeco, ну ты уже 2ой день возишься с этими процентами, желание разобраться это конечно хорошо, но во всём должны быть границы