From 8eaef843d02d28ac0797b8f7ff8044e98b5cee33 Mon Sep 17 00:00:00 2001 From: Yuri Kuznetsov Date: Tue, 29 Oct 2024 16:41:00 +0200 Subject: [PATCH] rem usage --- frontend/less/dark/custom.less | 2 +- frontend/less/dark/variables.less | 8 ++++---- frontend/less/espo-rtl/variables.less | 6 +++--- frontend/less/espo/value-variables.less | 20 ++++++++++---------- frontend/less/glass/custom.less | 14 ++++---------- frontend/less/glass/variables.less | 8 ++++---- frontend/less/hazyblue/variables.less | 8 ++++---- frontend/less/light/variables.less | 15 +++++++-------- frontend/less/sakura/variables.less | 8 ++++---- frontend/less/violet/variables.less | 8 ++++---- 10 files changed, 45 insertions(+), 52 deletions(-) diff --git a/frontend/less/dark/custom.less b/frontend/less/dark/custom.less index 2e6ec2ec35..fa0e7c8b08 100644 --- a/frontend/less/dark/custom.less +++ b/frontend/less/dark/custom.less @@ -1,5 +1,5 @@ body[data-navbar="side"].minimized.side-menu-opened { #navbar > .navbar { - border-right: 1px solid var(--gray-dark); + border-right: var(--1px) solid var(--gray-dark); } } diff --git a/frontend/less/dark/variables.less b/frontend/less/dark/variables.less index 4753056b85..0cc28f89e9 100644 --- a/frontend/less/dark/variables.less +++ b/frontend/less/dark/variables.less @@ -135,7 +135,7 @@ @default-box-shadow-value: none; @dropdown-box-shadow-value: none; -@border-radius-value: 6px; -@border-radius-small-value: 3px; -@panel-border-radius-value: 8px; -@dropdown-border-radius-value: 5px; +@border-radius-value: var(--6px); +@border-radius-small-value: var(--3px); +@panel-border-radius-value: var(--8px); +@dropdown-border-radius-value: var(--5px); diff --git a/frontend/less/espo-rtl/variables.less b/frontend/less/espo-rtl/variables.less index 1566994f24..15e61e24af 100644 --- a/frontend/less/espo-rtl/variables.less +++ b/frontend/less/espo-rtl/variables.less @@ -1,3 +1,3 @@ -@border-radius-value: 5px; -@panel-border-radius-value: 5px; -@dropdown-border-radius-value: 3px; +@border-radius-value: var(--6px); +@panel-border-radius-value: var(--6px); +@dropdown-border-radius-value: var(--4px); diff --git a/frontend/less/espo/value-variables.less b/frontend/less/espo/value-variables.less index c42f50df81..8fae23d096 100644 --- a/frontend/less/espo/value-variables.less +++ b/frontend/less/espo/value-variables.less @@ -198,7 +198,7 @@ @dropdown-link-hover-color-value: darken(@gray-dark-value, 5%); @dropdown-link-hover-bg-value: #f5f5f5; @dropdown-border-value: @default-border-color-value; -@dropdown-border-width-value: 1px; +@dropdown-border-width-value: var(--1px); @dropdown-divider-bg-value: #e5e5e5; @dropdown-box-shadow-value: 0 4px 6px rgba(0, 0, 0, 0.11); @@ -230,13 +230,13 @@ @collapsed-modal-bg-value: @gray-soft-value; @collapsed-modal-text-color-value: @text-white-color-value; -@btn-xs-wide-width-value: 65px; -@btn-s-wide-width-value: 80px; -@btn-wide-width-value: 100px; -@btn-x-wide-width-value: 150px; -@btn-xx-wide-width-value: 200px; +@btn-xs-wide-width-value: var(--65px); +@btn-s-wide-width-value: var(--80px); +@btn-wide-width-value: var(--100px); +@btn-x-wide-width-value: var(--150px); +@btn-xx-wide-width-value: var(--200px); -@border-radius-value: 6px; -@border-radius-small-value: 4px; -@panel-border-radius-value: 8px; -@dropdown-border-radius-value: 6px; +@border-radius-value: var(--6px); +@border-radius-small-value: var(--4px); +@panel-border-radius-value: var(--8px); +@dropdown-border-radius-value: var(--6px); diff --git a/frontend/less/glass/custom.less b/frontend/less/glass/custom.less index 5be99d41a4..5abe442e85 100644 --- a/frontend/less/glass/custom.less +++ b/frontend/less/glass/custom.less @@ -8,7 +8,7 @@ body[data-navbar="side"].minimized.side-menu-opened { #navbar > .navbar { - border-right: 1px solid var(--panel-default-border); + border-right: var(--1px) solid var(--panel-default-border); backdrop-filter: @backdrop-filter-2; .navbar-body { @@ -120,7 +120,7 @@ body { .stick-sub, .sticked-bar{ backdrop-filter: @backdrop-filter !important; - border-bottom: 1px solid var(--panel-default-border); + border-bottom: var(--1px) solid var(--panel-default-border); } .list { @@ -162,7 +162,7 @@ body { } .complex-text-container.cut > .complex-text::before { - height: 20px; + height: var(--20px); background: none; backdrop-filter: blur(1px); } @@ -196,14 +196,8 @@ select.form-control > option { } } -/*.calendar { - td.fc-day-top.fc-today { - background-color: transparent !important; - } -}*/ - .popup-notification { - border-width: 1px; + border-width: var(--1px); backdrop-filter: @backdrop-filter; } diff --git a/frontend/less/glass/variables.less b/frontend/less/glass/variables.less index 27026eac0c..5e452aa4e1 100644 --- a/frontend/less/glass/variables.less +++ b/frontend/less/glass/variables.less @@ -154,11 +154,11 @@ @dropdown-box-shadow-value: 14px 9px 15px -3px rgba(0,0,0,0.1); @top-bar-box-shadow-value: 6px 6px 4px rgba(0, 0, 0, 0.02); -@border-radius-value: 6px; -@panel-border-radius-value: 10px; -@dropdown-border-radius-value: 6px; +@border-radius-value: var(--6px); +@panel-border-radius-value: var(--10px); +@dropdown-border-radius-value: var(--6px); -@panel-border-width-value: 1px; +@panel-border-width-value: var(--1px); @panel-default-border-value: #a587ab42; @panel-warning-border-value: @panel-default-border-value; diff --git a/frontend/less/hazyblue/variables.less b/frontend/less/hazyblue/variables.less index db7ca5a339..b934af4c1a 100644 --- a/frontend/less/hazyblue/variables.less +++ b/frontend/less/hazyblue/variables.less @@ -57,7 +57,7 @@ @panel-border-width-value: 0px; @default-box-shadow-value: 2px 2px 4px rgba(0,0,0,0.09); -@border-radius-value: 5px; -@border-radius-small-value: 4px; -@panel-border-radius-value: 8px; -@dropdown-border-radius-value: 6px; +@border-radius-value: var(--5px); +@border-radius-small-value: var(--4px); +@panel-border-radius-value: var(--8px); +@dropdown-border-radius-value: var(--6px); diff --git a/frontend/less/light/variables.less b/frontend/less/light/variables.less index 3d1648c50c..4d48919f00 100644 --- a/frontend/less/light/variables.less +++ b/frontend/less/light/variables.less @@ -40,8 +40,7 @@ @navbar-inverse-border-value: @default-border-color-value; -@navbar-border-width-value: 1px; - +@navbar-border-width-value: var(--1px); @default-heading-bg-color-value: #f2f8fc; @@ -66,11 +65,11 @@ @btn-primary-active-bg-value: darken(@btn-primary-bg-value, 15%); @btn-primary-active-border-value: darken(@btn-primary-bg-value, 18%); -@border-radius-value: 6px; -@panel-border-radius-value: 10px; -@dropdown-border-radius-value: 6px; +@border-radius-value: var(--6px); +@panel-border-radius-value: var(--10px); +@dropdown-border-radius-value: var(--6px); -@dropdown-border-width-value: 1px; -@panel-border-width-value: 1px; +@dropdown-border-width-value: var(--1px); +@panel-border-width-value: var(--1px); -@default-box-shadow-value: 1px 1px 3px rgba(0,0,0,0.04); +@default-box-shadow-value: 1px 1px 3px rgba(0, 0, 0, 0.04); diff --git a/frontend/less/sakura/variables.less b/frontend/less/sakura/variables.less index ab87228925..8b530225cf 100644 --- a/frontend/less/sakura/variables.less +++ b/frontend/less/sakura/variables.less @@ -54,11 +54,11 @@ @select-item-border-value: @btn-default-border-value; -@border-radius-value: 6px; -@panel-border-radius-value: 10px; -@dropdown-border-radius-value: 6px; +@border-radius-value: var(--6px); +@panel-border-radius-value: var(--10px); +@dropdown-border-radius-value: var(--6px); -@dropdown-border-width-value: 1px; +@dropdown-border-width-value: var(--1px); @panel-border-width-value: 0px; @default-box-shadow-value: 2px 2px 4px rgba(0,0,0,0.09); diff --git a/frontend/less/violet/variables.less b/frontend/less/violet/variables.less index f3e250c0a4..d93de55fcd 100644 --- a/frontend/less/violet/variables.less +++ b/frontend/less/violet/variables.less @@ -47,11 +47,11 @@ @btn-primary-active-bg-value: darken(@btn-primary-bg-value, 15%); @btn-primary-active-border-value: darken(@btn-primary-bg-value, 18%); -@border-radius-value: 6px; -@panel-border-radius-value: 10px; -@dropdown-border-radius-value: 6px; +@border-radius-value: var(--6px); +@panel-border-radius-value: var(--10px); +@dropdown-border-radius-value: var(--6px); -@dropdown-border-width-value: 1px; +@dropdown-border-width-value: var(--1px); @panel-border-width-value: 0px; @default-box-shadow-value: 2px 2px 4px rgba(0,0,0,0.09);