Support multiple drop-shadows in `box-shadow` css property of `St.Widget`
In CSS3, we can use a comma-separated list to define multiple drop-shadows in box-shadow property:
. foo {
box-shadow: -10px -10px 0px 0px red, 20px 20px 0px 0px blue;
}
This is the resule in web browser:
This is the result when I try to apply same style to a St.Bin Widget
There is my steps to got this result:
- Press
Alt + F2
, enterlg
to open LookingGlass - Create a St.Bin Widget by those statements:
>>> new imports.gi.St.Bin({x: 200, y: 200, width: 200, height: 200}}
>>> r(0).style = 'background: gray; box-shadow: -10px -10px 0px 0px red, 20px 20px 0px 0px blue;'
>>> global.stage.add_child(r(0))
My System info:
- Linux Distribution: Arch Linux
- Gnome shell: GNOME Shell 43.beta with XOrg