style: codacy

src/components/modals/main/scss/index.scss

@@ -81,7 +81,7 @@
   // animation
   opacity: 0;
   transform: scale(0);
-  transition: all 300ms cubic-bezier(.47, 1.64, .41, 0.8);
+  transition: all 300ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
 }
 
 .ReactModal__Content--after-open {

src/components/modals/main/scss/settings/_buttons.scss

@@ -116,6 +116,7 @@
 
 .removeFromMue {
   @extend %storebutton;
+
   border: 2px solid #ff4757;
   color: #ff4757;
 

src/components/modals/main/scss/settings/react-color-picker-gradient-picker-custom-styles.scss

@@ -16,6 +16,7 @@ div.color-preview-area > div > div:nth-child(5) {
 
 .input-field .label {
   color: inherit;
+  color: var(--modal-text) !important;
 }
 
 // other styling for themes support etc
@@ -27,10 +28,6 @@ div.color-preview-area > div > div:nth-child(5) {
   background-color: var(--modal-text) !important;
 }
 
-.input-field .label {
-  color: var(--modal-text) !important;
-}
-
 .gradient-type-item.active::after {
   border: 2px solid var(--modal-text) !important;
 }

src/components/widgets/background/scss/_photoinformation.scss

@@ -31,7 +31,7 @@
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   color: var(--modal-text);
   position: fixed;
-  bottom: 2.9rem;  
+  bottom: 2.9rem;
   left: 0.7em;
   padding: 1rem;
   border-radius: 24px 24px 24px 0;

src/components/widgets/quicklinks/QuickLinks.jsx

@@ -135,7 +135,7 @@ export default class QuickLinks extends React.PureComponent {
       } else {
         return link;
       }
-    }
+    };
 
     return (
       <div className='quicklinks-container'>

src/components/widgets/quicklinks/quicklinks.scss

@@ -2,6 +2,13 @@
   position: relative;
   user-select: none;
 
+  border: none;
+  color: #fff;
+  font-size: 42px;
+  background: none;
+  cursor: pointer;
+  text-shadow: 0 0 10px rgb(0 0 0 / 60%);
+
   h3 {
     text-shadow: none;
     margin: 0;
@@ -61,15 +68,6 @@ textarea {
   color: white;
 }
 
-.quicklinks {
-  border: none;
-  color: #fff;
-  font-size: 42px;
-  background: none;
-  cursor: pointer;
-  text-shadow: 0 0 10px rgb(0 0 0 / 60%);
-}
-
 .quicklinks-container>a,
 .quicklinks-container>.quicklinks>button {
   display: inline;

src/components/widgets/time/clock.scss

@@ -22,7 +22,7 @@
   user-select: none;
 }
 
-.react-clock__hand__body, 
+.react-clock__hand__body,
 .react-clock__mark__body {
   background: map-get($theme-colours, 'main') !important;
   box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);