vbax-becky_thatcher 0.3.0 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4158e5a5e98b80c7281995ce631878bbc1b9f44ca96d1e7174cb9d8537bb79ab
-  data.tar.gz: f9265ba3d33ea1ba18626f1754348cd3560b6436de2009a19a7da2d87b2348d0
+  metadata.gz: f66b0e70c3cb2deade573c6bed4910b4c65452fc6bbecfd9b8272dee2adf152a
+  data.tar.gz: 2f49aa3433118f48eeb979611cbb1ec6cc8ec58493fb03938e9390e3474f8c73
 SHA512:
-  metadata.gz: ae6e897b0f608256d00931284528a92dc943ffc03e7e94b19bc1abe8016007d0dfbbdfd5687f2f5d217c8538afaeb0d892b37dc369e12e37e6752ace4855f263
-  data.tar.gz: 5f9a76bd80ce1568a43810c12011edd26ca6f2cd41dade01b084169a554c2b5305c8ca1effbe91014282740fc1d560439bb025dbcd42c11e05f36f03aef37237
+  metadata.gz: 01f2fecb27e7c6f8fbd444643084b7bf9eb71cc858e40147dc009cb61a20ee52ff07630522974ddd565f8cc824ab479382ba6a83d2020e2bbe0de16b9d9e7141
+  data.tar.gz: 724a78fd8b4cb7d143d0ac7747c243c1700c64e4e08670953dd2663dd017770726a5d55b6b63d6230e64f110e6ed2da853e8b6246e9980b48ee22197c180a0ca

data/lib/vbax/becky_thatcher/engine.rb

@@ -1,6 +1,9 @@
 module Vbax
   module BeckyThatcher
     class Engine < ::Rails::Engine
+      initializer 'becky_thatcher.setup' do |app|
+        app.config.assets.precompile += Dir.glob(config.root + 'app/assets/images/becky_thatcher/**/*').select{ |f| File.file? f }.map { |m| "becky_thatcher/" +  File.path(m).split("becky_thatcher/").last }
+      end
     initializer 'becky_thatcher.sass' do |app|
       # Set the sass load paths
       app.config.sass.load_paths << File.join(config.root, "lib","vbax", "sass")
@@ -8,7 +11,7 @@ module Vbax
       # Set the add becky_thatcher/lib/sass to assets path
       app.config.assets.paths << File.join(config.root, "lib","vbax", "sass")
     end
-    
+
   end
   end
 end

data/lib/vbax/becky_thatcher/version.rb

@@ -1,5 +1,5 @@
 module Vbax
   module BeckyThatcher
-    VERSION = "0.3.0"
+    VERSION = "0.4.0"
   end
 end

data/lib/vbax/sass/becky_thatcher/bootstrap/_card.scss

@@ -32,6 +32,7 @@
 
   &.transparency{
     background-color: $table-bg!important;
+    box-shadow:none!important;
   }
 }
 

data/lib/vbax/sass/becky_thatcher/bootstrap/_tables.scss

@@ -22,10 +22,6 @@
   tbody + tbody {
     border-top: (2 * $table-border-width) solid $table-border-color;
   }
-
-  .table {
-    background-color: $body-bg;
-  }
 }
 
 

data/lib/vbax/sass/becky_thatcher/bootstrap/_type.scss

@@ -13,12 +13,66 @@ h1, h2, h3, h4, h5, h6,
   color: $headings-color;
 }
 
