From 331b16440f0af2f70ce100bf78cad31fb6a18e8d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Tue, 1 Mar 2022 10:03:23 +0100
Subject: [PATCH] MOBILE-3814 style: Fix typo on --list-item--max-width

---
 src/core/components/loading/loading.scss                        | 2 +-
 .../courses/components/course-list-item/course-list-item.scss   | 2 +-
 src/core/features/login/pages/site/site.scss                    | 2 +-
 src/theme/theme.base.scss                                       | 2 +-
 src/theme/theme.light.scss                                      | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/core/components/loading/loading.scss b/src/core/components/loading/loading.scss
index 1f704d0e6..fc4d95b1f 100644
--- a/src/core/components/loading/loading.scss
+++ b/src/core/components/loading/loading.scss
@@ -82,7 +82,7 @@
     }
 
     &.list-item-limited-width .core-loading-content {
-        max-width: var(--list-item--max-width);
+        max-width: var(--list-item-max-width);
         margin-left: auto !important;
         margin-right: auto !important;
     }
diff --git a/src/core/features/courses/components/course-list-item/course-list-item.scss b/src/core/features/courses/components/course-list-item/course-list-item.scss
index d6bc0342e..48e3c7284 100644
--- a/src/core/features/courses/components/course-list-item/course-list-item.scss
+++ b/src/core/features/courses/components/course-list-item/course-list-item.scss
@@ -102,7 +102,7 @@ ion-chip {
 
 // List layout.
 ion-card.core-course-list-item {
-    max-width: var(--list-item--max-width);
+    max-width: var(--list-item-max-width);
 
     ion-icon.course-icon {
         padding: 12px;
diff --git a/src/core/features/login/pages/site/site.scss b/src/core/features/login/pages/site/site.scss
index c3c49cbd2..927315fa1 100644
--- a/src/core/features/login/pages/site/site.scss
+++ b/src/core/features/login/pages/site/site.scss
@@ -1,7 +1,7 @@
 @import "~theme/globals";
 
 :host {
-    --list-item--max-width: 600px;
+    --list-item-max-width: 600px;
 }
 
 .item-input:last-child {
diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
index a9b897801..9a182fa5c 100644
--- a/src/theme/theme.base.scss
+++ b/src/theme/theme.base.scss
@@ -830,7 +830,7 @@ ion-card {
 ion-list.core-course-module-list-wrapper,
 .list-item-limited-width,
 .core-course-module-list-wrapper {
-    max-width: var(--list-item--max-width);
+    max-width: var(--list-item-max-width);
     margin-left: auto !important;
     margin-right: auto !important;
 }
diff --git a/src/theme/theme.light.scss b/src/theme/theme.light.scss
index febfd5762..e04f70066 100644
--- a/src/theme/theme.light.scss
+++ b/src/theme/theme.light.scss
@@ -79,7 +79,7 @@
     --module-icon-size: 24px;
     --module-icon-radius: var(--medium-radius);
 
-    --list-item--max-width: 768px;
+    --list-item-max-width: 768px;
 
     --contrast-background: white;