From 348d04e1e98426f79e99b3598b54592d401d1d81 Mon Sep 17 00:00:00 2001
From: Gabriel De Los Rios <gabriel.delosrios@tutamail.com>
Date: Sun, 24 Nov 2024 22:40:18 -0300
Subject: [PATCH] refactor: adds css variable

---
 app/static/css/login.css    | 2 +-
 app/static/css/register.css | 2 +-
 app/static/css/styles.css   | 4 ++++
 app/static/css/user.css     | 3 +++
 4 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 app/static/css/user.css

diff --git a/app/static/css/login.css b/app/static/css/login.css
index 2a21e10..6b39e66 100644
--- a/app/static/css/login.css
+++ b/app/static/css/login.css
@@ -1,5 +1,5 @@
 .login {
-  max-width: 480px;
+  max-width: var(--main-content-max-width, 480px);
 }
 .register__form-button {
   width: 100%;
diff --git a/app/static/css/register.css b/app/static/css/register.css
index 4508d37..6a66d06 100644
--- a/app/static/css/register.css
+++ b/app/static/css/register.css
@@ -1,5 +1,5 @@
 .register {
-  max-width: 480px;
+  max-width: var(--main-content-max-width, 480px);
 }
 
 .register__form-button {
diff --git a/app/static/css/styles.css b/app/static/css/styles.css
index adfd706..b72390c 100644
--- a/app/static/css/styles.css
+++ b/app/static/css/styles.css
@@ -1,3 +1,7 @@
+:root {
+  --main-content-max-width: 480px;
+}
+
 html, body {
   height: 100%;
 }
diff --git a/app/static/css/user.css b/app/static/css/user.css
new file mode 100644
index 0000000..80bc69e
--- /dev/null
+++ b/app/static/css/user.css
@@ -0,0 +1,3 @@
+.user {
+  max-width: var(--main-content-max-width, 480px);
+}
\ No newline at end of file