MAGETWO-91923 static test failures

- Fixed more less file static test failures

Author: Michael Yu

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/_config.less

@@ -3,10 +3,12 @@
 //  * See COPYING.txt for license details.
 //  */
 
+@black: #000;
+
 [data-role='modal'] {
     .action-pagebuilder-cancel,
     .action-pagebuilder-cancel:hover {
-        color: #000000;
+        color: @black;
     }
 
     .pagebuilder-modal-content-body li {

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/_fonts.less

@@ -21,8 +21,8 @@
 [class^='icon-pagebuilder-'],
 [class*=' icon-pagebuilder-'] {
     /* Better Font Rendering =========== */
-    -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
     /* use !important to prevent issues with browser extensions that change fonts */
     font-family: @icon_font !important;
     font-style: normal;

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/_page-builder.less

@@ -4,6 +4,7 @@
 //  */
 
 @border-size: 2px;
+@white: #fff;
 
 .pagebuilder-header {
     text-align: right;
@@ -20,7 +21,7 @@
 
 .pagebuilder-stage-wrapper {
     &.stage-full-screen {
-        background: #ffffff;
+        background: @white;
         height: 100%;
         left: 0;
         overflow: scroll;
@@ -38,37 +39,37 @@
     width: 100%;
 
     .pagebuilder-add-row {
-        -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
-        background: @rowColor;
+        -webkit-border-radius: 5px;
+        background: @row-color;
         border-radius: 5px;
-        color: #ffffff;
+        color: @white;
         display: inline-block;
         font-size: 26px;
         height: 50px;
         line-height: 50px;
         width: 50px;
 
         &:hover {
-            background: darken(@rowColor, 15%);
+            background: darken(@row-color, 15%);
         }
     }
 }
 
 .pagebuilder-stage {
-    -webkit-user-select: none; /* Chrome/Safari */
     -moz-user-select: none; /* Firefox */
     -ms-user-select: none; /* IE10+ */
     /* Rules below not implemented in browsers yet */
     -o-user-select: none;
+    -webkit-user-select: none; /* Chrome/Safari */
     font-size: 0;
     margin-left: 170px; // temp
     min-height: 200px;
     padding: 0 0 60px; // 60px to include the add row button
     user-select: none;
 
     &.stage-full-screen {
-        background: #000000;
+        background: @black;
     }
 
     &.pagebuilder-no-user-select {

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/_panel.less

@@ -54,9 +54,9 @@
         top: 0;
 
         a {
-            -webkit-border-bottom-right-radius: 2px;
             -moz-border-radius-bottomright: 2px;
             -moz-border-radius-topright: 2px;
+            -webkit-border-bottom-right-radius: 2px;
             -webkit-border-top-right-radius: 2px;
             background: @color-very-dark-grayish-orange;
             border-bottom-right-radius: 2px;
@@ -80,15 +80,15 @@
     }
 
     .pagebuilder-panel {
-        background: @color-very-dark-grayish-orange;
-        -webkit-transition: .4s;
         -moz-transition: .4s;
-        transition: .4s;
-        -webkit-user-select: none; /* Chrome/Safari */
         -moz-user-select: none; /* Firefox */
         -ms-user-select: none; /* IE10+ */
         /* Rules below not implemented in browsers yet */
         -o-user-select: none;
+        -webkit-transition: .4s;
+        -webkit-user-select: none; /* Chrome/Safari */
+        background: @color-very-dark-grayish-orange;
+        transition: .4s;
         user-select: none;
 
         .search-results-empty {
@@ -102,10 +102,10 @@
             position: relative;
 
             label {
+                -webkit-font-smoothing: antialiased;
                 color: @color-gray65-lighten;
                 font-family: @icons-admin__font-name;
                 font-size: 1.5rem;
-                -webkit-font-smoothing: antialiased;
                 font-style: normal;
                 font-weight: normal;
                 left: 12px;
@@ -266,8 +266,7 @@
 
             &.active {
                 .group-title {
-
-                    :before {
+                    &::before {
                         content: @icon-caret-up__content;
                     }
                     h4 {

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/_var.less

@@ -14,21 +14,21 @@
 @theme_color_1: #779ecb;
 @theme_color_2: #5284bd;
 @error_color: #df504d;
-@dropColor: #244f72;
+@drop-color: #244f72;
 @border_color: #d0d0d0;
 @light_grey: #f5f5f5;
-@panelColor: #2b2625;
-@iconColor: #6d6361;
-@iconColorHover: #f8f3eb;
-@iconColorBackgroundHover: #534d49;
-@configureColor: #f9f9f9;
-@confirgureColorDark: #dcdcdc;
-@configureTextColor: darken(@panelColor, 5%);
-@rowColor: #3370b5;
-@columnColor: #28b78c;
-@entityColor: #243743;
-@textColor: #545454;
-@entityBackgroundColor: #7e7e7e;
+@panel-color: #2b2625;
+@icon-color: #6d6361;
+@icon-color-hover: #f8f3eb;
+@icon-color-background-hover: #534d49;
+@configure-color: #f9f9f9;
+@configure-color-dark: #dcdcdc;
+@configure-text-color: darken(@panel-color, 5%);
+@row-color: #3370b5;
+@column-color: #28b78c;
+@entity-color: #243743;
+@text-color: #545454;
+@entity-background-color: #7e7e7e;
 
 //
 //  Fonts
@@ -41,16 +41,16 @@
 //  Layout Variables
 //  ---------------------------------------------
 
-@logoWidth: 150px;
-@logoHeight: 40px;
-@geneLogoWidth: 67px;
-@geneLogoHeight: 30px;
-@sidebarWidth: 650px;
-@optionHeight: 32px;
-@commonHeight: 32px;
-@largeHeight: 50px;
-@panelWidth: 260px;
+@logo-width: 150px;
+@logo-height: 40px;
+@gene-logo-width: 67px;
+@gene-logo-height: 30px;
+@sidebar-width: 650px;
+@option-height: 32px;
+@common-height: 32px;
+@large-height: 50px;
+@panel-width: 260px;
 @margin: 20px;
-@tabSize: 80px;
-@borderWidth: 2px;
-@entityBorderWidth: 1px;
+@tab-size: 80px;
+@border-width: 2px;
+@entity-border-width: 1px;