beyond-rails 0.0.181 → 0.0.186

data/src/sass/components/_mega-menu.scss

@@ -0,0 +1,57 @@
+.mega-menu {
+  padding-top: .2rem;
+  padding-bottom: .2rem;
+}
+.mega-menu-col {
+  padding: .7rem 1.5rem;
+  flex-grow: 1;
+  transition: .3s background-color;
+  &:hover {
+    background-color: #f6f6f6;
+  }
+  min-width: 180px;
+  color: $text-color;
+  display: flex;
+  align-items: center;
+  i {
+    margin-right: .6rem;
+  }
+}
+.mega-menu-label {
+  padding-left: 1.5rem;
+  margin-top: 1rem;
+  margin-bottom: .5rem;
+  color: $text-color-light;
+  font-size: 12px;
+}
+.mega-menu-item {
+  transition: .3s background-color;
+  &:hover {
+    background-color: #f6f6f6;
+  }
+  color: $text-color;
+  display: block;
+  padding: .5rem 2.2rem;
+}
+.mega-menu-icon-box {
+  display: table;
+  width: 100%;
+  > div {
+    display: table-row;
+  }
+}
+.mega-menu-icon-box-item {
+  cursor: pointer;
+  transition: .3s background-color;
+  &:hover {
+    background-color: #f6f6f6;
+  }
+  display: table-cell;
+  padding: 1rem 1.8rem;
+  color: $text-color;
+  text-align: center;
+  i {
+    display: block;
+    margin-bottom: .4rem;
+  }
+}

data/src/sass/components/_nav.scss

@@ -23,23 +23,28 @@
     }
   }
   .nav-folder + ul {
+    margin-bottom: .5rem;
     .nav-item {
-      color: #626c98;
+      padding-left: 1rem;
     }
   }
   .nav-menu {
     display: none;
   }
   .nav-item {
+    font-weight: 400;
     color: #1a1f36;
     text-decoration: none;
-    display: block;
+    display: flex;
+    align-items: center;
     padding: 7px;
     font-size: .875rem;
+    > i {
+      margin-right: .8rem;
+    }
   }
   .nav-item.active {
     color: $color-primary;
-    font-weight: 700;
   }
 }
 .nav-tabs .nav-item.show .nav-link,

data/src/sass/components/_tabbox.scss

@@ -60,7 +60,7 @@
     border-left: 0;
     border-bottom-width: 2px;
     border-bottom-style: solid;
-    border-bottom-color: #cdcdcd;
+    border-bottom-color: #e3e8ee;
     outline: 0;
     transition: all .3s;
     &:hover {
@@ -84,3 +84,13 @@
     }
   }
 }
+.tabbox.tabbox-uno {
+  $tab-active-color: #6772e5;
+  .js-slider {
+    background-color: $tab-active-color;
+  }
+  .tab-btn.js-current {
+    color: $tab-active-color;
+    font-weight: 700;
+  }
+}

data/src/sass/components/_tooltip.scss

@@ -8,3 +8,59 @@
   color: #fff;
   background-color: #555;
 }
+
+.tooltip.tooltip-popover {
+  $border-color: #e8e8e8;
+  background-color: #fff;
+  color: #3c4257;
+  padding: 10px 13px;
+  box-shadow: 4px 4px 15px 1px rgba(68,  68, 72, .12);
+  border: 1px solid $border-color;
+
+  &:after {
+    content: ' ';
+    display: block;
+    border: 0;
+    border-top-left-radius: 4px;
+    @include size(12px);
+    background-color: #fff;
+    position: absolute;
+    transform: rotate(45deg);
+  }
+  &.top:after {
+    bottom: -6px;
+    left: 0;
+    right: 0;
+    margin-left: auto;
+    margin-right: auto;
+    border-right: 1px solid $border-color;
+    border-bottom: 1px solid $border-color;
+  }
+  &.bottom:after {
+    top: -6px;
+    left: 0;
+    right: 0;
+    margin-left: auto;
+    margin-right: auto;
+    border-left: 1px solid $border-color;
+    border-top: 1px solid $border-color;
+  }
+  &.left:after {
+    right: -6px;
+    top: 0;
+    bottom: 0;
+    margin-top: auto;
+    margin-bottom: auto;
+    border-right: 1px solid $border-color;
+    border-top: 1px solid $border-color;
+  }
+  &.right:after {
+    left: -6px;
+    top: 0;
+    bottom: 0;
+    margin-top: auto;
+    margin-bottom: auto;
+    border-left: 1px solid $border-color;
+    border-bottom: 1px solid $border-color;
+  }
+}

data/src/sass/layout/_flex-util.scss

@@ -4,6 +4,9 @@
 .justify-content-between {
   justify-content: space-between;
 }
+.justify-content-around {
+  justify-content: space-around;
+}
 .justify-content-start {
   justify-content: flex-start;
 }

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: beyond-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.181
+  version: 0.0.186
 platform: ruby
 authors:
 - kmsheng
 - Eddie Li
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-08-25 00:00:00.000000000 Z
+date: 2020-08-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sassc
@@ -67,16 +67,22 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '5.0'
-description:
+description: 
 email: kmsh3ng@gmail.com
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- src/font/beyond-full.eot
+- src/font/beyond-full.svg
+- src/font/beyond-full.ttf
+- src/font/beyond-full.woff
+- src/font/beyond-full.woff2
 - src/font/beyond.eot
 - src/font/beyond.svg
 - src/font/beyond.ttf
 - src/font/beyond.woff
+- src/font/beyond.woff2
 - src/img/black-cat.svg
 - src/img/cart.svg
 - src/img/china-flag.svg
@@ -185,6 +191,7 @@ files:
 - src/sass/components/_icon.scss
 - src/sass/components/_input.scss
 - src/sass/components/_list.scss
+- src/sass/components/_mega-menu.scss
 - src/sass/components/_modal.scss
 - src/sass/components/_nav.scss
 - src/sass/components/_navbar.scss
@@ -219,7 +226,7 @@ homepage: https://superlanding.github.io/beyond/
 licenses:
 - MIT
 metadata: {}
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -234,9 +241,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project:
-rubygems_version: 2.7.6.2
-signing_key:
+rubygems_version: 3.0.6
+signing_key: 
 specification_version: 4
 summary: beyond is a collection of frontend components which aims for admin website.
 test_files: []