viniBaxter-desk_front 15.0.0 → 20.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1238c13fde396f1b8d0a365bbda0db09016806743338908f6d17999e2d276496
-  data.tar.gz: a9745f68e1d2d5b9d07eb5fa2cf668383e3dc1f53845d0b5f297bdd88084fb14
+  metadata.gz: c98493a3fd6b08c88ebe1b919877a1e77cea3e877603d2a24d22363cf1284320
+  data.tar.gz: 1046b37f0cac4394744cf6afa8bd04e90dbe4119e2879d92515c20e74ba6e72a
 SHA512:
-  metadata.gz: 9af8e10bf3319bf2dcdd44e71b24d0bc747d374fb745ffe6abbb93d38dc68321edf2e662185506a2e5a58f42357430c7a9cc7fed0de52bce5b997916e6629141
-  data.tar.gz: a1dd6e83bae900fc22876320b149b989d4322b0f1b43105c715e304200b09fd76ba8772bfe2238196aeb85cb59f07bd747683d76ff267c1e9e82858e036d547e
+  metadata.gz: 3a351e6425f7b27ecd14beed814b47bae6098089891820ac910eae1970fc4aa8eedb122a4b8a9ff21f7b15fd8e9095d8743297465001d6e1181e9583f6da60dd
+  data.tar.gz: 18a652761fe7f960edeb102b794355dbcaac9b61fc25eeec1fd2993b32fb768748f4ff99f0c07c02df4954705ec6632e05f92287e7ff37ac015c8a54c6d33b71

data/lib/viniBaxter/desk_front/version.rb

@@ -1,5 +1,5 @@
 module ViniBaxter
   module DeskFront
-    VERSION = "15.0.0"
+    VERSION = "20.0.0"
   end
 end

data/lib/viniBaxter/sass/desk_front/dashkit/_avatar.scss

@@ -19,14 +19,13 @@
     position: absolute;
     width: 0;
     height: 0;
-    background-image: url(image-path("desk_front/avatar-status.svg")),
-          url(image-path("desk_front/avatar-group.svg")),
-          url(image-path("desk_front/avatar-group-hover.svg")),
-          url(image-path("desk_front/avatar-group-hover-last.svg"));
+    background-image: url(image-path('desk_front/avatar-status.svg')),
+      url(image-path('desk_front/avatar-group.svg')),
+      url(image-path('desk_front/avatar-group-hover.svg')),
+      url(image-path('desk_front/avatar-group-hover-last.svg'));
   }
 }
 
-
 .avatar-img {
   width: 100%;
   height: 100%;
@@ -44,12 +43,12 @@
   color: $avatar-title-color;
 }
 
-
 // Status
 
 .avatar-online,
-.avatar-offline {
-
+.avatar-offline,
+.card-notselected,
+.card-selected {
   &::before {
     content: '';
     position: absolute;
@@ -61,12 +60,13 @@
   }
 
   .avatar-img {
-    mask-image: url(image-path("desk_front/avatar-status.svg"));
+    mask-image: url(image-path('desk_front/avatar-status.svg'));
     mask-size: 100% 100%;
   }
 }
 
-.avatar-online::before {
+.avatar-online::before,
+.card-selected::before {
   background-color: $success;
 }
 
@@ -74,6 +74,9 @@
   background-color: $gray-500;
 }
 
+.card-notselected::before {
+  background-color: $warning;
+}
 
 // Sizing
 
@@ -113,7 +116,6 @@
   }
 }
 
-
 // Ratio
 
 .avatar.avatar-4by3 {
@@ -140,7 +142,6 @@
   width: $avatar-size-xxl * 4 / 3;
 }
 
-
 // Group
 
 .avatar-group {
@@ -173,9 +174,9 @@
   }
 
   // Add some spacing between avatars
-  
+
   .avatar:not(:last-child) {
-    mask-image: url(image-path("desk_front/avatar-group.svg"));
+    mask-image: url(image-path('desk_front/avatar-group.svg'));
     mask-size: 100% 100%;
   }
 
