From f95d03f28137128e09ba5ff54a816b23f5b5c46c Mon Sep 17 00:00:00 2001
From: Darko Gjorgjijoski <dg@darkog.com>
Date: Mon, 29 Jul 2024 12:55:29 +0200
Subject: [PATCH] Fix "declarations that appear after nested rules" deprecation
 warning

---
 .../components/base/BaseContentPlaceholders.vue       | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/resources/scripts/components/base/BaseContentPlaceholders.vue b/resources/scripts/components/base/BaseContentPlaceholders.vue
index b64a4c1b..001ebfad 100644
--- a/resources/scripts/components/base/BaseContentPlaceholders.vue
+++ b/resources/scripts/components/base/BaseContentPlaceholders.vue
@@ -96,12 +96,12 @@ $base-content-placeholders-spacing: 10px !default;
 
 // Styles
 .base-content-placeholders-heading {
-  @include base-content-placeholders-spacing;
   display: flex;
+  @include base-content-placeholders-spacing;
 
   &__img {
-    @include base-content-placeholders;
     margin-right: 1.5 * $base-content-placeholders-spacing;
+    @include base-content-placeholders;
   }
 
   &__content {
@@ -112,15 +112,15 @@ $base-content-placeholders-spacing: 10px !default;
   }
 
   &__title {
-    @include base-content-placeholders;
     width: 85%;
     margin-bottom: $base-content-placeholders-spacing;
     background: $base-content-placeholders-primary-color;
+    @include base-content-placeholders;
   }
 
   &__subtitle {
-    @include base-content-placeholders;
     width: 90%;
+    @include base-content-placeholders;
   }
 }
 
@@ -128,10 +128,11 @@ $base-content-placeholders-spacing: 10px !default;
   @include base-content-placeholders-spacing;
 
   &__line {
-    @include base-content-placeholders;
     width: 100%;
     margin-bottom: $base-content-placeholders-spacing;
 
+    @include base-content-placeholders;
+
     &:first-child {
       width: 100%;
     }