Skip to content
This repository has been archived by the owner on Jan 8, 2025. It is now read-only.

Commit

Permalink
Remove gray background in images
Browse files Browse the repository at this point in the history
In df94b23, we made images clickable to
enable them to pop up as a modal. This put images inside a `button`
element, which in browsers renders with a gray background and border.
This change removes the default background and border.
  • Loading branch information
ptgott committed Oct 26, 2023
1 parent b7953a6 commit 9f2eb5b
Showing 1 changed file with 7 additions and 0 deletions.
7 changes: 7 additions & 0 deletions components/MDX/Image.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,13 @@
}

.zoomable {
/*
* The background-color and border styles override browser defaults for the
* button element.
*/
background-color: inherit;
border: inherit;

cursor: zoom-in;
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
Expand Down

0 comments on commit 9f2eb5b

Please sign in to comment.