-
Notifications
You must be signed in to change notification settings - Fork 4.2k
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
Base Styles: Add the editor input reset with increased specificity #49831
Conversation
border: $border-width solid $gray-900 !important; | ||
box-shadow: none !important; | ||
border-radius: $radius-block-ui !important; | ||
box-sizing: border-box; |
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.
This is a minor bug fix to contain the HTML block inside the content box.
Size Change: +75 B (0%) Total Size: 1.37 MB
ℹ️ View Unchanged
|
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.
Nice.
packages/base-styles/_mixins.scss
Outdated
box-shadow: none !important; | ||
border-radius: $radius-block-ui !important; | ||
|
||
/* Fonts smaller than 16px causes mobile safari to zoom. */ |
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.
If I recall correctly, /* */
in the SCSS compiler is kept in place, whereas //
is stripped out. I think we may have used this in the past for anyone reviewing the CSS files, not just the SCSS files. But in part, I think "View source" is increasingly not something people do, and in part I also think there's some minification that happens with mixins making all context lost here. So it might be good to change this to the //
syntax.
What?
This is a follow-up to #49723.
PR adds a new mixin for resetting input fields to editor styles with increased specificity to avoid theme styles bleeding in.
I'm open to suggestions for a better mixin name.
Testing Instructions
Confirm that the Shortcode and Custom HTML blocks look as before.
Screenshots or screencast