@@ -186,13 +187,12 @@
     z-index: 1;
 
     + .avatar {
-      mask-image: url(image-path("desk_front/avatar-group-hover.svg"));
+      mask-image: url(image-path('desk_front/avatar-group-hover.svg'));
       mask-size: 100% 100%;
 
       &:last-child {
-        mask-image: url(image-path("desk_front/avatar-group-hover-last.svg"));
+        mask-image: url(image-path('desk_front/avatar-group-hover-last.svg'));
       }
     }
   }
-
 }

data/lib/viniBaxter/sass/desk_front/dashkit/_navbar.scss

@@ -3,7 +3,6 @@
 // Extended from Bootstrap
 //
 
-
 //
 // Bootstrap Overrides =======================
 //
@@ -13,7 +12,6 @@
   border-style: solid;
 }
 
-
 // Navbar dark
 
 .navbar-dark {
@@ -50,14 +48,11 @@
 }
 
 .navbar-dark.navbar-expand {
-
   @each $breakpoint, $value in $grid-breakpoints {
     $prev: breakpoint-prev($breakpoint, $grid-breakpoints);
 
     &-#{$breakpoint} {
-
       @include media-breakpoint-down(#{$prev}) {
-
         .navbar-nav .dropdown-item {
           color: $navbar-dark-color;
 
@@ -76,11 +71,15 @@
   }
 }
 
-
 // Navbar vibrant
 
 .navbar-dark.navbar-vibrant {
-  background-image: linear-gradient(to bottom right, fade-out(#454545, .1), fade-out(#454545, .1)), url(image-path("desk_front/sidebar-cover.jpg"));
+  background-image: linear-gradient(
+      to bottom right,
+      fade-out(#454545, 0.1),
+      fade-out(#454545, 0.1)
+    ),
+    url(image-path('desk_front/sidebar-cover.jpg'));
   background-repeat: no-repeat, no-repeat;
   background-position: center center, center center;
   background-size: cover, cover;
@@ -138,14 +137,11 @@
 }
 
 .navbar-dark.navbar-vibrant.navbar-expand {
-
   @each $breakpoint, $value in $grid-breakpoints {
     $prev: breakpoint-prev($breakpoint, $grid-breakpoints);
 
     &-#{$breakpoint} {
-
       @include media-breakpoint-down(#{$prev}) {
-
         .navbar-nav .dropdown-item {
           color: $navbar-vibrant-color;
 
@@ -159,7 +155,6 @@
         .navbar-nav .dropdown-item:active {
           color: $navbar-vibrant-active-color;
         }
-
       }
     }
   }
@@ -169,7 +164,6 @@
   background-image: $navbar-vibrant-toggler-icon-bg;
 }
 
-
 // Navbar light
 
 .navbar-light {
@@ -205,7 +199,6 @@
   border-top-color: $navbar-light-divider-color;
 }
 
-
 // Navbar brand
 
 .navbar-brand {
@@ -218,7 +211,6 @@
   max-height: 1.5rem;
 }
 
-
 // Navbar collapse
 
 .navbar-collapse {
@@ -238,7 +230,6 @@
   }
 }
 
-
 // Navbar navigaton
 
 .navbar-nav {
@@ -264,17 +255,15 @@
   }
 }
 
-
 // Navbar icons
 
 .navbar-nav .nav-link > .fe {
   min-width: $navbar-icon-min-width;
-  padding-bottom: .125em;
+  padding-bottom: 0.125em;
   font-size: $font-size-lg;
   line-height: ($font-size-base * $line-height-base);
 }
 
-
 // Navbar dropdowns
 
 .navbar-nav .dropdown-menu {
@@ -286,14 +275,11 @@
 }
 
 .navbar-expand {
-
   @each $breakpoint, $value in $grid-breakpoints {
     $prev: breakpoint-prev($breakpoint, $grid-breakpoints);
 
     &-#{$breakpoint} {
-
       @include media-breakpoint-down(#{$prev}) {
-
         .navbar-nav .dropdown-menu {
           background-color: transparent;
         }
@@ -302,22 +288,18 @@
   }
 }
 
-
 // Expanded
 //
 // Expanded navbar specific styles
 
 .navbar-expand {
-
   @each $breakpoint, $value in $grid-breakpoints {
-
     &-#{$breakpoint} {
-
       @include media-breakpoint-up(#{$breakpoint}) {
         padding-left: 0;
         padding-right: 0;
 
-        > [class*="container"] {
+        > [class*='container'] {
           padding-left: 0;
           padding-right: 0;
         }
@@ -336,10 +318,9 @@
         }
 
         .navbar-nav .nav-link {
-
           // Increase $nav-link-padding-y value to align the underline
           // with the bottom of the navbar
-          padding: .625rem $navbar-nav-link-padding-x;
+          padding: 0.625rem $navbar-nav-link-padding-x;
 
           &.active {
             position: relative;
@@ -357,10 +338,11 @@
 
         // Toggle dropdown on hover
         @if ($navbar-dropdown-toggle-on-hover) {
-          .dropup, .dropright, .dropdown, .dropleft {
-
+          .dropup,
+          .dropright,
+          .dropdown,
+          .dropleft {
             @include hover {
-
               > .dropdown-menu {
                 display: block;
               }
@@ -369,10 +351,10 @@
         }
 
         .navbar-nav .dropdown-menu,
-         .navbar-nav > .dropdown-menu.show{
+        .navbar-nav > .dropdown-menu.show {
           border: $dropdown-border-width solid $dropdown-border-color;
-          border-radius:$dropdown-border-radius;
-          box-shadow:unset!important;
+          border-radius: $dropdown-border-radius;
+          box-shadow: unset !important;
         }
 
         .navbar-nav .dropdown-menu .dropdown-menu {
@@ -383,7 +365,6 @@
   }
 }
 
-
 //
 // Dashkit ===================================
 //
@@ -392,11 +373,10 @@
 //
 // Adds special zindex to custom fixed-left and fixed-right classes
 
-.navbar[class*="fixed-"] {
+.navbar[class*='fixed-'] {
   z-index: $zindex-fixed;
 }
 
-
 // Navbar overflow
 //
 // Allows the navbar navigation overflow its parent container
@@ -426,14 +406,12 @@
   padding-bottom: ($nav-link-padding-y + $navbar-padding-y);
 
   &.active {
-
     &:before {
       bottom: 0;
     }
   }
 }
 
-
 // Navbar breadcrumb
 //
 // Applies special paddings to the navbar breadcrumb
@@ -442,7 +420,6 @@
   padding: $navbar-breadcrumb-padding-y $navbar-breadcrumb-padding-x;
 }
 
-
 // Navbar user
 //
 // Navbar user notification area
@@ -455,14 +432,12 @@
 }
 
 .navbar-user .dropdown-toggle {
-
   // Remove the default dropdown arrow
   &:after {
     display: none;
   }
 }
 
-
 // Navbar link icon
 
 .navbar-nav .nav-link > .fe {
@@ -470,31 +445,27 @@
   min-width: $navbar-icon-min-width;
 }
 
-
 // Vertical
 //
 // Creates a vertically aligned version of the navbar
 
 .navbar-vertical {
-
   .navbar-nav .nav-link {
     display: flex;
     align-items: center;
   }
 
-  .navbar-nav .nav-link[data-toggle="collapse"] {
-
+  .navbar-nav .nav-link[data-toggle='collapse'] {
     &:after {
       display: block;
       content: '\e92e';
       font-family: 'Feather';
       margin-left: auto;
-      transition: transform .2s;
+      transition: transform 0.2s;
     }
 
     // Expanded
-    &[aria-expanded="true"] {
-
+    &[aria-expanded='true'] {
       &:after {
         transform: rotate(-180deg);
       }
@@ -518,20 +489,16 @@
     padding-bottom: $nav-link-padding-y;
     font-size: $font-size-xs;
     text-transform: uppercase;
-    letter-spacing: .04em;
+    letter-spacing: 0.04em;
   }
 
-
   // Expanded
   //
   // Expanded navbar specific styles
 
   &.navbar-expand {
-
     @each $breakpoint, $value in $grid-breakpoints {
-
       &-#{$breakpoint} {
-
         @include media-breakpoint-up(#{$breakpoint}) {
           display: block;
           position: fixed;
@@ -543,7 +510,7 @@
           padding-right: $navbar-vertical-padding-x;
           overflow-y: auto;
 
-          > [class*="container"] {
+          > [class*='container'] {
             flex-direction: column;
             align-items: stretch;
             min-height: 100%;
@@ -551,7 +518,8 @@
             padding-right: 0;
 
             // Target IE 10 & 11
-            @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+            @media all and (-ms-high-contrast: none),
+              (-ms-high-contrast: active) {
               min-height: none;
               height: 100%;
             }
@@ -592,13 +560,12 @@
             padding: $nav-link-padding-y $navbar-vertical-padding-x;
 
             &.active {
-
               &:before {
                 top: $nav-link-padding-y;
                 bottom: $nav-link-padding-y;
                 left: 0;
                 right: auto;
-                border-left: 2px solid $primary;
+                border-left: 4px solid $primary;
                 border-bottom: 0;
               }
             }
@@ -609,11 +576,13 @@
           }
 
           .navbar-nav .nav .nav .nav-link {
-            padding-left: $navbar-vertical-padding-x * 1.5 + $navbar-icon-min-width;
+            padding-left: $navbar-vertical-padding-x * 1.5 +
+              $navbar-icon-min-width;
           }
 
           .navbar-nav .nav .nav .nav .nav-link {
-            padding-left: $navbar-vertical-padding-x * 2 + $navbar-icon-min-width;
+            padding-left: $navbar-vertical-padding-x * 2 +
+              $navbar-icon-min-width;
           }
 
           .navbar-brand {
@@ -648,23 +617,18 @@
   }
 }
 
-
 // Vertical small
 //
 // Creates a small vertion of the vertical navbar
 
 .navbar-vertical-sm {
-
   // Expanded
   //
   // Expanded navbar specific styles
 
   &.navbar-expand {
-
     @each $breakpoint, $value in $grid-breakpoints {
-
       &-#{$breakpoint} {
-
         @include media-breakpoint-up(#{$breakpoint}) {
           max-width: $navbar-vertical-width-sm;
           padding-left: $navbar-vertical-padding-x-sm;
@@ -672,8 +636,12 @@
           overflow: visible;
 
           .navbar-brand {
-            padding-top: ($nav-link-padding-y * 2 + $font-size-base * $line-height-base) / 2 - $navbar-padding-y;
-            padding-bottom: ($nav-link-padding-y * 2 + $font-size-base * $line-height-base) / 2;
+            padding-top: (
+                $nav-link-padding-y * 2 + $font-size-base * $line-height-base
+              ) / 2 - $navbar-padding-y;
+            padding-bottom: (
+                $nav-link-padding-y * 2 + $font-size-base * $line-height-base
+              ) / 2;
           }
 
           .navbar-brand-img {
@@ -701,7 +669,6 @@
           }
 
           .navbar-nav > .nav-item > .dropdown-toggle {
-
             &::after {
               display: none;
             }

data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_card.scss

@@ -10,12 +10,18 @@
   width: 100%;
 }
 .love-card {
-  font-size: 41px;
+  font-size: 35px;
   letter-spacing: 0px;
   font-weight: 800;
   font-family: circular;
   &.place {
-    font-size: 30px;
+    font-size: 18px;
+    @media screen and (min-width: 1300px) {
+      font-size: 1.4vw;
+    }
+    // @media screen and (min-width: 1200px) {
+    //   font-size: 36px;
+    // }
   }
 }
 

data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_device.scss

@@ -1,4 +1,4 @@
-//
+avatar-online//
 // device.scss
 // Theme component
 //
@@ -12,7 +12,7 @@
 }
 
 .device::before {
-  content: "";
+  content: '';
   background-color: $light;
 }
 
@@ -22,24 +22,26 @@
   object-fit: cover;
 }
 
-
 //
 // Single devices
 //
 
 .device-iphonex::before,
 .device-iphonex > .device-screen {
-  top: 7.784431138%; left: 16.4021164%;
-  width: 66.137566137%; height: 80.838323353%;
+  top: 7.784431138%;
+  left: 16.4021164%;
+  width: 66.137566137%;
+  height: 80.838323353%;
 }
 
 .device-macbook::before,
 .device-macbook > .device-screen {
-  top: 11.53846154%; left: 13.38709677%;
-  width: 73.548387096%; height: 73.076923076%;
+  top: 11.53846154%;
+  left: 13.38709677%;
+  width: 73.548387096%;
+  height: 73.076923076%;
 }
 
-
 //
 // Combos
 //
@@ -57,15 +59,16 @@
 }
 
 .device-combo-iphonex-iphonex > .device-iphonex {
-  
   &:first-child {
-    bottom: 0; left: 0;
+    bottom: 0;
+    left: 0;
     width: 65.5260116%;
     z-index: 1;
   }
 
   &:last-child {
-    top: 0; right: 0;
+    top: 0;
+    right: 0;
     width: 72.8323699%;
   }
 }
@@ -87,17 +90,21 @@
 }
 
 .device-combo-macbook-iphonex > .device-macbook {
-  top: 0; left: 0;
+  top: 0;
+  left: 0;
 }
 
 .device-combo-iphonex-macbook > .device-macbook {
-  top: 0; right: 0;
+  top: 0;
+  right: 0;
 }
 
 .device-combo-macbook-iphonex > .device-iphonex {
-  bottom: 0; right: 0;
+  bottom: 0;
+  right: 0;
 }
 
 .device-combo-iphonex-macbook > .device-iphonex {
-  bottom: 0; left: 0;
-}
+  bottom: 0;
+  left: 0;
+}

data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_icon.scss

@@ -3,39 +3,39 @@
 // Theme component
 //
 
-.icon>svg {
+.icon > svg {
   width: $icon-size-base;
   height: $icon-size-base;
 }
 
-.icon>img {
+.icon > img {
   width: $icon-size-base;
   height: $icon-size-base;
 }
 
 // Use "text-" utilities to fill svg icons
-.icon[class*="text-"]>svg [fill]:not([fill="none"]) {
+.icon[class*='text-'] > svg [fill]:not([fill='none']) {
   fill: currentColor !important;
 }
 
 // Sizing
 
-.icon-xs>svg {
+.icon-xs > svg {
   width: $icon-size-xs;
   height: $icon-size-xs;
 }
 
-.icon-sm>svg {
+.icon-sm > svg {
   width: $icon-size-sm;
   height: $icon-size-sm;
 }
 
-.icon-lg>svg {
+.icon-lg > svg {
   width: $icon-size-lg;
   height: $icon-size-lg;
 }
 
-.icon-xl>svg {
+.icon-xl > svg {
   width: $icon-size-xl;
   height: $icon-size-xl;
 }
@@ -50,7 +50,7 @@
   height: $icon-circle-size;
   border-radius: 50%;
 
-  >.fe {
+  > .fe {
     font-size: $icon-circle-font-size;
   }
-}
+}

data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_theme.scss

@@ -49,7 +49,7 @@
 // @import "footer";
 // @import "flickity";
 // @import "highlight";
-// @import "icon";
+// @import 'icon';
 // @import "list";
 // @import "screenshot";
 // @import "section";

data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_overlay.scss

@@ -44,10 +44,22 @@
     &::before {
       opacity: #{$i / 10};
     }
+    .bg-white {
+      background: rgba(255, 255, 255, 0) !important;
+    }
     &.active {
       &::before {
         opacity: 0;
       }
+      h5 {
+        color: $light !important;
+        &.bg-white {
+          background: rgba(0, 0, 0, 0.276) !important;
+        }
+      }
+      // .badge {
+      //   display: block;
+      // }
     }
   }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: viniBaxter-desk_front
 version: !ruby/object:Gem::Version
-  version: 15.0.0
+  version: 20.0.0
 platform: ruby
 authors:
 - viny baxter
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2020-06-17 00:00:00.000000000 Z
+date: 2020-06-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -352,6 +352,8 @@ files:
 - lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_visibility.scss
 - lib/viniBaxter/sass/desk_front/theme-dark.scss
 - lib/viniBaxter/sass/desk_front/theme.scss
+- viniBaxter-desk_front-18.0.0.gem
+- viniBaxter-desk_front-19.0.0.gem
 - viniBaxter-desk_front.gemspec
 homepage: 
 licenses: