Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
.guggenheim {
max-width: 100%;
box-sizing: content-box;
}
.guggenheim__ratio-container {
position: relative;
}
.guggenheim__figure,
.guggenheim__link,
.guggenheim__image {
display: inline-block;
margin: 0;
padding: 0;
text-decoration: none;
vertical-align: middle;
}
.guggenheim__figure {
position: relative;
}
.guggenheim__link,
.guggenheim__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.guggenheim__link {
width:100%;
}
.guggenheim__image {
height: auto;
width: 100%;
}
@media only screen and (max-width:40em){
.guggenheim__figure {
width: 100% !important;
margin: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
.guggenheim__row {
padding: 0 !important;
}
}
.zoom a {
-webkit-tap-highlight-color: transparent;
cursor: pointer;
cursor: -webkit-zoom-in;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment