cleaned up css transitions

public/assets/css/comingsoon.css

@@ -50,7 +50,7 @@ body footer a {
   border-radius: 6px;
   text-decoration: none;
   color: #212629;
-  transition: 0.2s ease all;
+  transition: 0.2s ease opacity;
 }
 body footer a:hover {
   opacity: 0.75;

public/assets/css/comingsoon.less

@@ -50,7 +50,7 @@ body {
             border-radius: 6px;
             text-decoration: none;
             color: #212629;
-            transition: 0.2s ease all;
+            transition: 0.2s ease opacity;
 
             &:hover {
                 opacity: 0.75;

public/assets/css/login.css

@@ -66,7 +66,7 @@
   padding: 7px 14px;
   margin-bottom: 15px;
   border: 0px;
-  transition: 0.2s ease-in-out all;
+  transition: 0.2s ease-in-out background, 0.2s ease-in-out color;
   text-transform: initial;
   font-weight: normal;
 }

public/assets/css/login.less

@@ -65,7 +65,7 @@
             padding: 7px 14px;
             margin-bottom: 15px;
             border: 0px;
-            transition: 0.2s ease-in-out all;
+            transition: 0.2s ease-in-out background, 0.2s ease-in-out color;
             text-transform: initial;
             font-weight: normal;
         

public/assets/css/main.css

@@ -82,7 +82,7 @@ button,
   border: 0px;
   text-decoration: none;
   text-align: center;
-  transition: 0.2s ease-in-out all;
+  transition: 0.2s ease-in-out background, 0.2s ease-in-out color;
 }
 button:hover,
 .button:hover {

public/assets/css/main.less

@@ -86,7 +86,7 @@ button, .button {
     border: 0px;
     text-decoration: none;
     text-align: center;
-    transition: 0.2s ease-in-out all;
+    transition: 0.2s ease-in-out background, 0.2s ease-in-out color;
 
     &:hover {
         background: #fff;

public/assets/css/moderation.css

@@ -86,7 +86,7 @@
   border-radius: 4px;
   padding: 7px 14px;
   border: 0px;
-  transition: 0.2s ease-in-out all;
+  transition: 0.2s ease-in-out background, 0.2s ease-in-out color;
 }
 .section-moderator-add .box form > div > div select:hover,
 .section-moderator-add .box form > div > div input[type="text"]:hover,

public/assets/css/moderation.less

@@ -87,7 +87,7 @@
                         border-radius: 4px;
                         padding: 7px 14px;
                         border: 0px;
-                        transition: 0.2s ease-in-out all;
+                        transition: 0.2s ease-in-out background, 0.2s ease-in-out color;
                     
                         &:hover {
                             background: rgba(255,255,255,0.4);

public/assets/css/search.css

@@ -13,7 +13,7 @@
   border-radius: 4px;
   padding: 14px 28px;
   border: 0px;
-  transition: 0.2s ease-in-out all;
+  transition: 0.2s ease-in-out background, 0.2s ease-in-out color;
 }
 .section-search .search-bar input:hover {
   background: rgba(255, 255, 255, 0.4);

public/assets/css/search.less

@@ -14,7 +14,7 @@
             border-radius: 4px;
             padding: 14px 28px;
             border: 0px;
-            transition: 0.2s ease-in-out all;
+            transition: 0.2s ease-in-out background, 0.2s ease-in-out color;
         
             &:hover {
                 background: rgba(255,255,255,0.4);

public/assets/css/settings.css

@@ -49,7 +49,7 @@
   border-radius: 4px;
   padding: 7px 14px;
   border: 0px;
-  transition: 0.2s ease-in-out all;
+  transition: 0.2s ease-in-out background, 0.2s ease-in-out color;
 }
 .section-settings .settings-box .settings-item .settings-input select:hover,
 .section-settings .settings-box .settings-item .settings-input input[type="text"]:hover,

public/assets/css/settings.less

@@ -47,7 +47,7 @@
                     border-radius: 4px;
                     padding: 7px 14px;
                     border: 0px;
-                    transition: 0.2s ease-in-out all;
+                    transition: 0.2s ease-in-out background, 0.2s ease-in-out color;
                 
                     &:hover {
                         background: rgba(255,255,255,0.4);

public/assets/css/songdetail.css

@@ -57,7 +57,7 @@
   margin-top: 5px;
   word-break: break-all;
   text-decoration: none;
-  transition: 0.2s ease-in-out all;
+  transition: 0.2s ease-in-out opacity;
 }
 .section-song-detail .song-detail-background .song-detail-dim .song-detail .song-meta-data .song-tags .tag:hover {
   opacity: 0.6;
@@ -110,7 +110,7 @@
 .section-song-detail .song-detail-actions-moderator .button {
   padding: 15px 0px;
   font-size: 16px;
-  transition: 0.2s ease-in-out all, 0.1s ease-in-out transform;
+  transition: 0.2s ease-in-out background, 0.2s ease-in-out color, 0.1s ease-in-out transform;
 }
 .section-song-detail .song-detail-actions .button.button-primary,
 .section-song-detail .song-detail-actions-owner .button.button-primary,

public/assets/css/songdetail.less

@@ -59,7 +59,7 @@
                             margin-top: 5px;
                             word-break: break-all;
                             text-decoration: none;
-                            transition: 0.2s ease-in-out all;
+                            transition: 0.2s ease-in-out opacity;
 
                             &:hover {
                                 opacity: 0.6;
@@ -115,7 +115,7 @@
         & .button {
             padding: 15px 0px;
             font-size: 16px;
-            transition: 0.2s ease-in-out all, 0.1s ease-in-out transform;
+            transition: 0.2s ease-in-out background, 0.2s ease-in-out color, 0.1s ease-in-out transform;
 
             &.button-primary {
                 background: #fff;

public/assets/css/startup.css

@@ -15,7 +15,6 @@
   padding: 50px;
   height: 256px;
   display: grid;
-  transition: 0.2s ease all;
   grid-template-rows: auto 100px auto;
 }
 .staff-promos .staff-promo .promo-type {
@@ -42,7 +41,7 @@
   background: #aaa;
   justify-self: left;
   border-radius: 6px;
-  transition: 0.2s ease-in-out all;
+  transition: 0.2s ease-in-out opacity;
   text-decoration: none;
 }
 .staff-promos .staff-promo .promo-button:hover {

public/assets/css/startup.less

@@ -16,7 +16,6 @@
         padding: 50px;
         height: 256px;
         display: grid;
-        transition: 0.2s ease all;
         grid-template-rows: auto 100px auto;
 
         & .promo-type {
@@ -43,7 +42,7 @@
             background: #aaa;
             justify-self: left;
             border-radius: 6px;
-            transition: 0.2s ease-in-out all;
+            transition: 0.2s ease-in-out opacity;
             text-decoration: none;
 
             &:hover {

public/assets/css/upload.css

@@ -23,7 +23,7 @@
   border: 2px dashed #fff;
   border-radius: 6px;
   background: rgba(255, 255, 255, 0.1);
-  transition: 0.2s ease-in-out all;
+  transition: 0.2s ease-in-out background;
   position: relative;
   width: 100%;
   height: 160px;
@@ -110,7 +110,7 @@
   border-radius: 4px;
   padding: 7px 14px;
   border: 0px;
-  transition: 0.2s ease-in-out all;
+  transition: 0.2s ease-in-out background, 0.2s ease-in-out color;
 }
 .box .tags-input .tags-field select:not(:disabled):hover,
 .box .input .tags-field select:not(:disabled):hover,

public/assets/css/upload.less

@@ -24,7 +24,7 @@
         border: 2px dashed #fff;
         border-radius: 6px;
         background: rgba(255,255,255,0.1);
-        transition: 0.2s ease-in-out all;
+        transition: 0.2s ease-in-out background;
         position: relative;
         width: 100%;
         height: 160px;
@@ -108,7 +108,7 @@
                 border-radius: 4px;
                 padding: 7px 14px;
                 border: 0px;
-                transition: 0.2s ease-in-out all;
+                transition: 0.2s ease-in-out background, 0.2s ease-in-out color;
             
                 &:not(:disabled):hover {
                     background: rgba(255,255,255,0.4);

public/assets/css/userdetail.css

@@ -84,7 +84,7 @@
 .section-user-detail .user-detail-actions-moderation .button {
   padding: 15px 0px;
   font-size: 16px;
-  transition: 0.2s ease-in-out all, 0.1s ease-in-out transform;
+  transition: 0.2s ease-in-out background, 0.2s ease-in-out color, 0.1s ease-in-out transform;
 }
 .section-user-detail .user-detail-actions .button.button-primary,
 .section-user-detail .user-detail-actions-moderation .button.button-primary {

public/assets/css/userdetail.less

@@ -90,7 +90,7 @@
         & .button {
             padding: 15px 0px;
             font-size: 16px;
-            transition: 0.2s ease-in-out all, 0.1s ease-in-out transform;
+            transition: 0.2s ease-in-out background, 0.2s ease-in-out color, 0.1s ease-in-out transform;
 
             &.button-primary {
                 background: #fff;