Sha256: f50ea26ad94b8d3bd7508cf4764b5346c2f9d23328937527b7d467682f637129

Contents?: true

Size: 640 Bytes

Versions: 1072

Compression:

Stored size: 640 Bytes

Contents

Optionally, you can pass multi-directional options (`x` or `y`) to the `position` key, which creates multiple overlays. 

Your `color` is still applied as the starting edge to both overlays, and each mask will fade to transparent moving toward its opposite edge, ending at the `size` value you set. 

NOTE: Multi-directional overlays share the available container space, so passing `full` or a percentage string greater than 50% to a multi-directional overlay will cause your masks to overlap at the midline of your container. As a best practice, we do not recommend exceeding a percentage size of 25% when using multi-directional overlays.

Version data entries

1,072 entries across 1,072 versions & 2 rubygems

Version Path
playbook_ui_docs-14.12.0.pre.alpha.play1790darkaudittable5802 app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
playbook_ui-14.12.0.pre.alpha.play1790darkaudittable5802 app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
playbook_ui_docs-14.12.0.pre.alpha.play1752updatecontenttag5801 app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
playbook_ui-14.12.0.pre.alpha.play1752updatecontenttag5801 app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
playbook_ui_docs-14.13.0.pre.rc.6 app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
playbook_ui-14.13.0.pre.rc.6 app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
playbook_ui_docs-14.13.0.pre.rc.5 app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
playbook_ui-14.13.0.pre.rc.5 app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
playbook_ui_docs-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobug5781 app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
playbook_ui-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobug5781 app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
playbook_ui_docs-14.13.0.pre.rc.4 app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
playbook_ui-14.13.0.pre.rc.4 app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
playbook_ui_docs-14.12.0.pre.alpha.playrailsinputmaskissue5775 app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
playbook_ui-14.12.0.pre.alpha.playrailsinputmaskissue5775 app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
playbook_ui_docs-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5757 app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
playbook_ui-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5757 app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
playbook_ui_docs-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5754 app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
playbook_ui-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5754 app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
playbook_ui_docs-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobugzindextoken5751 app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
playbook_ui-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobugzindextoken5751 app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md