feat : joshine_utils less 添加button部件

app/code/Joshine/Review/view/frontend/web/css/_button.css

-.joshine-btn {
-  display: inline-block;
-  padding: 6px 12px;
-  margin-bottom: 0;
-  font-size: 14px;
-  font-weight: normal;
-  line-height: 1.42857143;
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: middle;
-  -ms-touch-action: manipulation;
-  touch-action: manipulation;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  background-image: none;
-  border: 1px solid transparent;
-}
-.joshine-btn:focus,
-.joshine-btn:active:focus,
-.joshine-btn.active:focus,
-.joshine-btn.focus,
-.joshine-btn:active.focus,
-.joshine-btn.active.focus {
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px;
-}
-
-.joshine-btn:active,
-.joshine-btn.active {
-  background-image: none;
-  outline: 0;
-  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
-}
-.joshine-btn.disabled,
-.joshine-btn[disabled],
-fieldset[disabled] .joshine-btn {
-  cursor: not-allowed;
-  filter: alpha(opacity=65);
-  -webkit-box-shadow: none;
-  box-shadow: none;
-  opacity: .65;
-}
-a.joshine-btn.disabled,
-fieldset[disabled] a.joshine-btn {
-  pointer-events: none;
-}
-.joshine-btn-dark {
-  color: #fff;
-  background-color: #000;
-  border-color: #000;
-}
-
-

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

@@ -36,7 +36,64 @@
   margin: 0;
   background: #ed9d00;
 }
+/*按钮*/
+.joshine-btn {
+  display: inline-block;
+  padding: 6px 12px;
+  margin-bottom: 0;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 1.42857143;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  -ms-touch-action: manipulation;
+  touch-action: manipulation;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  background-image: none;
+  border: 1px solid transparent;
+}
+.joshine-btn:focus,
+.joshine-btn:active:focus,
+.joshine-btn.active:focus,
+.joshine-btn.focus,
+.joshine-btn:active.focus,
+.joshine-btn.active.focus {
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+
+.joshine-btn:active,
+.joshine-btn.active {
+  background-image: none;
+  outline: 0;
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+}
+.joshine-btn.disabled,
+.joshine-btn[disabled],
+fieldset[disabled] .joshine-btn {
+  cursor: not-allowed;
+  filter: alpha(opacity=65);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  opacity: .65;
+}
+a.joshine-btn.disabled,
+fieldset[disabled] a.joshine-btn {
+  pointer-events: none;
+}
+.joshine-btn-dark {
+  color: #fff;
+  background-color: #000;
+  border-color: #000;
+}
 
+/**********************原子部件*************************/
 /*背景色组*/
 .joshine-bg-default {
   background-color: #f7f8fa !important;