@appscode/design-system 1.1.0-beta.2 → 1.1.0-beta.4

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: $primary-10 !important;
-        padding: 10px 20px !important;
-        font-size: 13px !important;
-        transition: 0.2s;
-
-        span {
-          margin-top: -3px;
-        }
-
-        &:hover {
-          .media-content {
-            .content {
-              p {
-                color: $white-100;
-              }
-            }
-          }
-        }
-
-        .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: $font-heading;
-                }
-
-                span {
-                  display: block;
-                  font-size: 13px;
-                  margin-top: 10px;
-                }
-              }
-            }
-          }
-        }
-      }
-
-      &:hover {
-        > a {
-          background-color: $white-100;
-        }
-      }
-
-      &: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 $primary-90;
-  position: sticky;
-  top: 50px;
-  height: 50px;
-  background-color: $white-100;
-  z-index: 998;
-  display: flex;
-  align-items: center;
-}
-
-.breadcrumb {
-  a {
-    color: $primary-20;
-    font-size: 13px;
-    padding: 0px 3px;
-    &:hover {
-      color: $primary-10;
-    }
-  }
-
-  li.is-active {
-    a {
-      color: $primary-10;
-      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
-=================================================================================================*/