box-sizing

Using universal border-box sizing.

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

Every element will inherit the box-sizing from their parent. In case third-party components will have box-sizing: content-box, using the inherit keyword will make the conversion easier.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.