@appscode/design-system 1.1.0 → 2.0.0

package/components/_all.scss

@@ -1,28 +1,35 @@
-@import "ac-alert-box";
-@import "ac-accordion";
-@import "buttons";
-@import "breadcumb";
-@import "ac-card";
-@import "ac-multi-select";
-@import "ac-code-highlight";
-@import "navbar";
-@import "app-drawer";
-@import "ac-drag";
-@import "left-sidebar-menu";
-@import "ac-input";
-@import "ac-content-layout";
-@import "ac-table";
-@import "graph";
-@import "ac-modal";
-@import "payment-card";
-@import "pagination";
-@import "ac-options";
-@import "image-upload";
-@import "ac-alert-box";
-@import "dashboard-header";
-@import "ac-tags";
-@import "go-to-top";
-@import "ac-toaster/ac-toasted";
-@import "preview-modal";
-@import "wizard";
-@import "bbum/all";
+// @import "ac-alert-box";
+// @import "ac-accordion";
+// @import "buttons";
+// @import "breadcumb";
+// @import "ac-multi-select";
+// @import "ac-code-highlight";
+// @import "navbar";
+// @import "app-drawer";
+// @import "ac-drag";
+// @import "left-sidebar-menu";
+// @import "ac-content-layout";
+// @import "ac-table";
+// @import "ac-tabs";
+// @import "graph";
+// @import "ac-modal";
+// @import "payment-card";
+// @import "pagination";
+// @import "ac-options";
+// @import "image-upload";
+// @import "ac-alert-box";
+// @import "dashboard-header";
+// @import "ac-tags";
+// @import "go-to-top";
+// @import "ac-toaster/ac-toasted";
+// @import "preview-modal";
+// @import "bbum/all";
+// @import "wizard";
+
+@import "terminal";
+@import "input";
+@import "multi-select";
+@import "report";
+@import "getkeeper";
+@import "ui-builder/ui-builder";
+@import "ui-builder/vue-open-api";

package/components/_app-drawer.scss

@@ -1,134 +0,0 @@
-.app-drawer-wrapper {
-  width: 35px;
-  height: 35px;
-  border-radius: 50%;
-  padding: 5px;
-  transition: all 0.3s ease-in-out;
-  position: relative;
-  z-index: 99;
-  user-select: none;
-
-  &:hover {
-    background-color: rgba(255, 255, 255, 0.7);
-    cursor: pointer;
-  }
-
-  .drawer-icon {
-    width: 100%;
-    text-align: center;
-    vertical-align: middle;
-  }
-
-  .app-drawer-dropdown {
-    ul {
-      border-radius: 4px;
-      overflow: hidden;
-
-      li {
-        display: block;
-        font-size: 13px;
-      }
-
-      background-color: #edf0f5;
-      box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.16);
-      min-width: 280px;
-    }
-
-    li {
-      a {
-        display: block;
-        color: $ac-color-text !important;
-        padding: 10px 20px !important;
-        font-size: 13px !important;
-        transition: 0.2s;
-
-        span {
-          margin-top: -3px;
-        }
-
-        &:hover {
-          .media-content {
-            .content {
-              p {
-                color: $ac-white;
-              }
-            }
-          }
-        }
-
-        .media {
-          .media-left {
-            .image {
-              img {
-                height: 44px;
-                width: auto;
-              }
-            }
-          }
-
-          .media-content {
-            overflow: hidden;
-
-            .content {
-              p {
-                vertical-align: middle;
-                line-height: 1;
-                transition: 0.3s;
-
-                strong {
-                  font-weight: 600;
-                  font-size: 17px;
-                  font-family: $ac-family-heading;
-                }
-
-                span {
-                  display: block;
-                  font-size: 13px;
-                  margin-top: 10px;
-                }
-              }
-            }
-          }
-        }
-      }
-
-      &:hover {
-        > a {
-          background-color: $ac-white;
-        }
-      }
-
-      &:first-child {
-        &:hover {
-          > a {
-            border-radius: 4px 4px 0 0;
-          }
-        }
-      }
-
-      &:last-child {
-        &:hover {
-          > a {
-            border-radius: 0 0 4px 4px;
-          }
-        }
-      }
-    }
-
-    position: absolute;
-    z-index: 99;
-    right: -154px;
-    top: 50px;
-    display: block;
-    transform: scale(0) translateY(-200%);
-    transition: all 0.3s ease-in-out;
-
-    hr {
-      margin: 0;
-    }
-  }
-
-  .app-drawer-dropdown.is-active {
-    transform: scale(1);
-  }
-}

package/components/_breadcumb.scss

@@ -1,71 +0,0 @@
-/* breadcumb style */
-.ac-breadcrumb {
-  padding: 13px 20px;
-  border-bottom: 1px solid $ac-white-light;
-  position: sticky;
-  top: 50px;
-  height: 50px;
-  background-color: $ac-white;
-  z-index: 998;
-  display: flex;
-  align-items: center;
-}
-
-.breadcrumb {
-  a {
-    color: $ac-color-value;
-    font-size: 13px;
-    padding: 0px 3px;
-    &:hover {
-      color: $ac-color-text;
-    }
-  }
-
-  li.is-active {
-    a {
-      color: $ac-color-text;
-      font-weight: 500;
-    }
-  }
-}
-
-/*=================================================================================================
-                                    Responsive code start
-=================================================================================================*/
-/**************************************************************** 
-                  Full HD Min Width 1407
-**************************************************************** */
-/* Full HD Min Width 1408px */
-@media (min-width: 1408px) {
-}
-
-/**************************************************************** 
-                  Widescreen Between 1216px and 1407px
-**************************************************************** */
-@media (min-width: 1216px) and (max-width: 1407px) {
-}
-
-/**************************************************************** 
-                  Desktop Between 1024px and 1215px
-**************************************************************** */
-@media (min-width: 1024px) and (max-width: 1215px) {
-}
-
-/**************************************************************** 
-                  Tablet Between 769px and 1023px
-**************************************************************** */
-@media (min-width: 769px) and (max-width: 1023px) {
-}
-
-/**************************************************************** 
-                    Mobile Up to 768px. 
-**************************************************************** */
-@media only screen and (min-width: 100px) and (max-width: 768px) {
-  .ac-breadcrumb {
-    padding: 5px;
-  }
-}
-
-/*=================================================================================================
-                                    Responsive code end
-=================================================================================================*/