💄 Use of border-box box sizing

This makes calculating the size of the UI components easier, especially those which have padding, margin or border.
This commit is contained in:
2024-05-23 08:45:51 +02:00
parent 19d64d7ac5
commit e7e1a4d663
5 changed files with 17 additions and 10 deletions

View File

@@ -194,9 +194,18 @@ $transition-duration: 300ms;
font-weight: bold;
}
// Cf. https://css-tricks.com/box-sizing/
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
body {
height: 100vh;
width: 100vw;
margin: 0px;
padding: 0px;
outline: 0px;