update css var

therealtimex · Nov 30, 2024 · 4307c8a · 4307c8a
1 parent 5d274ff
commit 4307c8a
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 7 deletions.
diff --git a/css/rt-dmview-css-min.css b/css/rt-dmview-css-min.css
@@ -174,7 +174,7 @@ label::before {
 .nav-pills .nav-link {
     background-color: var(--color_theme_neutral_light);
     color: var(--color_theme_text_secondary);
-    padding: 8px 8px;
+    padding: var(--size-spacing-small) var(--size-spacing-small);
     display: flex;
     align-items: center;
     justify-content: center;
@@ -184,18 +184,14 @@ label::before {
 
 .nav-pills .nav-link.active {
     background-color: var(--color_theme_accent);
-    /* Active tab uses primary red */
     color: var(--color_theme_text_primary);
-    /* White text for contrast */
 }
 
 /* Hover states */
 .nav-pills .nav-link:hover {
     background-color: var(--color_theme_neutral_medium);
-    opacity: 0.9;
-    /* Subtle hover effect */
-    transition: background-color 0.2s ease;
-    /* Slight lift effect */
+    opacity: 0.9;                               /* Subtle hover effect */
+    transition: background-color 0.2s ease;     /* Slight lift effect */
 }
 
 /* Focus visible styles */

diff --git a/js/WorkflowAI-H24-scr501.html b/js/WorkflowAI-H24-scr501.html
@@ -33,6 +33,19 @@
                 --color_theme_error_text: #D32F2F;
                 --color_theme_link: #0056b3;
                 --color_theme_shadow: rgba(0, 0, 0, 0.15);
+
+                --size-spacing-nano: 0.5rem;    /* 8px */
+                --size-spacing-micro: 0.625rem; /* 10px */
+                --size-spacing-small: 0.75rem;  /* 12px */
+                --size-spacing-medium: 1rem;    /* 16px */
+                --size-spacing-large: 2rem;     /* 32px */
+                --size-spacing-xl: 2.5rem;      /* 40px */
+                --size-spacing-xxl: 3rem;       /* 48px */
+                --size-spacing-xxxl: 3.5rem;    /* 56px */
+                --size-spacing-mega: 4rem;      /* 64px */
+                --size-spacing-giga: 5rem;      /* 80px */
+                --size-spacing-base: var(--size-spacing-medium);
+
             }
         </style>
     </head>
@@ -151,6 +164,18 @@ <h4 class="text-center mb-4" style="color: var(--color_theme_primary);">##store_
                 --color_theme_error_text: #D32F2F;
                 --color_theme_link: #0056b3;
                 --color_theme_shadow: rgba(0, 0, 0, 0.15);
+
+                --size-spacing-nano: 0.5rem;    /* 8px */
+                --size-spacing-micro: 0.625rem; /* 10px */
+                --size-spacing-small: 0.75rem;  /* 12px */
+                --size-spacing-medium: 1rem;    /* 16px */
+                --size-spacing-large: 2rem;     /* 32px */
+                --size-spacing-xl: 2.5rem;      /* 40px */
+                --size-spacing-xxl: 3rem;       /* 48px */
+                --size-spacing-xxxl: 3.5rem;    /* 56px */
+                --size-spacing-mega: 4rem;      /* 64px */
+                --size-spacing-giga: 5rem;      /* 80px */
+                --size-spacing-base: var(--size-spacing-medium);
             }
         </style>
     </head>