basicShorthandReplace is not defined

[jsrothwell]

Ive been getting basicShorthandReplace is not defined whenever I try to do the following example CSS

padding-right:10px;
padding-left:5px;
padding-top:10px;
padding-bottom:10px;

Im getting the same error if I try margins. I haven't tried any features similar yet. I can work around it easily by doing something like

padding:10px;
padding-left:5px;

which is better CSS but I thought Id bring up the error in question.

[kudinovfedor]

I looked at the code and found next solution. To fix this problem you need to do the following:

Open the file that is located in your project folder in the following path:
node_modules\shrthnd\lib\shorthanders\margin-padding.js

Line 19 return basic Shorthand Replace (shorthand, declarations);

It needs to be commented out just put in front of her two slashes:
// return basicShorthandReplace(shorthand, declarations);

Then add this line of code and save:
return declarations[propertyName + '-top'].value + ' ' + declarations[propertyName + '-right'].value + ' ' + declarations[propertyName + '-bottom'].value + ' ' + declarations[propertyName + '-left'].value;

padding-top: 10px;
padding-bottom: 8px;
padding-left: 5px;
padding-right: 3px;

margin-top: 10px;
margin-bottom: 8px;
margin-left: 5px;
margin-right: 3px;

Upon completion of the task the code will be the following
padding: 10px 3px 8px 5px;
margin: 10px 3px 8px 5px;

[frankmarineau]

Thanks for the feedback both of you! I haven't been able to spend some time on this for a while, but I'll be looking over issues / PRs this weekend. I'll get back to you when it's done. @kudinovfedor if you feel like tackling this yourself before I do this weekend, go ahead!

[mrtoxas]

Same error

[hozakjaf]

Hi Maybe late on this one. I changed the code in node_modules\shrthnd\lib\shorthanders\margin-padding.js and this works great. Thanks!

Can you update the package so that this is the standard?

[Chicot73]

Thanks!!!! It is working in 2025!!!!!!!!!!!!!!!