Roman Komarov
Roman Komarov
There are a lot of ways to minify gradients' code, I'll try to list there different things I'll remember over time. ## Linear gradients ### Direction 1. `to bottom` in...
Look at those to examples: ``` CSS .class1,.class2{a:b} .class2{c:d} ``` and ``` CSS .class2,.class1{a:b} .class2{c:d} ``` The first one would be minified to `.class1{a:b}.class2{a:b;c:d}`, but the second won't — it...
Про шортхенды уже было, но не уверен, что было такое (чем-то похоже на #58, но точно безопасно). Скажем, есть вот такой CSS: ``` CSS .some_class_a{font:10px/1.5 Helvetica,Arial,sans-serif} .some_class_b{font:12px/1.5 Helvetica,Arial,sans-serif} .some_class_c{font:14px/1.5 Helvetica,Arial,sans-serif}...
In CSS there can now be some values like `600ms` or `.6s`, so the `600ms` one can be optimized to the `.6s` one etc.
This is something that can be done sometimes and something that is totally safe. When there is some selector with some properties somewhere, then those properties can be used somewhere...
Например, ``` .class { border: 0 solid; border-top-width: 10px; border-bottom-width: 10px; } ``` можно оптимизировать до ``` .class { border: solid; border-width: 10px 0; } ``` Т.е. когда в комплексном...
Для многих новых свойств (т.е. редко используемых) может быть ситуация, что оно (свойство), встретится в таблице стилей только в двух-трёх местах, но при этом значение будет везде одинаковым. Сейчас если...
Скажем, если есть что-то такое: ``` CSS .class { background: url(1.png) 100% 100% no-repeat, url(2.jpg) 100% 100% no-repeat, url(3.jpg) 100% 100% no-repeat, url(4.jpg) 100% 100% no-repeat; } ``` То это...
Вот такую запись: ``` clip:rect(auto,auto,auto,auto) ``` Можно заменить на: ``` clip:rect(0,auto,auto,0) ``` Т.к. по сути свойства и спецификациям, `auto` в начале и конце эквивалентны нолям (но не в середине!)
Довольно большая, но, кажется, не сильно сложная задача: для каждого шортхенда есть много дефолтных значений, которые хочется обрезать (я об этом написал в [issue про `font`](https://github.com/afelix/csso/issues/7), но лучше этот момент...