Skip to content

Instantly share code, notes, and snippets.

@andyford
Created April 18, 2024 14:36
Show Gist options
  • Select an option

  • Save andyford/634c63e97aa0959d8b6f69bc9cfe6c2d to your computer and use it in GitHub Desktop.

Select an option

Save andyford/634c63e97aa0959d8b6f69bc9cfe6c2d to your computer and use it in GitHub Desktop.
*[class*=z-][data-zta]:not(.z-anchor, .z-p1, .z-p2, .z-p3) {
outline: 3px double blue !important;
box-shadow: 0 0 1px 4px lime !important;
}
*[class*=z-][data-zta]:not(.z-anchor, .z-p1, .z-p2, .z-p3):hover {
outline: 3px double blue !important;
box-shadow: 0 0 1px 4px lime !important;
background: #eff !important;
}
*[class*=z-][data-zta]:not(.z-anchor, .z-p1, .z-p2, .z-p3)::after {
all: unset !important;
background: #cff !important;
display: block !important;
position: absolute !important;
z-index: 2147483647 !important;
outline: 1px solid green !important;
margin: -14px 0 0 4px !important;
padding: 1px !important;
line-height: 1.25 !important;
font-family: monospace !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 10px !important;
color: black !important;
}
*[class*=z-][data-zta]:not(.z-anchor, .z-p1, .z-p2, .z-p3):hover::after {
content: 'CLASS="' attr(class) '"' !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment