From 9f2e4225fcb17eac4cec6b31b097cba225fda121 Mon Sep 17 00:00:00 2001
From: srgooglo <you@example.com>
Date: Wed, 26 Aug 2020 20:41:01 +0200
Subject: [PATCH] no quiero AAA

---
 .../UserProfile/components/Follow_btn.scss    | 58 +++++++++++--------
 1 file changed, 33 insertions(+), 25 deletions(-)

diff --git a/src/components/UserProfile/components/Follow_btn.scss b/src/components/UserProfile/components/Follow_btn.scss
index 2a6ad2a4..99c9364a 100755
--- a/src/components/UserProfile/components/Follow_btn.scss
+++ b/src/components/UserProfile/components/Follow_btn.scss
@@ -1,4 +1,4 @@
-$width:  120px;
+$width: 120px;
 $height: 40px;
 $border: 0;
 
@@ -7,36 +7,36 @@ $orange: #ff7159;
 
 $border-radius: 8px;
 
-$deg:  120deg;
+$deg: 120deg;
 $size: 400%;
-$dur:  15s;
+$dur: 15s;
 
 @mixin clip-frame($width, $height, $border) {
   -webkit-clip-path: polygon(0% 100%, $border 100%, $border $border, $width - $border $border, $width - $border $height - $border, $border $height - $border, $border 100%, 100% 100%, 100% 0%, 0% 0%);
 }
 
 .like_btn {
-    width: 100px;
-    height: 30px;
-    line-height: 28px;
-    padding: 5px 15px 5px 15px;
-    @extend .text-formatting;
+  width: 100px;
+  height: 30px;
+  line-height: 28px;
+  padding: 5px 15px 5px 15px;
+  @extend .text-formatting;
 
+  &:hover {
+    color: #7e7e7e;
+  }
+
+  &.nofollowed {
     &:hover {
-        color: #7e7e7e;
-    }
-
-    &.nofollowed{
-        &:hover {
-            border: none;
-            content: '';
-            color: white;
-            border-radius: $border-radius;
-            background: linear-gradient($deg, $violet, $orange, $violet);
-            background-size: $size $size;
-            animation: gradient $dur ease-in-out infinite, border 1s forwards ease-in-out reverse;
-          }
+      border: none;
+      content: '';
+      color: white;
+      border-radius: $border-radius;
+      background: linear-gradient($deg, $violet, $orange, $violet);
+      background-size: $size $size;
+      animation: gradient $dur ease-in-out infinite, border 1s forwards ease-in-out reverse;
     }
+  }
 }
 
 /* helpers */
@@ -50,8 +50,16 @@ $dur:  15s;
 
 /* motion */
 
-@keyframes gradient { 
-    0%   { background-position: 14% 0%; }
-    50%  { background-position: 87% 100%; }
-    100% { background-position: 14% 0%; }
+@keyframes gradient {
+  0% {
+    background-position: 14% 0%;
+  }
+
+  50% {
+    background-position: 87% 100%;
+  }
+
+  100% {
+    background-position: 14% 0%;
+  }
 }