Issue #3526953: Fixed alignment & margin on ckeditor floating images.

Author: alan-cole

web/themes/contrib/civictheme/assets/sass/ckeditor/_ckeditor.scss

@@ -1,15 +1,15 @@
 //
-// This file contains styles for the CKEditor component in CivicTheme.
+// Drupal CK editor.
 //
 
 .ct-figure {
-  &.align-left,
-  &.align-center,
+  &.align-left {
+    margin: ct-spacing(1) ct-spacing(6) ct-spacing(2) 0;
+  }
+  &.align-center {
+    text-align: center;
+  }
   &.align-right {
-    display: block;
-    margin-block-start: ct-particle(2);
-    margin-block-end: ct-particle(2);
-    margin-inline-start: ct-particle-px(5);
-    margin-inline-end: ct-particle-px(5);
+    margin: ct-spacing(1) 0 ct-spacing(2) ct-spacing(6);
   }
 }

web/themes/contrib/civictheme/civictheme_starter_kit/assets/sass/ckeditor/_ckeditor.scss

@@ -0,0 +1,15 @@
+//
+// Drupal CK editor.
+//
+
+.ct-figure {
+  &.align-left {
+    margin: ct-spacing(1) ct-spacing(6) ct-spacing(2) 0;
+  }
+  &.align-center {
+    text-align: center;
+  }
+  &.align-right {
+    margin: ct-spacing(1) 0 ct-spacing(2) ct-spacing(6);
+  }
+}

web/themes/contrib/civictheme/civictheme_starter_kit/assets/sass/theme.scss

@@ -8,3 +8,4 @@
 // @todo Refactor build to use direct import from the CivicTheme theme.
 @import 'page/page';
 @import 'block/local-tasks';
+@import 'ckeditor/ckeditor';