@value (
  shadowBoxShadow1Color,
  shadowBoxShadow1X,
  shadowBoxShadow1Y,
  shadowBoxShadow1Blur,
  shadowBoxShadow1Spread,
  shadowBoxShadow2Color,
  shadowBoxShadow2X,
  shadowBoxShadow2Y,
  shadowBoxShadow2Blur,
  shadowBoxShadow2Spread,
  shadowBoxShadow3Color,
  shadowBoxShadow3X,
  shadowBoxShadow3Y,
  shadowBoxShadow3Blur,
  shadowBoxShadow3Spread,
  shadowBoxShadow4Color,
  shadowBoxShadow4X,
  shadowBoxShadow4Y,
  shadowBoxShadow4Blur,
  shadowBoxShadow4Spread
) from 'variables/_shadow.css';

.boxShadow1 {
  box-shadow: shadowBoxShadow1X shadowBoxShadow1Y shadowBoxShadow1Blur
    shadowBoxShadow1Spread shadowBoxShadow1Color;
}

.boxShadow2 {
  box-shadow: shadowBoxShadow2X shadowBoxShadow2Y shadowBoxShadow2Blur
    shadowBoxShadow2Spread shadowBoxShadow2Color;
}

.boxShadow3 {
  box-shadow: shadowBoxShadow3X shadowBoxShadow3Y shadowBoxShadow3Blur
    shadowBoxShadow3Spread shadowBoxShadow3Color;
}

.boxShadow4 {
  box-shadow: shadowBoxShadow4X shadowBoxShadow4Y shadowBoxShadow4Blur
    shadowBoxShadow4Spread shadowBoxShadow4Color;
}