[css-backgrounds] Make box-shadow a Shorthand Property (original) (raw)

• Level 3 box-shadow
• Level 4 box-shadow

box-shadow: none | # : {2,4} && inset? && ?

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: box-shadow-offset: {2} ; x/horizontal y/vertical box-shadow-blur: ; or 'box-shadow-radius' box-shadow-spread: ; or 'box-shadow-distance' box-shadow: none | # : [<'box-shadow-offset'> [<'box-shadow-blur'> <'box-shadow-spread'>?]?] \ && [inset || <'box-shadow-color'>]?