-h1, .h1 { font-size: $h1-font-size; }
-h2, .h2 { font-size: $h2-font-size; }
-h3, .h3 { font-size: $h3-font-size; }
-h4, .h4 { font-size: $h4-font-size; }
-h5, .h5 { font-size: $h5-font-size; }
-h6, .h6 { font-size: $h6-font-size; }
+@function strip-unit($value) {
+  @return $value / ($value * 0 + 1);
+}
+
+@mixin fluid-type($min-vw, $max-vw, $min-font-size, $max-font-size) {
+  $u1: unit($min-vw);
+  $u2: unit($max-vw);
+  $u3: unit($min-font-size);
+  $u4: unit($max-font-size);
+
+  @if $u1 == $u2 and $u1 == $u3 and $u1 == $u4 {
+    & {
+      font-size: $min-font-size;
+      @media screen and (min-width: $min-vw) {
+        font-size: calc(#{$min-font-size} + #{strip-unit($max-font-size - $min-font-size)} * ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)}));
+      }
+      @media screen and (min-width: $max-vw) {
+        font-size: $max-font-size;
+      }
+    }
+  }
+}
+$big-screen:        1;
+$small-screen:      0.6;
+h1, .h1 {
+  $average_font: 40px;
+  $max_font: $average_font*$big-screen ;
+  $min_font: $average_font*$small-screen ;
+@include fluid-type($min_width, $max_width, $min_font, $max_font);
+ }
+h2, .h2 {
+  $average_font: 32px;
+$max_font: $average_font*$big-screen ;
+$min_font: $average_font*$small-screen ;
+@include fluid-type($min_width, $max_width, $min_font, $max_font);
+ }
+h3, .h3 {
+$average_font: 28px;
+$max_font:   $average_font*$big-screen ;
+$min_font: $average_font*$small-screen ;
+@include fluid-type($min_width, $max_width, $min_font, $max_font);
+ }
+h4, .h4 {
+  $average_font: 24px;
+$max_font: $average_font*$big-screen ;
+$min_font: $average_font*$small-screen ;
+@include fluid-type($min_width, $max_width, $min_font, $max_font);
+ }
+h5, .h5 {
+$average_font: 20px;
+$max_font  : $average_font*$big-screen ;
+$min_font: $average_font*$small-screen ;
+@include fluid-type($min_width, $max_width, $min_font, $max_font);
+ }
+h6, .h6 {
+  $average_font: 16px;
+  $max_font: $average_font*$big-screen ;
+  $min_font: $average_font*$small-screen ;
+@include fluid-type($min_width, $max_width, $min_font, $max_font);
+ }
 
 .lead {
   font-size: $lead-font-size;

data/lib/vbax/sass/becky_thatcher/bootstrap/_variables.scss

@@ -79,6 +79,7 @@ $danger:        $red !default;
 $light:         $gray-100 !default;
 $dark:          $gray-800 !default;
 
+
 $theme-colors: () !default;
 // stylelint-disable-next-line scss/dollar-variable-default
 $theme-colors: map-merge(
@@ -90,7 +91,9 @@ $theme-colors: map-merge(
     "warning":    $warning,
     "danger":     $danger,
     "light":      $light,
-    "dark":       $dark
+    "dark":       $dark,
+    "proA":       #3a3a41,
+    "proB":       #84767e,
   ),
   $theme-colors
 );

data/lib/vbax/sass/becky_thatcher/custom/_buttons.scss

@@ -127,6 +127,7 @@
               }
 
 .btn-neutral { @include btn-styles($white, $white); }
+.btn-white { @include btn-styles(#fff,#fff) }
 
 .btn{
      &:disabled,
@@ -184,6 +185,7 @@
 .btn-sm{
     @include btn-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-base, $border-radius-sm);
 }
+.btn-xxl{ @include btn-size($btn-padding-y-lg, $btn-padding-x-lg, 19px, $border-radius-lg)}
 
 .btn-wd {
     min-width: 140px;

data/lib/vbax/sass/becky_thatcher/custom/_card.scss

@@ -5,6 +5,9 @@
     width: 100%;
     margin-bottom: 30px;
     box-shadow: $box-shadow;
+    &.info-icon-dash-pro{
+      margin-bottom: 0px!important;
+    }
 
 
     label{

data/lib/vbax/sass/becky_thatcher/custom/_dropdown.scss

@@ -215,8 +215,7 @@
 
     .dropdown &,
     .dropup:not(.bootstrap-select) &,
-    .bootstrap-select &:not(.inner),
-    &.bootstrap-datetimepicker-widget.bottom {
+    .bootstrap-select &:not(.inner) {
         @include transform-translate-y-dropdown(-20px);
         visibility: hidden;
         display: block;
@@ -224,17 +223,17 @@
         top: 100% !important;
     }
 
-    &.bootstrap-datetimepicker-widget.top {
-      @include transform-translate-y-dropdown(-20px);
-      visibility: hidden;
-      display: block;
-      @include opacity(0);
-    }
-
-    &.bootstrap-datetimepicker-widget.top,
-    &.bootstrap-datetimepicker-widget.bottom {
-        @include transform-translate-y-dropdown(-20px);
-    }
+    // &.bootstrap-datetimepicker-widget.top {
+    //   @include transform-translate-y-dropdown(-20px);
+    //   visibility: hidden;
+    //   display: block;
+    //   @include opacity(0);
+    // }
+    //
+    // &.bootstrap-datetimepicker-widget.top,
+    // &.bootstrap-datetimepicker-widget.bottom {
+    //     @include transform-translate-y-dropdown(-20px);
+    // }
 
     .bootstrap-select.dropup &:not(.inner){
         @include transform-translate-y-dropdown(25px);
@@ -249,7 +248,6 @@
     .dropdown.show &,
     .bootstrap-select.show &:not(.inner),
     &.bootstrap-datetimepicker-widget.top.open,
-    &.bootstrap-datetimepicker-widget.bottom.open,
     .dropup.show:not(.bootstrap-select) &,
     .navbar .dropdown.show &{
         @include opacity(1);
@@ -257,10 +255,10 @@
         @include transform-translate-y-dropdown(1px);
     }
 
-    &.bootstrap-datetimepicker-widget.top.open,
-    &.bootstrap-datetimepicker-widget.bottom.open{
-        @include transform-translate-y-dropdown(0px);
-    }
+    // &.bootstrap-datetimepicker-widget.top.open,
+    // &.bootstrap-datetimepicker-widget.bottom.open{
+    //     @include transform-translate-y-dropdown(0px);
+    // }
 
     .dropup.show:not(.bootstrap-select) &{
         @include transform-translate-y-dropdown(-2px);

data/lib/vbax/sass/becky_thatcher/custom/_example-pages.scss

@@ -273,6 +273,11 @@
 
   .login-page .card-login .card-header img {
     width: 70%;
+    position: absolute !important;
+    margin-left: -33px !important;
+    margin-top: -142px !important;
+    border-radius: 20% !important;
+    width: 350px !important;
   }
 }
 

data/lib/vbax/sass/becky_thatcher/custom/_fixed-plugin.scss

@@ -27,9 +27,9 @@
         left: auto !important;
         top: -52px !important;
         width: 290px;
-        border-radius: 0.1875rem;
-        padding: 0 10px;
-        background: linear-gradient($black, $black-states);
+        border-radius: 0.3875rem;
+        padding: 20px 10px;
+        background: linear-gradient($proA, $proB);
     }
 
     .dropdown .dropdown-menu .tim-icons{
@@ -71,7 +71,7 @@
     }
 
     .badge{
-        border: 2px solid $white;
+        border: 0px solid $white;
         border-radius: 50%;
         cursor: pointer;
         display: inline-block;
@@ -321,6 +321,12 @@
     .bootstrap-switch{
         margin:0;
     }
+  &.on-quotation{
+    width: 144px;
+    background: rgba(0, 0, 0, 0.0);
+    top: 90%;
+    right: 50px;
+  }
 }
 
 @include media-breakpoint-down(xs){

data/lib/vbax/sass/becky_thatcher/custom/_hhgb12.scss

@@ -0,0 +1,12 @@
+.table-responsive {
+    font-size: 11px;
+}
+.br-6{
+  border-radius: 6px;
+}
+.br-1px{
+  border: 1px solid #8080801f;
+}
+.pd-0-7{
+  padding: 0.7rem
+}

data/lib/vbax/sass/becky_thatcher/custom/_pills.scss

@@ -143,6 +143,17 @@
             }
         }
     }
+    &.nav-pills-rework{
+        .nav-item {
+            .nav-link.active{
+                &,
+                &:focus,
+                &:hover{
+                    @include diagonal-gradient($rework, $success);
+                }
+            }
+        }
+    }
 }
 .tab-space{
     padding: 20px 0 50px 0px;

data/lib/vbax/sass/becky_thatcher/custom/_sidebar-and-main-panel.scss

@@ -377,6 +377,12 @@
         border-bottom-color: $success;
       }
     }
+    &[data="pro"]{
+      @include linear-gradient($proA, $proB);
+      &:before{
+        border-bottom-color: $proB;
+      }
+    }
     &[data="orange"]{
       @include linear-gradient($warning-states, $warning);
       &:before{
@@ -503,6 +509,9 @@
     &[data="green"]{
       border-top: 2px solid $success;
     }
+    &[data="pro"]{
+      border-top: 2px solid $proB;
+    }
 
     &[data="orange"]{
       border-top: 2px solid $warning;
@@ -519,6 +528,12 @@
     > .content {
         padding: 80px 30px 30px 280px;
         min-height: calc(100vh - 70px);
+        &.inside-layout{
+          min-height: auto;
+        }
+        &.nopaddingtop{
+          padding-top: 0px!important;
+        }
     }
 
     > .navbar {

data/lib/vbax/sass/becky_thatcher/custom/_tables.scss

@@ -220,17 +220,20 @@
 }
 
 table.tablesorter thead tr .header{
-	background-image: url("../img/bg.gif");
+	// background-image: url("../../../images/bg.gif");
+  background-image: url(image-path("becky_thatcher/bg.gif"));
   background-repeat: no-repeat;
   background-position: center right;
   cursor: pointer;
 }
 
 table.tablesorter thead tr .headerSortUp {
-	background-image: url("../img/asc.gif");
+  	// background-image: url("../../../images/asc.gif");
+    background-image: url(image-path("becky_thatcher/asc.gif"));
 }
 table.tablesorter thead tr .headerSortDown {
-	background-image: url("../img/desc.gif");
+	// background-image: url("../../../images/desc.gif");
+  background-image: url(image-path("becky_thatcher/desc.gif"));
 }
 
 

data/lib/vbax/sass/becky_thatcher/custom/_variables.scss

@@ -381,6 +381,9 @@ $general-transition-time:     300ms             !default;
 $font-family-base:            'Poppins', sans-serif !default;
 $font-family-alt:             'Poppins', sans-serif !default;
 
+$min_width: 320px;
+$max_width: 2400px;
+
 $font-size-dash:              .875rem !default;
 
 $font-size-base:              $font-size-dash !default; // Assumes the browser default, typically `16px`
@@ -391,7 +394,7 @@ $font-size-xs:                ($font-size-base * .714);
 
 $h1-font-size:                $font-size-base * 2.35714285 !default;  //2.1875rem
 $h2-font-size:                $font-size-base * 1.9285714 !default;
-$h3-font-size:                $font-size-base * 1.642857 !default;
+$h3-font-size:                $font-size-base * 1.442857 !default;
 $h4-font-size:                $font-size-base * 1.2142857 !default;
 $h5-font-size:                $font-size-base * 0.9285714 !default;
 $h6-font-size:                $font-size-base * 0.8571428 !default;
@@ -448,6 +451,10 @@ $lead-font-weight:            300 !default;
 $small-font-size:             80% !default;
 
 $text-muted:                  $gray-600 !default;
+// text-whiteed Colors
+$text-white-primary:         $white;
+$text-white-secondary:       rgba($white, 0.5);
+$text-white-border:          rgba($white, 0.2);
 
 $blockquote-small-color:      $gray-600 !default;
 $blockquote-font-size:        ($font-size-base * 1.1);

data/lib/vbax/sass/becky_thatcher/custom/_white-content.scss

@@ -52,7 +52,8 @@
     color: $black;
   }
 
-  .btn:not([data-action]):hover{
+  .btn:not([data-action]):hover,
+  .btn:not(.btn-white):hover{
     box-shadow:  0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
   }
 
@@ -372,7 +373,7 @@
   }
 
   .bootstrap-select button.dropdown-toggle{
-    border-color: rgba($black-states,0.5);
+    border-color: rgba($dark-gray,0.5);
     .filter-option{
       color: $black-states;
     }

data/lib/vbax/sass/becky_thatcher/custom/cards/_card-stats.scss

@@ -11,12 +11,30 @@
      height: 50px;
      width: 50px;
      border-radius: 50%;
+     &.info-icon-dash-pro{
+      height: 30px;
+      width: auto;
+      border-radius: 6px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      p{
+        color: $white;
+        margin: 0px;
+        font-size: 11px;
+        padding: 0.4rem 1.2rem 0.4rem 0.5rem;
+      }
+     }
      @include diagonal-gradient($primary,$primary-states);
 
      i {
        color: $white;
        font-size: 1.7em;
        padding: 14px 13px;
+       &.info-icon-dash-pro{
+         font-size: 1.2em;
+         padding: 0.4rem 0.5rem 0.4rem 0.5rem;
+       }
 
      }
 
@@ -39,6 +57,9 @@
      &.icon-primary {
        @include diagonal-gradient($primary,$primary-states);
      }
+     &.icon-pro {
+       @include diagonal-gradient($proA,$proB);
+     }
    }
 
    .numbers{

data/lib/vbax/sass/becky_thatcher/custom/cards/_card-user.scss

@@ -18,21 +18,21 @@
           height: 100px;
           width: 250px;
           &.block-one{
-            @include linear-gradient-right(rgba($primary,0.6), rgba($primary,0));
+            @include linear-gradient-right(rgba($rework,0.6), rgba($rework,0));
             @include nc-rotate(150deg,10);
             margin-top: -90px;
             margin-left: -50px;
           }
 
           &.block-two{
-            @include linear-gradient-right(rgba($primary,0.6), rgba($primary,0));
+            @include linear-gradient-right(rgba($rework,0.6), rgba($rework,0));
             @include nc-rotate(30deg,10);
             margin-top: -40px;
             margin-left: -100px;
           }
 
           &.block-three{
-            @include linear-gradient-right(rgba($primary,0.6), rgba($primary,0));
+            @include linear-gradient-right(rgba($rework,0.6), rgba($rework,0));
             @include nc-rotate(170deg,10);
             margin-top: -70px;
             right: -45px;
@@ -40,7 +40,7 @@
           }
 
           &.block-four{
-            @include linear-gradient-right(rgba($primary,0.6), rgba($primary,0));
+            @include linear-gradient-right(rgba($rework,0.6), rgba($rework,0));
             @include nc-rotate(150deg,10);
             margin-top: -25px;
             right: -45px;

data/lib/vbax/sass/becky_thatcher/custom/mixins/_buttons.scss

@@ -330,7 +330,7 @@
     }
 
     &.btn-neutral{
-        color: $color;
+        color: $color!important;
         background-color: $white;
 
 

data/lib/vbax/sass/becky_thatcher/custom/vendor/_plugin-bootstrap-switch.scss

@@ -67,7 +67,7 @@
   vertical-align: middle;
   -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-  background: url("https://d2v9y0dukr6mq2.cloudfront.net/video/thumbnail/J9H9WF0/night-sky-full-of-stars-fantasy-animation-made-of-magical-sparkly-light-particles-flickering-on-a-purple-blue-gradient-background_bajacpz7x_thumbnail-full01.png");
+  background: url("https://res.cloudinary.com/entrepreneur/image/upload/v1557482087/download_si8frm.png");
   background-position: center center;
   background-size: cover;
 }

data/lib/vbax/sass/becky_thatcher/custom/vendor/_plugin-datetimepicker.scss

@@ -145,7 +145,7 @@
 }
 .bootstrap-datetimepicker-widget a[data-action="togglePicker"],
 .bootstrap-datetimepicker-widget a[data-action="togglePicker"]:hover {
-    color: $primary;
+    color: $rework;
 }
 .bootstrap-datetimepicker-widget a[data-action]:hover {
   background-color: transparent;
@@ -205,7 +205,7 @@
 .bootstrap-datetimepicker-widget .picker-switch {
   text-align: center;
   border-radius: 3px;
-  color: $primary;
+  color: $rework;
 }
 .bootstrap-datetimepicker-widget .picker-switch::after {
   content: "Toggle Date and Time Screens";
@@ -254,7 +254,7 @@
   font-size: 12px;
   border-radius: 50%;
   text-align: center;
-  color: $primary;
+  color: $rework;;
 }
 .bootstrap-datetimepicker-widget table th.prev::after {
   content: "Previous Month";
@@ -264,7 +264,7 @@
 }
 .bootstrap-datetimepicker-widget table th.dow {
   text-align: center;
-  color: $primary;
+  color: $rework;;
   padding-bottom: 5px;
   padding-top: 10px;
 }
@@ -318,7 +318,7 @@
   right: 4px;
 }
 .bootstrap-datetimepicker-widget table td.active > div, .bootstrap-datetimepicker-widget table td.active:hover > div {
-  background-color: $primary;
+  background-color: $rework;;
   color: $white;
   box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);
 }
@@ -342,7 +342,7 @@
 }
 
 .bootstrap-datetimepicker-widget table td span.active {
-  background-color: $primary;
+  background-color: $rework;;
   color: #FFFFFF;
 }
 .bootstrap-datetimepicker-widget table td span.old {

data/lib/vbax/sass/becky_thatcher.scss

@@ -1,21 +1,3 @@
-/*!
-
- =========================================================
- * Black Dashboard Pro - v1.0.0
- =========================================================
-
- * Product Page: https://www.creative-tim.com/product/becky_thatcher-pro
- * Copyright 2018 Creative Tim (http://www.creative-tim.com)
-
-
- =========================================================
-
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
- */
-
- // Core
-
 @import "becky_thatcher/custom/functions";
 @import "becky_thatcher/bootstrap/functions";
 
@@ -140,5 +122,8 @@
 @import "becky_thatcher/custom/cards/card-testimonials";
 @import "becky_thatcher/custom/cards/card-wizard";
 
-// End vendor and other stuff
+// vendor and other stuff
 @import "becky_thatcher/custom/vendor/icons";
+
+// some perso scss
+@import 'becky_thatcher/custom/hhgb12';

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: vbax-becky_thatcher
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.4.0
 platform: ruby
 authors:
 - v baxter
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2019-04-22 00:00:00.000000000 Z
+date: 2019-05-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -50,6 +50,9 @@ files:
 - LICENSE.txt
 - README.md
 - Rakefile
+- app/assets/images/becky_thatcher/asc.gif
+- app/assets/images/becky_thatcher/bg.gif
+- app/assets/images/becky_thatcher/desc.gif
 - bin/console
 - bin/setup
 - lib/vbax/becky_thatcher.rb
@@ -152,6 +155,7 @@ files:
 - lib/vbax/sass/becky_thatcher/custom/_functions.scss
 - lib/vbax/sass/becky_thatcher/custom/_global.scss
 - lib/vbax/sass/becky_thatcher/custom/_grid.scss
+- lib/vbax/sass/becky_thatcher/custom/_hhgb12.scss
 - lib/vbax/sass/becky_thatcher/custom/_icons.scss
 - lib/vbax/sass/becky_thatcher/custom/_images.scss
 - lib/vbax/sass/becky_thatcher/custom/_info-areas.scss