Merge branch 'master' of http://47.99.244.21:9999/root/joshine

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

@@ -1131,6 +1131,110 @@ footer{
   height: 15px;
   height: 15px;
   vertical-align: middle;
   vertical-align: middle;
 }
 }
+
+.opc-progress-bar{
+  align-items: center;
+  justify-content: center;
+  margin: 0 0 20px;
+  counter-reset: i;
+  display: flex;
+  font-size: 0;
+  padding: 0;
+  gap: unset !important;
+}
+.opc-progress-bar-item{
+  margin: 0 0 10px;
+  width: 38%;
+  display: inline-block;
+  position: relative;
+  text-align: center;
+  vertical-align: top;
+}
+.opc-progress-bar-item:first-child:before{
+  border-radius: 6px 0 0 6px;
+}
+.opc-progress-bar-item:first-child >span{
+  padding-left: 20px;
+}
+.opc-progress-bar-item._active:before{
+  background: #ecc09f;
+  border-color: #ecc09f;
+}
+.opc-progress-bar-item:before{
+  background: #e4e4e4;
+  top: 19px;
+  transition: background .3s;
+  content: '';
+  height: 7px;
+  left: 0;
+  position: absolute;
+  width: 100%;
+}
+.opc-progress-bar-item>span{
+  display: inline-block;
+  padding-top: 45px;
+  width: 100%;
+  word-wrap: break-word;
+  color: #cecece;
+  font-weight: 300;
+  font-size: 1rem;
+  font-family: sans-serif;
+}
+.opc-progress-bar-item._active>span{
+  color: #333;
+  font-weight: 400;
+
+}
+
+.opc-progress-bar-item>span:before, .opc-progress-bar-item>span:after{
+  background: #e4e4e4;
+  //border: 1px solid #ccc;
+  height: 38px;
+  margin-left: -19px;
+  transition: background .3s;
+  width: 38px;
+  border-radius: 50%;
+  content: '';
+  left: 50%;
+  position: absolute;
+  top: 0;
+}
+.opc-progress-bar-item._active>span:before{
+  background: #ecc09f;
+  border-color: #ecc09f;
+}
+.opc-progress-bar-item>span:after{
+  //background: #fff;
+  height: 26px;
+  margin-left: -13px;
+  top: 6px;
+  width: 26px;
+  content: counter(i);
+  counter-increment: i;
+  color: #ffffff;
+  font-weight: 400;
+  font-size: 1.3rem;
+}
+.opc-progress-bar-item._active>span:after{
+  border-color: #ecc09f;
+  background: #ecc09f;
+  //content: '\e610';
+  //font-family: 'luma-icons';
+}
+.opc-progress-bar-item._complete:hover:before{
+  background: #d7d7d7;
+}
+.opc-progress-bar-item._complete{text-decoration-color: #d7d7d7 !important;}
+.opc-progress-bar-item._complete>span:hover:before,.opc-progress-bar-item._complete>span:hover:after{
+  background: #d7d7d7;
+}
+.opc-progress-bar-item._complete{
+  cursor: pointer;
+}
+.opc-progress-bar li:after{
+  background-color: unset !important;
+}
+
 .modal-footer{margin-top: unset;background: unset;}
 .modal-footer{margin-top: unset;background: unset;}
 @media(max-width: 767.98px){
 @media(max-width: 767.98px){
   .sidebar .block-collapsible-nav{
   .sidebar .block-collapsible-nav{