feat: 进一步抽离头部css代码

app/code/Joshine/Category/Block/Html/Topmenu.php

@@ -146,10 +146,10 @@ class Topmenu extends JoshineMenu
         if ($childLevel == 0) {
             $html = "<div class=\"level{$childLevel} {$childrenWrapClass}\">";
             $html .= "<div class=\"row\">
-                    <ul class=\"subchildmenu col-sm-8 mega-columns columns4 joshine-clearfix \">
+                    <ul class=\"subchildmenu mega-columns joshine-clearfix joshine-col-lg-8\">
                         {$this->_getHtml($child, $childrenWrapClass, $limit, $colStops)}
                     </ul>
-                    <div class=\"menu-right-block col-sm-4\">".
+                    <div class=\"menu-right-block \">".
                 " " //$this->getLayout()->createBlock(\Magento\Cms\Block\Block::class)->setBlockId('catpic')
                 ."</div>
                 </div>

app/design/frontend/Joshine/breeze/web/css/_custom.less

@@ -1276,16 +1276,10 @@ footer{
       padding: 0 20px;
     }
 
-    .navigation .subchildmenu.col-sm-8.mega-columns.columns4 li.level1:last-child{
-      border: none;
+    .navigation .subchildmenu li.level1:last-child{
+      border: none !important;
     }
 
-    .navigation .subchildmenu.mega-columns.columns4 > li:nth-child(4n+1){
-      clear: both;
-    }
-    .navigation .menu-right-block.col-sm-4{
-      float: right;
-    }
     .navigation ul li.level0{
       padding: 0 1px;
     }
@@ -1295,7 +1289,6 @@ footer{
       font-weight: 500;
     }
 
-
     .navigation .submenu li.level1 > a{
       font-size: 14px;
       font-weight: 500;
@@ -1309,20 +1302,20 @@ footer{
       text-transform: none;
     }
 
-    .navigation .subchildmenu.col-sm-8.mega-columns.columns4 ul.level1{
+    .navigation .subchildmenu ul.level1{
       display: block !important;
     }
-    .navigation .subchildmenu.col-sm-8.mega-columns.columns4 li.level1.parent>a::after{
+    .navigation .subchildmenu li.level1.parent>a::after{
       content: none;
     }
 
-    .navigation .subchildmenu.col-sm-8.mega-columns.columns4 li.level1.parent>a>span{
+    .navigation .subchildmenu li.level1.parent>a>span{
       font-size: 14px;
       font-weight: 500;
       color: #000001;
       font-family: 'Outfit-Regular', sans-serif;
     }
-    .navigation .subchildmenu.col-sm-8.mega-columns.columns4 li.level1.parent ul li.level2>a>span{
+    .navigation .subchildmenu li.level1.parent ul li.level2>a>span{
       font-size: 14px;
       font-weight: 400;
       color: #666666;

app/design/frontend/Joshine/breeze/web/css/_joshine_col.less

@@ -231,3 +231,62 @@
     width: 100%;
   }
 }
+
+/*文字工具*/
+.joshine-text-left {
+  text-align: left;
+}
+.joshine-text-right {
+  text-align: right;
+}
+.joshine-text-center {
+  text-align: center;
+}
+.joshine-text-justify {
+  text-align: justify;
+}
+.joshine-text-nowrap {
+  white-space: nowrap;
+}
+.joshine-text-lowercase {
+  text-transform: lowercase;
+}
+.joshine-text-uppercase {
+  text-transform: uppercase;
+}
+.joshine-text-capitalize {
+  text-transform: capitalize;
+}
+
+.joshine-center-block {
+  display: block;
+  margin-right: auto;
+  margin-left: auto;
+}
+.joshine-pull-right {
+  float: right !important;
+}
+.joshine-pull-left {
+  float: left !important;
+}
+.joshine-hide {
+  display: none !important;
+}
+.joshine-show {
+  display: block !important;
+}
+.joshine-invisible {
+  visibility: hidden;
+}
+.joshine-text-hide {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+}
+.joshine-hidden {
+  display: none !important;
+}
+
+