refactoring allStyles styleStyle -> style-style

src/components/Modal/ModalReset/ModalReset.js

@@ -6,17 +6,17 @@ import "./modalReset.scss";
 
 export const ModalReset = ({ setModalReset }) => {
   return (
-    <div className="modalReset">
-      <h3 className="modalReset__title">Восстановление доступа</h3>
-      <div className="modalReset__input">
+    <div className="modal-reset">
+      <h3 className="modal-reset__title">Восстановление доступа</h3>
+      <div className="modal-reset__input">
         <span>Укажите e-mail, для которого хотите восстановить пароль.</span>
         <input placeholder="e-mail" />
       </div>
-      <button className="modalReset__submit">Восстановить</button>
+      <button className="modal-reset__submit">Восстановить</button>
       <img
         onClick={() => setModalReset(false)}
         src={close}
-        className="modalReset__close"
+        className="modal-reset__close"
         alt="close"
       />
     </div>

src/components/Modal/ModalReset/modalReset.scss

@@ -1,8 +1,8 @@
-.modalReset {
+.modal-reset {
   display: flex;
   flex-direction: column;
   border-radius: 20px;
-  background: linear-gradient(180deg, #FFF 0%, #EBEBEB 100%);
+  background: linear-gradient(180deg, #fff 0%, #ebebeb 100%);
   padding: 23px 110px 8px 36px;
   row-gap: 29px;
   position: relative;
@@ -28,7 +28,7 @@
       padding: 8px 12px;
       font-size: 15px;
       border-radius: 8px;
-      background-color: #EFF2F7;
+      background-color: #eff2f7;
       outline: none;
       border: none;
       max-width: 300px;
@@ -37,9 +37,9 @@
 
   &__submit {
     border-radius: 44px;
-    background: #52B709;
+    background: #52b709;
     padding: 9px 46px;
-    color: #FFF;
+    color: #fff;
     font-size: 16px;
     font-weight: 500;
     line-height: 32px;