Move some props to CSS variables

janfaracik · Oct 22, 2021 · 26423de · 26423de
1 parent 3a1980e
commit 26423de
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/war/src/main/less/abstracts/theme.less b/war/src/main/less/abstracts/theme.less
@@ -254,6 +254,8 @@
   --form-item-max-width: 650px;
   --form-item-max-width--small: 300px;
   --form-item-max-width--medium: 450px;
+  --form-label-font-weight: bold;
+  --form-input-padding: 8px;
 
   // Pop out menus
   --menu-text-color: black;

diff --git a/war/src/main/less/modules/form.less b/war/src/main/less/modules/form.less
@@ -31,7 +31,7 @@
 .jenkins-form-label {
   display: flex;
   align-items: center;
-  font-weight: bold;
+  font-weight: var(--form-label-font-weight);
   margin-top: 0;
   margin-bottom: 0.75rem;
   padding-inline-start: 0;
@@ -49,7 +49,7 @@
   display: block;
   background: var(--input-color);
   border: 2px solid var(--input-border);
-  padding: 8px;
+  padding: var(--form-input-padding);
   border-radius: 6px;
   width: 100%;
   box-shadow: 0 0 0 10px transparent;