Lego2012/Bricks: Clickable Card.md

Created February 16, 2025 19:14

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/Lego2012/9ed5a0aa512d6d878d2a61eaed665f7e.js"></script>
Save Lego2012/9ed5a0aa512d6d878d2a61eaed665f7e to your computer and use it in GitHub Desktop.

Raw

This CSS is in a custom class of the Card Element

%root% {
  position: relative;
}

%root%:hover {
  translate: 0 -.25rem;
}

%root% h4 a::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
}

%root%:focus-within {
	box-shadow: 0 0 0 10px var(--dark-5);
}

%root%:focus-within :focus {
  box-shadow: none;
  outline: none;
}