[#2420] Set NL-DesignSystem values for legacy classes

maykinmedia · May 13, 2024 · a819ff9 · a819ff9
1 parent 901f1f5
commit a819ff9
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 26 deletions.
diff --git a/src/open_inwoner/scss/components/Typography/H1.scss b/src/open_inwoner/scss/components/Typography/H1.scss
@@ -7,11 +7,11 @@
 }
 
 .h1 {
-  color: var(--font-color-heading-1);
-  font-family: var(--font-family-heading-1);
-  font-size: var(--font-size-heading-1);
-  font-weight: var(--font-weight-heading-1);
-  line-height: var(--font-line-height-heading-1);
+  color: var(--utrecht-heading-1-color);
+  font-family: var(--utrecht-heading-1-font-family);
+  font-size: var(--utrecht-heading-1-font-size);
+  font-weight: var(--utrecht-heading-1-font-weight);
+  line-height: var(--utrecht-heading-1-line-height);
   margin: var(--row-height) 0 0 0;
   display: flex;
   justify-content: space-between;

diff --git a/src/open_inwoner/scss/components/Typography/H2.scss b/src/open_inwoner/scss/components/Typography/H2.scss
@@ -12,11 +12,11 @@
 }
 
 .h2 {
-  color: var(--font-color-heading-2);
-  font-family: var(--font-family-heading-2);
-  font-size: var(--font-size-heading-2);
-  font-weight: var(--font-weight-heading-2);
-  line-height: var(--font-line-height-heading-2);
+  color: var(--utrecht-heading-2-color);
+  font-family: var(--utrecht-heading-2-font-family);
+  font-size: var(--utrecht-heading-2-font-size);
+  font-weight: var(--utrecht-heading-2-font-weight);
+  line-height: var(--utrecht-heading-2-line-height);
   margin: 0;
   display: flex;
   justify-content: space-between;

diff --git a/src/open_inwoner/scss/components/Typography/H3.scss b/src/open_inwoner/scss/components/Typography/H3.scss
@@ -2,11 +2,11 @@
 @import '~microscope-sass/lib/responsive';
 
 .h3 {
-  color: var(--font-color-heading-3);
-  font-family: var(--font-family-heading-3);
-  font-size: var(--font-size-heading-3);
-  font-weight: var(--font-weight-heading-3);
-  line-height: var(--font-line-height-heading-3);
+  color: var(--utrecht-heading-3-color);
+  font-family: var(--utrecht-heading-3-font-family);
+  font-size: var(--utrecht-heading-3-font-size);
+  font-weight: var(--utrecht-heading-3-font-weight);
+  line-height: var(--utrecht-heading-3-line-height);
   margin: 0;
 
   @include mobile-only {

diff --git a/src/open_inwoner/scss/components/Typography/H4.scss b/src/open_inwoner/scss/components/Typography/H4.scss
@@ -2,11 +2,11 @@
 @import '~microscope-sass/lib/responsive';
 
 .h4 {
-  color: var(--font-color-heading-4);
-  font-family: var(--font-family-heading-4);
-  font-size: var(--font-size-heading-4);
-  font-weight: var(--font-weight-heading-4);
-  line-height: var(--font-line-height-heading-4);
+  color: var(--utrecht-heading-4-color);
+  font-family: var(--utrecht-heading-4-font-family);
+  font-size: var(--utrecht-heading-4-font-size);
+  font-weight: var(--utrecht-heading-4-font-weight);
+  line-height: var(--utrecht-heading-4-line-height);
   margin: 0;
 
   @include mobile-only {

diff --git a/src/open_inwoner/utils/ckeditor.py b/src/open_inwoner/utils/ckeditor.py
@@ -5,12 +5,12 @@
 from bs4 import BeautifulSoup
 
 CLASS_ADDERS = [
-    ("h1", "utrecht-heading-1"),
-    ("h2", "utrecht-heading-2"),
-    ("h3", "utrecht-heading-3"),
-    ("h4", "utrecht-heading-4"),
-    ("h5", "utrecht-heading-5"),
-    ("h6", "utrecht-heading-6"),
+    ("h1", "h1"),
+    ("h2", "h2"),
+    ("h3", "h3"),
+    ("h4", "h4"),
+    ("h5", "h5"),
+    ("h6", "h6"),
     ("img", "image"),
     ("li", "li"),
     ("p", "p"),