.scssthen change his import.
*.module.scss(don't forget to also change the import), to enable SCSS module.
A CSS Module is a CSS file in which all class names and animation names are scoped locally by default.
stylesheet.jsfile in your project
<div>, <p>, <input> or <img>tag. You can change these tags with
<h1>, <section, <header> etc..to improve your app semantic. These changes won't affect the current style. Be careful, Overlay doesn't generate
<table> or <form>tags. In these cases, the layout/style must be changed.
<img>tags. Then you can download all your component's assets from the component's page, tab "assets".
imgtag coming from Overlay..
flex-directionproperty inside the mobile media query because this property is already defined in desktop and his value isn't the same for mobile.
border-radiusproperty inside the mobile media query because this property is not defined for desktop.
background-colorproperty inside the desktop media query because this property is not defined for mobile.
flex-directionvalue is overridden by the media query, it's dead code. To avoid this disagreement, we clean the class by moving all the properties with overrides.