Skip to content
This repository has been archived by the owner on Jun 5, 2023. It is now read-only.

Add a new Helper to remove responsive images #71

Closed
chris-pearce opened this issue May 23, 2016 · 1 comment · Fixed by #85
Closed

Add a new Helper to remove responsive images #71

chris-pearce opened this issue May 23, 2016 · 1 comment · Fixed by #85
Labels

Comments

@chris-pearce
Copy link
Contributor

This is currently in _base.scss -> Images:

/**
 * Third-party widgets—like Google Maps—cannot have their images be responsive
 * as this breaks any images used within them therefore we remove that by
 * applying the two possible Google Map container selectors plus a generic
 * container selector to be used for other third-party widgets.
 *
 * N.B. it is okay to use `!important` here as we're doing it pre-emptively
 * i.e. you know you will always want the rule it's applied to to take
 * precedence.
 */

/* stylelint-disable */

.remove-responsive-images img,
#map_canvas img,
.map_canvas img {
    max-width: none !important;
}

/* stylelint-enable */

It should be in _helpers.scss.

@chris-pearce
Copy link
Contributor Author

Fixed in #85.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant