@appscode/design-system 2.0.22-alpha.2 → 2.0.22-alpha.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appscode/design-system",
-  "version": "2.0.22-alpha.2",
+  "version": "2.0.22-alpha.4",
   "description": "A design system for Appscode websites and dashboards made using Bulma",
   "main": "main.scss",
   "scripts": {

package/vue-components/styles/base/utilities/_global.scss

@@ -763,66 +763,20 @@ $border_color_4: transparent transparent #585d6e transparent;
 
 // Status css
 // ac-footer sticky end
-
-// terminal scss end
-.is-dark-theme {
-  a {
-    &:hover {
-      color: #485fc7;
-    }
+.information-center {
+  min-height: calc(100vh - 0px);
+  padding: 20px;
+  border-left: 1px solid hsl(208, 77%, 90%);
+  width: 330px;
+  margin-left: auto;
+  position: fixed;
+  right: 0;
+  background: #fff;
+  top: 0;
+  z-index: 9999;
+  box-shadow: -3px 2px 10px 3px rgba(0, 0, 0, 0.1);
+
+  .info-title {
+    display: flex;
   }
 }
-
-/****************************************
-Responsive Classes
-*****************************************/
-
-// Extra small devices (portrait phones, less than 576px)
-@media (max-width: 575.98px) {
-  // .responsive-only {
-  //   display: block;
-  // }
-
-  // .ac-system-body {
-  //   grid-gap: 15px;
-  //   grid-template-columns: 70px calc(100% - 100px);
-
-  //   .ac-system-content {
-  //     &.mr-20 {
-  //       margin-right: 0 !important;
-  //     }
-  //   }
-  // }
-}
-
-// Small devices (landscape phones, 576px and up)
-@media (min-width: 576px) and (max-width: 767.98px) {
-}
-
-// Medium devices (tablets, 768px and up)
-@media (min-width: 768px) and (max-width: 991.98px) {
-  // .ac-system-body {
-  //   grid-gap: 15px;
-  //   grid-template-columns: 240px calc(100% - 255px);
-  // }
-}
-
-// Large devices (desktops, 992px and up)
-@media (min-width: 992px) and (max-width: 1199.98px) {
-  // .ac-system-body {
-  //   grid-gap: 0px;
-  //   grid-template-columns: 240px calc(100% - 260px);
-  // }
-}
-
-// Extra large devices (large desktops, 1200px and up)
-@media (min-width: 1200px) {
-}
-
-// FHD devices
-@media (min-width: 1408px) and (max-width: 1600) {
-  // .ac-system-body {
-  //   grid-gap: 0px;
-  //   grid-template-columns: 240px calc(100% - 260px);
-  // }
-}

package/vue-components/styles/components/select-box/_multi-select.scss

@@ -407,14 +407,15 @@
   }
 
   label {
-    font-size: 16px;
-    left: 20px;
-    top: 11px;
+    font-size: 13px;
+    left: 15px;
+    top: 8px;
     cursor: text;
     color: $primary-10;
     position: absolute;
     z-index: 99;
     transition: 0.3s ease-in-out;
+    font-weight: 500;
 
     .is-required {
       img {
@@ -429,7 +430,7 @@
       left: 15px;
       padding: 0 5px;
       font-size: 13px;
-      color: $black-5;
+      color: $black-40;
 
       &::after {
         background-color: $white-100;