DevTips -- CSS

moon indicating dark mode
sun indicating light mode
Cascading Style Sheets

box-sizing border-box

box-sizing border-box includes the padding and border in width calculations. To support legacy components, we can use this snippet and set box-sizing content-box on the legacy component root.

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