手机版色块调小

app/design/frontend/Joshine/breeze/Magento_Catalog/templates/product/view/addto.phtml

@@ -153,9 +153,8 @@
 
 
     }
     }
     .joshine-desction .desction-left{
     .joshine-desction .desction-left{
-          width: 90%;
+        width: 90%;
         flot: left;
         flot: left;
-        font-size: small;
         font-weight: bolder;
         font-weight: bolder;
         color: #000;
         color: #000;
     }
     }
@@ -168,8 +167,6 @@
             font-weight: 600;
             font-weight: 600;
     }
     }
     .joshine-desction .desction-info{
     .joshine-desction .desction-info{
-            padding: 10px;
-            margin: 10px;
             font-size: small;
             font-size: small;
     }
     }
     .joshine-desction #description{
     .joshine-desction #description{

app/design/frontend/Joshine/breeze/Magento_Newsletter/templates/subscribe.phtml

@@ -96,7 +96,7 @@
         width: 35%;
         width: 35%;
         float: left;
         float: left;
         text-align: center;
         text-align: center;
-        margin-top: 2%;
+        margin-top: 1.5%;
     }
     }
     .newsletter-list ul{
     .newsletter-list ul{
 
 

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

@@ -1802,13 +1802,32 @@ border-radius: 50% !important;;
 display: none !important;
 display: none !important;
 }
 }
 
 
-//@media (max-width: 768px){
-//  #product-options-wrapper .swatch-option.image{
-//    width: 30px !important;;
-//    height: 30px !important;;
-//    border-radius: 50% !important;;
-//  }
-//}
+@media (max-width: 768px){
+  #product-options-wrapper .swatch-option.image{
+    width: 30px !important;;
+    height: 30px !important;;
+    border-radius: 50% !important;;
+  }
+  .swatch-option.color, .swatch-option.text, .swatch-option.image{
+    width: 30px !important;
+    height: 30px !important;
+    border: 1px solid #000008;
+    border-radius: 50% !important;
+    line-height: 30px;
+  }
+  .swatch-option::before{
+    content: '';
+    position: absolute;
+    bottom: 0;
+    left: 0px;
+    right: 0;
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+    top: -2px;
+    left: -1px;
+  }
+}