Плагин shorthand в Gulp.js предназначен для автоматического объединения нескольких коротких свойств в одно более компактное. Он работает следующим образом: если в исходном коде встречаются отдельные короткие свойства, такие как margin-top, margin-right, margin-bottom, margin-left и т.д., плагин объединяет их в одно свойство margin с помощью сокращенного синтаксиса.
Похожим образом, плагин shorthand объединяет короткие свойства padding-top, padding-right, padding-bottom и padding-left в одно свойство padding.
Однако, для корректной работы плагина shorthand все значения коротких свойств должны быть одинаковыми. Например, если вы задаете margin-top: 10px, margin-right: 20px, margin-bottom: 30px и margin-left: 40px, то значение свойства margin не будет объединено плагином shorthand, потому что значения разные.
Таким образом, если плагин shorthand не объединяет запись для margin и padding, возможно, ваши значения для тех или иных сторон (например, margin-top, padding-left и т.д.) отличаются друг от друга.
Убедитесь, что все значения коротких свойств margin и padding одинаковы и попробуйте снова.