Skip to content

Instantly share code, notes, and snippets.

@magwalk
Last active August 29, 2015 14:14
Show Gist options
  • Save magwalk/cbb9a551721a6c5669e6 to your computer and use it in GitHub Desktop.
Save magwalk/cbb9a551721a6c5669e6 to your computer and use it in GitHub Desktop.
Fix for Subscription Page
<div class="subscription-details-image">
<div class="subscription-image-large no-image-loaded">
<!-- .subscription-image-content will replace the img tag that was there before -->
<div class="subscription-image-content" style="background-image:url(''); background-position: 0 -50%"></div>
<div class="overlay-icon"></div>
<div class-"overlay"></div>
</div>
</div>
/* This will replace styling for .subscription-image-large > img */
.subscription-image-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background-size: auto 100%;
.rounded-corners(4px);
}
/* Add this mixin to the .subscription-image-large > .overlay */
.overlay {
.rounded-corners(4px);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment