From 77ba9c1a63d2d6c3334c768c2d0f156c502ce861 Mon Sep 17 00:00:00 2001
From: Tony Air <tony@twma.pro>
Date: Sun, 10 Dec 2023 22:38:54 +0200
Subject: [PATCH] FIX: minor styling updates

---
 package.json                             |  2 +-
 src/scss/layout/main/states/network.scss |  7 +++++--
 src/scss/types/editor.scss               | 10 +++++-----
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 6b82b61..7ca1d59 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@a2nt/ss-bootstrap-ui-webpack-boilerplate-react",
-  "version": "5.2.1",
+  "version": "5.2.2",
   "description": "This UI Kit allows you to build Bootstrap 5 webapp with some extra UI features. It's easy to extend and easy to convert HTML templates to CMS templates.",
   "author": "Tony Air <tony@twma.pro>",
   "license": "BSD-2-Clause",
diff --git a/src/scss/layout/main/states/network.scss b/src/scss/layout/main/states/network.scss
index 034fec9..3bc8859 100644
--- a/src/scss/layout/main/states/network.scss
+++ b/src/scss/layout/main/states/network.scss
@@ -7,8 +7,11 @@
 }
 
 // slower animation speed for big objects
-.carousel__img.loading {
-  animation: fade 3s linear infinite;
+.carousel__img,
+.glide__img {
+  &.loading {
+    animation: fade 3s linear infinite;
+  }
 }
 
 .form-container.loading,
diff --git a/src/scss/types/editor.scss b/src/scss/types/editor.scss
index 316f739..941987e 100755
--- a/src/scss/types/editor.scss
+++ b/src/scss/types/editor.scss
@@ -12,7 +12,7 @@ body {
 }
 
 p {
-    margin-bottom: 2rem;
+    margin-bottom: $typography-spacer-y;
 }
 
 h1,
@@ -107,7 +107,7 @@ img,
     }
 
     .caption {
-        font-size: .8rem;
+        font-size: .8em;
     }
 }
 
@@ -142,8 +142,8 @@ table {
     @extend .table-bordered;
 
     &.table-none {
-        margin-right: -.5rem;
-        margin-left: -.5rem;
+        margin-right: $typography-spacer-x * -0.5;
+        margin-left: $typography-spacer-x * -0.5;
         border: 0;
 
         @extend .table-borderless;
@@ -164,7 +164,7 @@ ol {
 
     li {
         position: relative;
-        margin: .5em 0;
+        margin: ($typography-spacer-x * 0.5) 0;
     }
 }