[foundation]: Basic element styles

[gfellerph]

Since we're removing bootstrap as a dependency, we can also implement our own CSS reset.

Proposal

/* === Source: Josh Comeau, https://www.joshwcomeau.com/css/custom-css-reset/ (adapted) === */

/*
  Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
  box-sizing: border-box;
}

/*
  Improve media defaults
*/
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

/*
  Remove built-in form typography styles
*/
input, button, textarea, select {
  font: inherit;
}

/*
  Avoid text overflows
*/
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
  hyphen: auto;
}

References

• normalize.css: Has some good resets, but also supports older browsers like IE which is not necessary anymore and most of the styles can be applied to elements directly.
• modern CSS reset: adapted in the proposal above
• reset CSS: made for older browsers
• reboot: bootstrap resets, could be interesting for element files

[oliverschuerch]

In todays planning session, we decided to implement a single custom reset file, but take the base form a konwn resource.
@gfellerph would you like to define which base should be used?

[gfellerph]

In todays planning session, we decided to implement a single custom reset file, but take the base form a konwn resource. @gfellerph would you like to define which base should be used?

Made a proposal based on Joshs reset, listed other notable sources that could be consulted for element style resets in their specific files.