first commit

modules/appagebuilder/views/css/tabaccordion.css

@@ -0,0 +1,81 @@
+@charset "UTF-8";
+.tabs-accordion-container[class*="accordion-"] .accordion-link {
+  display: none;
+  margin-bottom: 10px;
+  padding: 10px 15px;
+  background-color: #f5f5f5;
+  border-radius: 3px;
+  border: 1px solid #ddd;
+  color: #333;
+}
+
+.tabs-accordion-container[class*="accordion-"] .accordion-link.active {
+    border-bottom: medium none;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    color: #ff6600;
+}
+
+@media (max-width: 767px) {
+  .tabs-accordion-container.accordion-xs .nav-tabs {
+    display: none;
+  }
+  
+  .tabs-accordion-container.accordion-xs .accordion-link {
+    display: block;
+  }
+  
+  .tabs-accordion-container[class*="accordion-"] .tab-pane {
+    border:1px solid #ddd;
+    border-top:none;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-width: medium 1px 1px;
+    margin-bottom: 10px;
+    margin-top: -10px;
+    padding: 10px 10px 0;
+ }
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+  .tabs-accordion-container.accordion-sm .nav-tabs {
+    display: none;
+  }
+  
+  .tabs-accordion-container.accordion-sm .accordion-link {
+    display: block;
+  }
+  
+  .tabs-accordion-container[class*="accordion-"] .tab-pane {
+    border:1px solid #ddd;
+    border-top:none;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-width: medium 1px 1px;
+    margin-bottom: 10px;
+    margin-top: -10px;
+    padding: 10px 10px 0;
+ }
+}
+
+@media (min-width: 992px) and (max-width: 1199px) {
+  .tabs-accordion-container.accordion-md .nav-tabs {
+    display: none;
+  }
+  
+  .tabs-accordion-container.accordion-md .accordion-link {
+    display: block;
+  }
+}
+
+@media (min-width: 1200px) {
+  .tabs-accordion-container.accordion-lg .nav-tabs {
+    display: none;
+  }
+  
+  .tabs-accordion-container.accordion-lg .accordion-link {
+    display: block;
+  }
+}
+
+/* End Style for multi product layout */