Merge branch 'backgroundImageError' into stage

src/backend/views/pages/blocks/image.twig

@@ -4,10 +4,6 @@
   {% set classes = classes|merge(['block-image__content--bordered']) %}
 {% endif %}
 
-{% if stretched %}
-  {% set classes = classes|merge(['block-image__content--stretched']) %}
-{% endif %}
-
 {% if withBackground %}
   {% set classes = classes|merge(['block-image__content--with-background']) %}
 {% endif %}

src/frontend/styles/components/page.pcss

@@ -289,16 +289,6 @@
      max-width: 100%;
    }
 
-   &--stretched {
-     max-width: none !important;
-     width: calc(100% + 120px) !important;
-     margin-left: -60px;
-
-     img, video {
-       width: 100%;
-     }
-   }
-
    &--bordered {
      img, video {
        border: 3px solid var(--color-line-gray);

src/frontend/styles/components/writing.pcss

@@ -1,4 +1,6 @@
 .writing-header {
+  position: sticky;
+  top: 0;
   padding: 15px 0;
   margin-top: calc(-1 * var(--layout-padding-vertical));
   background: #fff;
@@ -49,46 +51,25 @@
 }
 
 .writing-editor {
-  @apply --text-content-main;
+  font-size: 15px;
+  line-height: 1.6;
+  letter-spacing: 0.005em;
 
   .ce-code__textarea {
-    @apply --text-code-block;
-
-    border: 0;
-    border-radius: 8px;
+    color: #41314e;
+    line-height: 1.6em;
+    font-size: 12px;
+    background: var(--color-bg-light);
+    border: 1px solid #f1f1f4;
+    box-shadow: none;
   }
 
   .ce-paragraph a {
-    @apply --text-inline-link;
+    color: inherit;
   }
 
   .ce-header {
-    @apply --text-header;
-    padding: 0;
-  }
-
-  h2.ce-header {
-    @apply --text-header-2;
-  }
-
-  h3.ce-header {
-    @apply --text-header-3;
-  }
-
-  .cdx-block {
-    padding: 0;
-  }
-
-  .inline-code {
-    @apply  --text-inline-code;
-  }
-
-  .tc-table {
-    @apply --text-content-main;
-  }
-
-  .tc-cell {
-    padding: 6px 8px;
+    @apply --font-serif;
   }
 
   @media (--desktop) {
@@ -100,12 +81,13 @@
 }
 
 .codex-editor__redactor .ce-block:first-of-type .ce-header {
-  @apply --text-content-title;
+  font-size: 32px;
 }
 
-
 .ce-block {
   @apply --content-block;
 }
 
-
+.cdx-settings-button[data-tune="stretched"] {
+  display: none;
+}