css shadow var

frontend/less/dark-vertical/variables.less

@@ -110,3 +110,6 @@
 @collapsed-modal-bg-value: @dropdown-bg-value;
 
 @login-panel-heading-bg-value: @panel-bg-value;
+
+@default-box-shadow-value: none;
+@dropdown-box-shadow-value: none;

frontend/less/espo/custom.less

@@ -3,6 +3,25 @@
 @import "elements/panel.less";
 @import "elements/record.less";
 
+.list-container > .list,
+.panel,
+.dashlet-container,
+#main > .calendar-container .calendar,
+#main > .calendar-container .timeline,
+.well,
+.admin-content .table.table-bordered,
+.admin-content iframe,
+.list-kanban > div > table > thead,
+.list-group-panel,
+.popup-notification {
+    box-shadow: var(--default-box-shadow);
+}
+
+.dropdown-menu,
+.autocomplete-suggestions {
+    box-shadow: var(--dropdown-box-shadow);
+}
+
 .collapsing {
     -webkit-transition: height .1s ease;
     -o-transition: height .1s ease;
@@ -650,7 +669,7 @@ table.table > thead th {
 }
 
 .btn.active {
-    .box-shadow(none);
+    box-shadow: none;
 }
 
 #login.panel .panel-heading {
@@ -1713,7 +1732,6 @@ body .note-editor .panel-heading {
     color: var(--dropdown-link-color);
     cursor: default;
     overflow: auto;
-    .box-shadow(0 6px 12px rgba(0,0,0,.175));
 
     .autocomplete-suggestion.autocomplete-selected {
         background-color: var(--dropdown-link-hover-bg) !important;
@@ -3078,7 +3096,7 @@ a.link-gray {
 
 .btn-group.open .dropdown-toggle {
     &.btn-text {
-       .box-shadow(none);
+        box-shadow: none;
     }
 }
 

frontend/less/espo/root-variables.less

@@ -246,6 +246,7 @@
     --dropdown-link-hover-bg: @dropdown-link-hover-bg-value;
     --dropdown-border: @dropdown-border-value;
     --dropdown-divider-bg: @dropdown-divider-bg-value;
+    --dropdown-box-shadow: @dropdown-box-shadow-value;
 
     --calendar-today-bg: @calendar-today-bg-value;
     --calendar-border: @calendar-border-value;
@@ -268,4 +269,6 @@
 
     --collapsed-modal-bg: @collapsed-modal-bg-value;
     --collapsed-modal-text-color: @collapsed-modal-text-color-value;
+
+    --default-box-shadow: @default-box-shadow-value;
 }

frontend/less/espo/value-variables.less

@@ -123,6 +123,7 @@
 @dropdown-link-hover-bg-value: #f5f5f5;
 @dropdown-border-value: rgba(0,0,0,.15);
 @dropdown-divider-bg-value: #e5e5e5;
+@dropdown-box-shadow-value: 0 6px 12px rgba(0,0,0,.175);
 
 @login-panel-heading-bg-value: @navbar-inverse-bg-value;
 
@@ -149,3 +150,5 @@
 
 @collapsed-modal-bg-value: @gray-soft-value;
 @collapsed-modal-text-color-value: @text-white-color-value;
+
+@default-box-shadow-value: none;

frontend/less/hazyblue-vertical/custom.less

@@ -1,8 +1,8 @@
 #navbar .navbar {
-    .box-shadow(none);
+    box-shadow: none;
 
     .navbar-right {
-        .box-shadow(none);
+        box-shadow: none;
     }
 }
 
@@ -93,21 +93,7 @@ table.table-admin-panel {
 .panel-body .list-container > .list,
 .dashlet-container > .panel,
 .note-editor.panel {
-    .box-shadow(none);
-}
-
-.list-container > .list,
-.panel,
-.dashlet-container,
-#main > .calendar-container .calendar,
-#main > .calendar-container .timeline,
-.well,
-.admin-content .table.table-bordered,
-.admin-content iframe,
-.list-kanban > div > table > thead,
-.list-group-panel,
-.popup-notification {
-    .box-shadow(2px 2px 4px rgba(0,0,0,0.09));
+    box-shadow: none;
 }
 
 body > #content > #main > .admin-content {
@@ -122,12 +108,12 @@ body > #content > #main > .admin-content {
 }
 
 .stick-sub.button-container {
-    .box-shadow(none);
+    box-shadow: none;
 }
 
 @media (min-width: @screen-sm-min) {
     .modal-dialog > .modal-content {
-        .box-shadow(0 0px 15px rgba(0,0,0,0.35));
+        box-shadow: 0 0 15px rgba(0,0,0,0.35);
     }
 }
 

frontend/less/hazyblue-vertical/variables.less

@@ -40,3 +40,4 @@
 @navbar-bg-value: @body-bg-value;
 
 @panel-border-width: 0;
+@default-box-shadow-value: 2px 2px 4px rgba(0,0,0,0.09);