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 (#411)
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 authored Oct 26, 2023
1 parent b7953a6 commit 980f19c
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

1 comment on commit 980f19c

@vercel
Copy link

@vercel vercel bot commented on 980f19c Oct 26, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.