css ref

frontend/less/espo-rtl/layout-side.less

@@ -24,7 +24,7 @@ body[data-navbar="side"] {
 
                     .group-caret {
                         right: auto;
-                        left: 13px;
+                        left: var(--13px);
                         transform: rotate(180deg);
                     }
                 }
@@ -173,7 +173,7 @@ body[data-navbar="side"] {
             }
 
             #content {
-                padding-left: 15px;
+                padding-left: var(--15px);
                 padding-right: calc(var(--navbar-minimized-width) + var(--container-padding));
             }
 
@@ -189,7 +189,7 @@ body[data-navbar="side"] {
         }
 
         &.has-navbar > .content {
-            padding-left: 15px;
+            padding-left: var(--15px);
             padding-right: calc(var(--navbar-width) + var(--container-padding));
         }
 

frontend/less/espo/root-variables.less

@@ -60,6 +60,7 @@
     --640px: 40rem;
     --740px: 46.25rem;
     --900px: 56.25rem;
+    --1300px: 81.25rem;
     --1440px: 90rem;
 
     --font-size-base: var(--14px);
@@ -118,6 +119,8 @@
     --grid-column-width-small: var(--246px);
     --grid-column-width-medium: var(--340px);
 
+    --record-grid-max-width: var(--1300px);
+
     // computed
 
     --navbar-padding-vertical: calc((var(--navbar-height) - var(--line-height-computed)) / 2);
@@ -441,6 +444,4 @@
     --top-bar-box-shadow: @top-bar-box-shadow-value;
 
     --vertical-gap: @vertical-gap-value;
-
-    --record-grid-max-width: @record-grid-max-width-value;
 }

frontend/less/espo/value-variables.less

@@ -240,5 +240,3 @@
 @border-radius-small-value: 4px;
 @panel-border-radius-value: 8px;
 @dropdown-border-radius-value: 6px;
-
-@record-grid-max-width-value: 1300px;