CSS vendor prefixes like -wekkit-, -moz-, etc. are typically added automatically by autoprefixer based on supported browsers (as defined by the Browserslist configuration in package.json).
This is true for any standard properties and pseudo-classes, like box-shadow, appearance, user-select. If some prefixes are still needed for cross-browser support, autoprefixer adds them at build time (e.g. -webkit-appearance: none) so they don't need to be kept in the source code. However, there are still some non-standard properties for which the vendor prefix must be kept, like -webkit-font-smoothing:antialiased.
While I was at it, I decided to convert the global styles of the PeriodicTable component to local styles (with CSS modules).
CSS vendor prefixes like
-wekkit-,-moz-, etc. are typically added automatically by autoprefixer based on supported browsers (as defined by the Browserslist configuration inpackage.json).This is true for any standard properties and pseudo-classes, like
box-shadow,appearance,user-select. If some prefixes are still needed for cross-browser support, autoprefixer adds them at build time (e.g.-webkit-appearance: none) so they don't need to be kept in the source code. However, there are still some non-standard properties for which the vendor prefix must be kept, like-webkit-font-smoothing:antialiased.While I was at it, I decided to convert the global styles of the
PeriodicTablecomponent to local styles (with CSS modules).