From a0ef78a603975f37b1cf53077f713618bd2158b4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Tue, 2 Feb 2021 12:09:48 +0100
Subject: [PATCH] refactoring

---
 docs/src/components/DemoFrame/index.vue | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/docs/src/components/DemoFrame/index.vue b/docs/src/components/DemoFrame/index.vue
index ad8998ff..0f7f0c45 100644
--- a/docs/src/components/DemoFrame/index.vue
+++ b/docs/src/components/DemoFrame/index.vue
@@ -89,12 +89,6 @@ export default {
     pointer-events: none;
   }
 
-  &__loader,
-  &__loader:after {
-    border-radius: 50%;
-    width: 1.25rem;
-    height: 1.25rem;
-  }
   &__loader {
     font-size: 10px;
     position: relative;
@@ -105,6 +99,13 @@ export default {
     border-left: 2px solid $colorBlack;
     transform: translateZ(0);
     animation: load8 1.1s infinite linear;
+
+    &,
+    &::after {
+      border-radius: 50%;
+      width: 1.25rem;
+      height: 1.25rem;
+    }
   }
 
   @keyframes load8 {
@@ -112,6 +113,7 @@ export default {
       -webkit-transform: rotate(0deg);
       transform: rotate(0deg);
     }
+
     100% {
       -webkit-transform: rotate(360deg);
       transform: rotate(360deg);