beyond-rails 0.0.295 → 1.0.4

data/src/sass/components/_form.scss

@@ -140,7 +140,7 @@ label {
     color: #a9aebf;
   }
   padding: 5px 7px 6px;
-  background-color: #fff;
+  background-color: $control-bg;
   background-clip: padding-box;
   border-radius: 4px;
   box-shadow: 0 0 0 1px rgba(60, 66, 87, .16),
@@ -206,18 +206,18 @@ label {
 .form-control-sm,
 .form-control-plaintext {
   &.is-valid {
-    box-shadow: 0 0 0 1px $txt-color-success;
+    box-shadow: 0 0 0 1px $txt-success;
   }
   &.is-invalid {
-    box-shadow: 0 0 0 1px $txt-color-danger;
+    box-shadow: 0 0 0 1px $txt-danger;
   }
   &:disabled {
     cursor: not-allowed;
   }
   &:disabled,
   &[readonly] {
-    color: #111;
-    background-color: #e9ecef;
+    color: $control-disabled-color;
+    background: $control-disabled-bg;
   }
 }
 .form-control-plaintext {
@@ -239,17 +239,17 @@ label {
 }
 
 .valid-feedback {
-  color: $txt-color-success;
+  color: $txt-success;
   &:before {
-    color: $txt-color-success;
+    color: $txt-success;
     @extend .icon-check:before;
   }
 }
 
 .invalid-feedback {
-  color: $txt-color-danger;
+  color: $txt-danger;
   &:before {
-    color: $txt-color-danger;
+    color: $txt-danger;
     @extend .icon-exclamation-triangle:before;
   }
 }
@@ -269,10 +269,12 @@ label {
   padding-left: 0;
   margin-right: .75rem;
 
-  .checkbox,
-  .radio {
+  .checkbox {
     transform: translateY(0);
   }
+  .radio {
+    transform: translateY(1px);
+  }
   .checkbox + span,
   .radio + span {
     position: relative;
@@ -287,18 +289,15 @@ label {
   cursor: pointer;
   margin-right: 25px;
   vertical-align: middle;
-  color: #3c4257;
+  color: $txt;
   font-size: 14px;
   .checkbox + span,
   .radio + span {
     position: relative;
     margin-left: 4px;
   }
-  .checkbox .icon-checkbox {
-    transform: translateY(-1px);
-  }
   &.disabled {
-    color: #6c757d;
+    color: $form-check-disabled-color;
     cursor: not-allowed;
     .checkbox {
       @extend %checkbox-disabled;
@@ -308,10 +307,10 @@ label {
     }
   }
   span.is-valid {
-    color: $txt-color-success;
+    color: $txt-success;
   }
   span.is-invalid {
-    color: $txt-color-danger;
+    color: $txt-danger;
   }
 }
 

data/src/sass/components/_icon.scss

@@ -64,279 +64,371 @@
 }
 .icon-bell:before {
   content: "\e90c";
+  
 }
 .icon-bell-alt:before {
   content: "\e90b";
+  
 }
 .icon-bh:before {
   content: "\e90d";
+  
 }
 .icon-birthday-cake:before {
   content: "\e90e";
+  
 }
 .icon-black-cat:before {
   content: "\e90f";
+  
 }
 .icon-bolt:before {
   content: "\e911";
+  
 }
 .icon-bolt-alt:before {
   content: "\e910";
+  
 }
 .icon-brush:before {
   content: "\e912";
+  
 }
 .icon-brush-alt:before {
   content: "\e986";
+  
 }
 .icon-calculator:before {
   content: "\e913";
+  
 }
 .icon-calendar:before {
   content: "\e914";
+  
 }
 .icon-caret-square-up:before {
   content: "\e915";
+  
 }
 .icon-cart:before {
   content: "\e917";
+  
 }
 .icon-cart-empty:before {
   content: "\e916";
+  
 }
 .icon-chart-bar:before {
   content: "\e918";
+  
 }
 .icon-check:before {
   content: "\e91a";
+  
 }
 .icon-check-circle:before {
   content: "\e919";
+  
 }
 .icon-chevron-down:before {
   content: "\e91b";
+  
 }
 .icon-chevron-left:before {
   content: "\e91c";
+  
 }
 .icon-chevron-right:before {
   content: "\e91d";
+  
 }
 .icon-chevron-up:before {
   content: "\e91e";
+  
 }
 .icon-clock:before {
   content: "\e91f";
+  
 }
 .icon-code:before {
   content: "\e920";
+  
 }
 .icon-cog:before {
   content: "\e921";
+  
 }
 .icon-cogs:before {
   content: "\e922";
+  
 }
 .icon-comments:before {
   content: "\e923";
+  
 }
 .icon-copy:before {
   content: "\e924";
+  
 }
 .icon-credit-card:before {
   content: "\e925";
+  
 }
 .icon-cross:before {
   content: "\e927";
+  
 }
 .icon-cross-circle:before {
   content: "\e926";
+  
 }
 .icon-crown:before {
   content: "\e983";
+  
 }
 .icon-doc:before {
   content: "\e928";
+  
 }
 .icon-dollar:before {
   content: "\e92a";
+  
 }
 .icon-dollar-alt:before {
   content: "\e929";
+  
 }
 .icon-dot-circle:before {
   content: "\e92c";
+  
 }
 .icon-dot-circle-alt:before {
   content: "\e92b";
+  
 }
 .icon-download:before {
   content: "\e92d";
+  
 }
 .icon-earth:before {
   content: "\e92e";
+  
 }
 .icon-ecpay:before {
   content: "\e92f";
+  
 }
 .icon-ellipsis-h:before {
   content: "\e930";
+  
 }
 .icon-ellipsis-v:before {
   content: "\e931";
+  
 }
 .icon-envelop:before {
   content: "\e932";
+  
 }
 .icon-exchange:before {
   content: "\e933";
+  
 }
 .icon-exclamation-triangle:before {
   content: "\e934";
+  
 }
 .icon-expand:before {
   content: "\e984";
+  
 }
 .icon-external-link:before {
   content: "\e935";
+  
 }
 .icon-family-mart:before {
   content: "\e936";
+  
 }
 .icon-fb:before {
   content: "\e938";
+  
 }
 .icon-fb-messenger:before {
   content: "\e937";
+  
 }
 .icon-female:before {
   content: "\e939";
+  
 }
 .icon-file:before {
   content: "\e93b";
+  
 }
 .icon-file-alt:before {
   content: "\e93a";
+  
 }
 .icon-flag:before {
   content: "\e93c";
+  
 }
 .icon-google-map:before {
   content: "\e93d";
+  
 }
 .icon-h:before {
   content: "\e93e";
+  
 }
 .icon-hamburger:before {
   content: "\e93f";
+  
 }
 .icon-hct:before {
   content: "\e940";
+  
 }
 .icon-hi-life:before {
   content: "\e941";
+  
 }
 .icon-horn:before {
   content: "\e942";
+  
 }
 .icon-ig:before {
   content: "\e943";
+  
 }
 .icon-image:before {
   content: "\e945";
+  
 }
 .icon-image-alt:before {
   content: "\e944";
+  
 }
 .icon-images:before {
   content: "\e947";
+  
 }
 .icon-images-alt:before {
   content: "\e946";
+  
 }
 .icon-info:before {
   content: "\e948";
+  
 }
 .icon-invoice:before {
   content: "\e949";
+  
 }
 .icon-kafen:before {
   content: "\e94a";
+  
 }
 .icon-language:before {
   content: "\e94b";
+  
 }
 .icon-line:before {
   content: "\e94c";
+  
 }
 .icon-link:before {
   content: "\e94d";
+  
 }
 .icon-list:before {
   content: "\e94e";
+  
 }
 .icon-lock:before {
   content: "\e94f";
+  
 }
 .icon-male:before {
   content: "\e950";
+  
 }
 .icon-medium:before {
   content: "\e952";
+  
 }
 .icon-medium-alt:before {
   content: "\e951";
+  
 }
 .icon-minus:before {
   content: "\e953";
+  
 }
 .icon-move:before {
   content: "\e954";
+  
 }
 .icon-ok-mart:before {
   content: "\e955";
+  
 }
 .icon-paint-brush:before {
   content: "\e956";
+  
 }
 .icon-paper-plane:before {
   content: "\e957";
+  
 }
 .icon-pause:before {
   content: "\e958";
+  
 }
 .icon-pelican:before {
   content: "\e959";
+  
 }
 .icon-pencil:before {
   content: "\e95a";
+  
 }
 .icon-phone:before {
   content: "\e95b";
+  
 }
 .icon-pie:before {
   content: "\e95c";
+  
 }
 .icon-pin:before {
   content: "\e95d";
+  
 }
 .icon-play:before {
   content: "\e95e";
+  
 }
 .icon-plus:before {
   content: "\e95f";
+  
 }
 .icon-question-mark:before {
   content: "\e960";
+  
 }
 .icon-quote:before {
   content: "\e961";
+  
 }
 .icon-random:before {
   content: "\e962";
+  
 }
 .icon-refresh:before {
   content: "\e963";
+  
 }
 .icon-refund:before {
   content: "\e965";
@@ -344,87 +436,115 @@
 }
 .icon-refund-alt:before {
   content: "\e964";
+  
 }
 .icon-rocket:before {
   content: "\e966";
+  
 }
 .icon-search:before {
   content: "\e967";
+  
 }
 .icon-seven-eleven:before {
   content: "\e968";
+  
 }
 .icon-shipping:before {
   content: "\e969";
+  
 }
 .icon-shrink:before {
   content: "\e985";
+  
 }
 .icon-sign-out:before {
   content: "\e96a";
+  
 }
 .icon-site-map:before {
   content: "\e96b";
+  
 }
 .icon-smilepay:before {
   content: "\e96c";
+  
 }
 .icon-sms:before {
   content: "\e96d";
+  
 }
 .icon-star:before {
   content: "\e96f";
+  
 }
 .icon-star-alt:before {
   content: "\e96e";
+  
 }
 .icon-sticky:before {
   content: "\e971";
+  
 }
 .icon-sticky-alt:before {
   content: "\e970";
+  
 }
 .icon-store:before {
   content: "\e972";
+  
 }
 .icon-super-landing:before {
   content: "\e974";
+  
 }
 .icon-super-landing-alt:before {
   content: "\e973";
+  
 }
 .icon-tachometer:before {
   content: "\e975";
+  
 }
 .icon-tag:before {
   content: "\e976";
+  
 }
 .icon-target:before {
   content: "\e977";
+  
 }
 .icon-tasks:before {
   content: "\e978";
+  
 }
 .icon-text-cog:before {
   content: "\e979";
+  
 }
 .icon-trash:before {
   content: "\e97a";
+  
 }
 .icon-upload:before {
   content: "\e97b";
+  
 }
 .icon-user:before {
   content: "\e97d";
+  
 }
 .icon-user-alt:before {
   content: "\e97c";
+  
 }
 .icon-users:before {
   content: "\e97f";
+  
 }
 .icon-users-alt:before {
   content: "\e97e";
+  
 }
 .icon-window-maximize:before {
   content: "\e980";
@@ -432,11 +552,32 @@
 .icon-youtube:before {
   content: "\e981";
 }
+.icon-pencil7:before {
+  content: "\e987";
+}
+.icon-store2:before {
+  content: "\e9fd";
+}
+.icon-basket:before {
+  content: "\ea06";
+}
+.icon-coin-dollar:before {
+  content: "\ea0b";
+}
+.icon-database-refresh:before {
+  content: "\ea9d";
+}
 .icon-bug:before {
-  content: "\e999";
+  content: "\eb79";
+}
+.icon-meter:before {
+  content: "\ebde";
 }
 .icon-target1:before {
-  content: "\e9b3";
+  content: "\ec2c";
+}
+.icon-pencil-ruler:before {
+  content: "\ee83";
 }
 
 @if $beyond-icon-font-name == 'beyond-full' {

data/src/sass/components/_input.scss

@@ -3,7 +3,7 @@
   @media (max-width: $screen-sm) {
     width: initial;
   }
-  color: #3c4257;
+  color: $control-color;
   border-radius: 4px;
   border: 0;
   appearance: none;
@@ -12,7 +12,7 @@
   font-size: 14px;
   padding: 6px 7px 7px;
   outline: 0;
-  background-color: #fff;
+  background-color: $control-bg;
   &:focus {
     @include focus-outline;
   }
@@ -27,13 +27,13 @@
 
 .search-input {
   display: inline-block;
-  background-color: #fff;
+  background-color: $control-bg;
   border-radius: 4px;
   box-shadow: 0 0 0 1px rgba(60, 66, 87, .16),
     0 1px 1px 0 rgba(0, 0, 0, .12);
 
   i:before {
-    color: #8892b3;
+    color: $txt-light;
     margin-left: 10px;
     font-size: 12px;
   }

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

@@ -10,7 +10,7 @@ $mega-menu-text-color-ex: #8A8D90;
 }
 
 .mega-menu {
-  font-size: .9375rem;
+  font-size: .875rem;
 }
 .mega-menu-divider {
   border-bottom: 1px solid #ebebeb;
@@ -28,20 +28,23 @@ $mega-menu-text-color-ex: #8A8D90;
   display: block;
   padding: .7rem 1.5rem;
   @include mega-menu-text;
+  i {
+    color: #40468a;
+  }
 }
 .mega-menu-icon-box {
   display: table;
   width: 100%;
-  > div {
-    display: table-row;
-  }
 }
 .mega-menu-icon-box-item {
   cursor: pointer;
   transition: .3s all;
   display: table-cell;
-  padding: 1rem 1.5rem;
+  padding: 0.8rem 1.2rem;
   text-align: center;
+  flex-basis: 33.3%;
+  flex-grow: 0;
+  flex-shrink: 0;
   @include mega-menu-text;
   &:hover {
     i {
@@ -50,7 +53,7 @@ $mega-menu-text-color-ex: #8A8D90;
   }
   i {
     transition: .3s color;
-    color: #88add2;
+    color: #40468a;
     display: block;
     margin-bottom: .4rem;
   }