[css-backgrounds] Make box-shadow a Shorthand Property #4431
Description
box-shadow: none | <shadow>#
<shadow>: <length>{2,4} && inset? && <color>?Since box shadows are frequently altered on hover etc., but not all of its components need to change, can we make them available independently?
box-shadow-color: <color>
box-shadow-offset: <length>{2} ; x/horizontal y/vertical
box-shadow-blur: <length> ; or 'box-shadow-radius'
box-shadow-spread: <length> ; or 'box-shadow-distance'
box-shadow: none | <shadow>#
<shadow>: [<'box-shadow-offset'> [<'box-shadow-blur'> <'box-shadow-spread'>?]?] \
&& [inset || <'box-shadow-color'>]?