FIX: minor styling updates

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",

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,

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;
     }
 }