MAGETWO-91923 static test failures

- Fixed less file static test failures

Author: Michael Yu

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

@@ -1,10 +1,10 @@
 // /**
-// * Copyright © Magento, Inc. All rights reserved.
-// * See COPYING.txt for license details.
-// */
+//  * Copyright © Magento, Inc. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
 
 //
-//  _buttons contains {less} for generic buttons
+//  _buttons contains less for generic buttons
 //  _____________________________________________
 
 @pagebuilder-button__margin: 0 10px 10px 0;

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

@@ -6,7 +6,7 @@
 [data-role='modal'] {
     .action-pagebuilder-cancel,
     .action-pagebuilder-cancel:hover {
-        color: #000;
+        color: #000000;
     }
 
     .pagebuilder-modal-content-body li {

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

@@ -6,25 +6,25 @@
 //
 //  PageBuilder Admin Icons
 //  _____________________________________________
+
 @font-face {
     font-family: @icon_font;
     font-style: normal;
     font-weight: normal;
     src: url('@{baseDir}Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.eot');
     src: url('@{baseDir}Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.eot?#iefix') format('embedded-opentype'),
-        url('@{baseDir}Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.woff') format('woff'),
-        url('@{baseDir}Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.ttf') format('truetype'),
-        url('@{baseDir}Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.svg#pagebuilder-icons') format('svg');
+    url('@{baseDir}Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.woff') format('woff'),
+    url('@{baseDir}Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.ttf') format('truetype'),
+    url('@{baseDir}Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.svg#pagebuilder-icons') format('svg');
 }
 
 [class^='icon-pagebuilder-'],
 [class*=' icon-pagebuilder-'] {
-    /* use !important to prevent issues with browser extensions that change fonts */
-    font-family: @icon_font !important;
-
     /* Better Font Rendering =========== */
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
+    /* use !important to prevent issues with browser extensions that change fonts */
+    font-family: @icon_font !important;
     font-style: normal;
     font-variant: normal;
     font-weight: normal;

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

@@ -6,6 +6,7 @@
 //
 //  Source -> Icons
 //  _____________________________________________
+
 @icon-pagebuilder-accordian__content: '\e900';
 @icon-pagebuilder-add__content: '\e919';
 @icon-pagebuilder-anchor__content: '\e901';

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

@@ -4,7 +4,7 @@
 //  */
 
 //
-// {less} Variables
+//  less Variables
 //  _____________________________________________
 
 @import '_mixins.less';
@@ -13,37 +13,37 @@
 @import '_buttons.less';
 
 //
-// Import Slick {less}
+//  Import Slick less
 //  _____________________________________________
 
 @import 'slick/_slick.less';
 
 //
-// Import Panel {less}
+//  Import Panel less
 //  _____________________________________________
 
 @import '_panel.less';
 
 //
-// Import Page-builder {less}
+//  Import Page-builder less
 //  _____________________________________________
 
 @import '_page-builder.less';
 
 //
-// Import Image Uploader UI component {less}
+//  Import Image Uploader UI component less
 //  _____________________________________________
 
 @import 'form/element/_import.less';
 
 //
-// Import Config {less}
+//  Import Config less
 //  _____________________________________________
 
 @import '_config.less';
 
 //
-// Import Font Icons {less}
+//  Import Font Icons less
 //  _____________________________________________
 
 @import '_icons.less';
@@ -52,7 +52,7 @@
 @import 'modal/_dismissible.less';
 
 //
-// Import Content Type {less}
+//  Import Content Type less
 //  _____________________________________________
 
 @import 'content-type/_import.less';

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

@@ -20,7 +20,7 @@
 
 .pagebuilder-stage-wrapper {
     &.stage-full-screen {
-        background: white;
+        background: #ffffff;
         height: 100%;
         left: 0;
         overflow: scroll;
@@ -38,11 +38,11 @@
     width: 100%;
 
     .pagebuilder-add-row {
-        background: @rowColor;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
+        background: @rowColor;
         border-radius: 5px;
-        color: white;
+        color: #ffffff;
         display: inline-block;
         font-size: 26px;
         height: 50px;
@@ -56,29 +56,29 @@
 }
 
 .pagebuilder-stage {
-    font-size: 0;
-    margin-left: 170px; // temp
-    min-height: 200px;
-    padding: 0 0 60px; // 60px to include the add row button
     -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;
+    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: black;
+        background: #000000;
     }
 
     &.pagebuilder-no-user-select {
         * {
-            -webkit-user-select: none !important; /* Chrome/Safari */
             -moz-user-select: none !important; /* Firefox */
             -ms-user-select: none !important; /* IE10+ */
 
             /* Rules below not implemented in browsers yet */
             -o-user-select: none !important;
+            -webkit-user-select: none !important; /* Chrome/Safari */
             user-select: none !important;
         }
     }
@@ -98,9 +98,9 @@
     }
 
     .pagebuilder-canvas {
-        opacity: 0;
-        -webkit-transition: 1s ease-in-out;
         -moz-transition: 1s ease-in-out;
+        -webkit-transition: 1s ease-in-out;
+        opacity: 0;
         transition: 1s ease-in-out;
         visibility: hidden;
 

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

@@ -4,7 +4,7 @@
 //  */
 
 //
-//  _panel contains {less} for the left panel
+//  _panel contains less for the left panel
 //  _____________________________________________
 
 .pagebuilder-draggable-block {
@@ -37,7 +37,7 @@
     }
 }
 
-#pagebuilder-panel-wrapper {
+.pagebuilder-panel-wrapper {
     display: none;
     float: left;
     position: relative;
@@ -54,12 +54,12 @@
         top: 0;
 
         a {
-            background: @color-very-dark-grayish-orange;
             -webkit-border-bottom-right-radius: 2px;
-            border-bottom-right-radius: 2px;
             -moz-border-radius-bottomright: 2px;
             -moz-border-radius-topright: 2px;
             -webkit-border-top-right-radius: 2px;
+            background: @color-very-dark-grayish-orange;
+            border-bottom-right-radius: 2px;
             border-top-right-radius: 2px;
             color: @color-gray65-lighten;
             display: block;
@@ -79,7 +79,7 @@
         }
     }
 
-    #pagebuilder-panel {
+    .pagebuilder-panel {
         background: @color-very-dark-grayish-orange;
         -webkit-transition: .4s;
         -moz-transition: .4s;
@@ -217,7 +217,7 @@
 
 
 
-    #pagebuilder-panel-groups {
+    .pagebuilder-panel-groups {
         list-style: none;
         margin: 0;
         padding: 0;
@@ -266,6 +266,7 @@
 
             &.active {
                 .group-title {
+
                     :before {
                         content: @icon-caret-up__content;
                     }

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

@@ -4,7 +4,7 @@
 //  */
 
 //
-//  PageBuilder CMS {less} variables
+//  PageBuilder CMS less variables
 //  _____________________________________________
 
 //

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/_import.less

@@ -4,7 +4,7 @@
 //  */
 
 //
-//  _import imports all content types {less} files
+//  _import imports all content types less files
 //  _____________________________________________
 
 @import '_preview.less';

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/_preview.less

@@ -91,7 +91,7 @@
 
         &.pagebuilder-abstract {
             background: @entityColor;
-            color: white;
+            color: #ffffff;
             text-align: center;
 
             i {
@@ -104,7 +104,7 @@
             }
 
             * {
-                color: white;
+                color: #ffffff;
             }
         }
 
@@ -411,7 +411,7 @@
         }
 
         .pagebuilder-options-links {
-            background: white;
+            background: #ffffff;
             display: flex;
             list-style: none;
             margin: 0;
@@ -598,7 +598,7 @@
                     display: inline-block;
 
                     a {
-                        color: white;
+                        color: #ffffff;
                         display: block;
                         font-size: 13px;
                         line-height: 42px;