From 39cbc32547a136a457dea68dbf361e493478c085 Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Wed, 13 Sep 2023 16:30:20 +0200
Subject: [PATCH] refs #6118 newVariable

---
 src/css/app.scss       |  2 +-
 src/css/variables.scss | 32 +++++++++++++++++---------------
 2 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/src/css/app.scss b/src/css/app.scss
index d746fb8be..65495de93 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -16,7 +16,7 @@ a {
 }
 
 .q-card {
-    width: 100%;
+    width: $width-full;
     max-width: $width-md;
 }
 
diff --git a/src/css/variables.scss b/src/css/variables.scss
index 0a74c8277..9f047456c 100644
--- a/src/css/variables.scss
+++ b/src/css/variables.scss
@@ -12,6 +12,8 @@ $width-md: 800px;
 $width-lg: 1280px;
 $width-xl: 1600px;
 
+$width-full: 100%;
+
 // Spacing
 
 $spacing-xs: 4px;
@@ -82,10 +84,10 @@ $color-font-light: #aaa;
 $color-font-secondary: #777;
 $color-font-dark: white;
 $color-font-link: #66bfff;
-$color-font-bg: rgba(0, 0, 0, .8);
-$color-font-bg-marginal: rgba(255, 255, 255, .4);
-$color-font-bg-dark: rgba(255, 255, 255, .7);
-$color-font-bg-dark-marginal: rgba(255, 255, 255, .4);
+$color-font-bg: rgba(0, 0, 0, 0.8);
+$color-font-bg-marginal: rgba(255, 255, 255, 0.4);
+$color-font-bg-dark: rgba(255, 255, 255, 0.7);
+$color-font-bg-dark-marginal: rgba(255, 255, 255, 0.4);
 
 $color-header: #3d3d3d;
 $color-menu-header: #3d3d3d;
@@ -103,16 +105,16 @@ $color-pink: #ff99cc;
 $color-yellow: #ffff00;
 $color-button: $color-secondary;
 
-$color-spacer: rgba(255, 255, 255, .3);
-$color-spacer-light: rgba(255, 255, 255, .12);
-$color-input-underline: rgba(255, 255, 255, .12);
-$color-input-underline-hover: rgba(255, 255, 255, .6);
-$color-shadow: rgba(0, 0, 0, .2);
-$color-border: rgba(0, 0, 0, .3);
-$color-hightlight: rgba(255, 255, 255, .15);
-$color-hover-cd: rgba(255, 255, 255, .1);
-$color-hover-dc: .7;
-$color-disabled: .6;
+$color-spacer: rgba(255, 255, 255, 0.3);
+$color-spacer-light: rgba(255, 255, 255, 0.12);
+$color-input-underline: rgba(255, 255, 255, 0.12);
+$color-input-underline-hover: rgba(255, 255, 255, 0.6);
+$color-shadow: rgba(0, 0, 0, 0.2);
+$color-border: rgba(0, 0, 0, 0.3);
+$color-hightlight: rgba(255, 255, 255, 0.15);
+$color-hover-cd: rgba(255, 255, 255, 0.1);
+$color-hover-dc: 0.7;
+$color-disabled: 0.6;
 
 $color-primary-medium: lighten($color-primary, 20%);
 $color-primary-light: lighten($color-primary, 35%);
@@ -133,4 +135,4 @@ $color-alert-light: lighten($color-alert, 35%);
 $border-thin: 1px solid $color-border;
 $border-thin-light: 1px solid $color-spacer-light;
 $border: 2px solid $color-border;
-$shadow: 0 2px 2px 0 rgba(0, 0, 0, .3);
+$shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);