MAGETWO-91258: Revise html/phtml/typescripts files in pagebuilder repository

-remove highlight library

Author: irenelagno

app/code/Magento/PageBuilder/view/frontend/web/css/source/content-type/slide/_default.less

@@ -32,7 +32,7 @@
         }
     }
     .pagebuilder-slide-button {
-        margin-top: @margin;
+        margin-top: 20px;
         -webkit-transition: opacity 500ms ease;
         -moz-transition: opacity 500ms ease;
         -o-transition: opacity 500ms ease;

app/code/Magento/PageBuilder/view/frontend/web/css/source/content-type/slider/_default.less

@@ -7,15 +7,6 @@
 //  Default appearance styles
 //  _____________________________________________
 
-a.button {
-    -webkit-appearance: button;
-    -moz-appearance: button;
-    appearance: button;
-    color: initial;
-    padding: 10px;
-    text-decoration: none;
-}
-
 div[data-role='slider'] {
     display: none;
 
@@ -25,13 +16,22 @@ div[data-role='slider'] {
     }
 
     .slick-list,
+    .slick-track,
     .slick-slide {
         min-height: inherit;
 
         > div {
             overflow: hidden;
             width: 100%;
         }
-    },
-    .slick-track
+    }
+}
+
+a.button {
+    -webkit-appearance: button;
+    -moz-appearance: button;
+    appearance: button;
+    color: initial;
+    padding: 10px;
+    text-decoration: none;
 }

app/code/Magento/PageBuilder/view/frontend/web/css/source/content-type/tabs/_default.less

@@ -9,7 +9,7 @@
 
 div[data-role='tabs'] {
     .tabs-content {
-        border: @entityBorderWidth solid #ccc;
+        border: 1px solid #ccc;
         overflow: hidden;
         position: relative;
         z-index: 9;
@@ -36,7 +36,7 @@ div[data-role='tabs'] {
 
         li.tab-header {
             background: #f6f6f6;
-            border: @entityBorderWidth solid #ccc;
+            border: 1px solid #ccc;
             border-bottom: 0 !important;
             border-bottom-left-radius: 0 !important;
             border-bottom-right-radius: 0 !important;
@@ -72,7 +72,7 @@ div[data-role='tabs'] {
             }
 
             &:last-child {
-                border-right: @entityBorderWidth solid #ccc;
+                border-right: 1px solid #ccc;
             }
 
             &.ui-state-active {

app/code/Magento/PageBuilder/view/frontend/web/css/source/slick/_slick.less

@@ -24,7 +24,7 @@
         width: 14px;
         button {
             background: transparent;
-            border: @entityBorderWidth solid #ccc;
+            border: 1px solid #ccc;
             border-radius: 10px;
             box-shadow: none;
             cursor: pointer;
@@ -36,7 +36,7 @@
             width: 14px;
 
             &:hover {
-                border: @entityBorderWidth solid #b3b3b3;
+                border: 1px solid #b3b3b3;
             }
 
             &:active,
@@ -72,7 +72,17 @@
         cursor: hand;
     }
 }
+
 .slick-next {
+    right: 2rem;
+    &:before {
+        content: @icon-pagebuilder-caret-next__content;
+        padding-left: 5px;
+    }
+}
+
+.slick-next,
+.slick-prev {
     background: rgba(252, 252, 252, .6);
     border: none;
     border-radius: 0;
@@ -85,7 +95,6 @@
     outline: none;
     padding: 0;
     position: absolute;
-    right: 2rem;
     top: 50%;
     -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
@@ -97,7 +106,6 @@
         opacity: .2;
     }
 
-
     &:hover {
         background: rgba(252, 252, 252, 1);
         border: none;
@@ -109,10 +117,7 @@
         }
     }
 
-    &:before {
-        content: @icon-pagebuilder-caret-next__content;
-        padding-left: 5px;
-    }
+    &:before,
     &:after {
         &:extend(.pagebuilder-icon all);
         color: @color-gray-darken3;
@@ -134,6 +139,29 @@
     }
 }
 
+.slick-prev {
+    left: 2rem;
+    &:before {
+        content: @icon-pagebuilder-caret-prev__content;
+        padding-right: 5px;
+    }
+}
+
+.slick-slider {
+    box-sizing: border-box;
+    display: block;
+    position: relative;
+    -webkit-tap-highlight-color: transparent;
+    -ms-touch-action: pan-y;
+    touch-action: pan-y;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
 .slick-slide {
     display: none;
     float: left;
@@ -162,25 +190,12 @@
     }
 
     .slick-vertical & {
-        border: @entityBorderWidth solid transparent;
+        border: 1px solid transparent;
         display: block;
         height: auto;
     }
 }
-.slick-slider {
-    box-sizing: border-box;
-    display: block;
-    position: relative;
-    -webkit-tap-highlight-color: transparent;
-    -ms-touch-action: pan-y;
-    touch-action: pan-y;
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-}
+
 .slick-slider .slick-track,
 .slick-slider .slick-list {
     -webkit-transform: translate3d(0, 0, 0);
@@ -212,13 +227,3 @@
         visibility: hidden;
     }
 }
-
-.slick-prev {
-    left: 2rem;
-    &:before {
-        content: @icon-pagebuilder-caret-prev__content;
-        padding-right: 5px;
-    }
-}
-
-.slick-prev