This page lists all Edge Masks CSS custom properties and utility classes available in the OxyProps Framework
| Description | CSS Variable | Utility Class |
|---|
| Bottom Edge | --o-mask-edge-scoop-bottom | o-mask-edge-scoop-bottom |
| Top Edge | --o-mask-edge-scoop-top | o-mask-edge-scoop-top |
| Vertical | --o-mask-edge-scoop-vertical | o-mask-edge-scoop-vertical |
| Left Edge | --o-mask-edge-scoop-left | o-mask-edge-scoop-left |
| Right Edge | --o-mask-edge-scoop-right | o-mask-edge-scoop-right |
| Horizontal | --o-mask-edge-scoop-horizontal | o-mask-edge-scoop-horizontal |
| Description | CSS Variable | Utility Class |
|---|
| Bottom Edge | --o-mask-edge-scalloped-bottom | o-mask-edge-scalloped-bottom |
| Top Edge | --o-mask-edge-scalloped-top | o-mask-edge-scalloped-top |
| Vertical | --o-mask-edge-scalloped-vertical | o-mask-edge-scalloped-vertical |
| Left Edge | --o-mask-edge-scalloped-left | o-mask-edge-scalloped-left |
| Right Edge | --o-mask-edge-scalloped-right | o-mask-edge-scalloped-right |
| Horizontal | --o-mask-edge-scalloped-horizontal | o-mask-edge-scalloped-horizontal |
| All Edges | --o-mask-edge-scalloped | o-mask-edge-scalloped |
| Description | CSS Variable | Utility Class |
|---|
| Bottom Edge | --o-mask-edge-drip-bottom | o-mask-edge-drip-bottom |
| Top Edge | --o-mask-edge-drip-top | o-mask-edge-drip-top |
| Vertical | --o-mask-edge-drip-vertical | o-mask-edge-drip-vertical |
| Left Edge | --o-mask-edge-drip-left | o-mask-edge-drip-left |
| Right Edge | --o-mask-edge-drip-right | o-mask-edge-drip-right |
| Horizontal | --o-mask-edge-drip-horizontal | o-mask-edge-drip-horizontal |
| Description | CSS Variable | Utility Class |
|---|
| Bottom Edge | --o-mask-edge-zig-zag-bottom | o-mask-edge-zig-zag-bottom |
| Top Edge | --o-mask-edge-zig-zag-top | o-mask-edge-zig-zag-top |
| Vertical | --o-mask-edge-zig-zag-vertical | o-mask-edge-zig-zag-vertical |
| Left Edge | --o-mask-edge-zig-zag-left | o-mask-edge-zig-zag-left |
| Right Edge | --o-mask-edge-zig-zag-right | o-mask-edge-zig-zag-right |
| Horizontal | --o-mask-edge-zig-zag-horizontal | o-mask-edge-zig-zag-horizontal |