Skip to content

Instantly share code, notes, and snippets.

@strarsis
Created February 24, 2018 14:28
Show Gist options
  • Save strarsis/8bb952536a4c286c11f8298bd2cedd40 to your computer and use it in GitHub Desktop.
Save strarsis/8bb952536a4c286c11f8298bd2cedd40 to your computer and use it in GitHub Desktop.
SASS mixin for making <object> element clickable/selectable (SVG)
// For making <object> elements clickable (SVG)
@mixin object-clickable(
  $pseudo: before
) {
  position: relative;

  &:#{pseudo} {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0); // solid but transparent background
  }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment