Fixed Chrome box sizing inheritance bug (#22872)

[prateekgoel]

I have changed:

*,
*::before,
*::after {
  box-sizing: inherit; }

to

*,
*::before,
*::after {
  box-sizing: border-box; }

Fixes #22872.

[wolfy1339]

Please remove dist files

[prateekgoel]

@wolfy1339 , Should i not compile and make changes to dist files?

[wolfy1339]

They only want changes to the SCSS files only, not the dist files. So no compiling the source

[prateekgoel]

Ok thanks. I'll remove those.

[mdo]

Cool, I'll take a look after the first beta. Thanks!

[prateekgoel]

Thanks @mdo
I feel this is a very basic change. Can we have this included at this moment?

[mdo]

I feel this is a very basic change. Can we have this included at this moment?

Nope, not yet. This PR hasn't been reviewed, hasn't been tested, isn't an urgent bug (only affects one HTML element), misses the follow-up step of removing the now duplicate box-sizing from the html selector above, and includes compiled CSS files.

[prateekgoel]

Ok Thanks @mdo.
By the way, I already removed the compiled files from dist directory as per comment by wolfy1339.

Regarding duplicate box-sizing from the html selector above:
I think as we already have box-sizing:border-box; in wildcard selector *, we can safely remove box-sizing:border-box; from html.

I would like to work for the above solution. Let me know if you are good with above solution.

[mdo]

You still have compiled CSS in your diff.

[prateekgoel]

Ok, so you mean I should only change the particular scss file. I'll do this and update.
Thanks.

[prateekgoel]

I have done the required change and submitted a new PR #23118
You can close this one.
@mdo - Please review and share your thoughts.