-
Notifications
You must be signed in to change notification settings - Fork 481
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Make images responsive by default #2405
Make images responsive by default #2405
Conversation
Signed-off-by: Fanit Kolchina <[email protected]>
_sass/_opensearch.scss
Outdated
@@ -193,17 +194,20 @@ $max-container: 1440px; | |||
} | |||
} | |||
|
|||
.img-fluid { | |||
img { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@kolchfa-aws This selector is a type selector that will target all images everywhere regardless of location in the docuement. If the goal is to affect images within the content without needing to apply the Kramdown extension for applying the .img-fluid
class then I might suggest that the selector be more deliberate, and nested within the selector for the parent of the content as to prevent unforseen consequences with affecting images anywhere on the site that might appear now, or in the future without needing to override if at all necessary. For example Blog post content is interpolated into the #content-main
element.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks, @astephanus! Let me correct that.
Signed-off-by: Fanit Kolchina <[email protected]>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
lgtm
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks Fanit! Looks good.
Make images responsive by default
Check List
By submitting this pull request, I confirm that my contribution is made under the terms of the BSD-3-Clause License.