spectre_scss 0.4.5.0 → 0.4.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d4d74fc17f69749bbd69f4f34239a3ac820678c7
-  data.tar.gz: 9cfd051c27b55fc86fd07620c05e17a84e1256d4
+  metadata.gz: 19f1ad082d25b959639c474540f1aa7bbd52b8c6
+  data.tar.gz: 38745a1c58e3ba0b89146be7384b24bedfb26ac3
 SHA512:
-  metadata.gz: b4cf506ac7f49649634528d958564386ee770f1785ce850dbbde3f8c971fbb5b1145f1724259e48c1704ba7542ad79814a4f8522351e9840523ad6671f7806ee
-  data.tar.gz: 57030dd33f89a024ded439b0064889f810258a4f1f594a827f234f4d6899d90cfeab3f3b27e730227e124342219c8ed75f6447781f312a1f6c0d682f8d6a0473
+  metadata.gz: 49be9647a5d40cc65cbdd4bbaa6c473cf3d595b1e14a09de2019daace72e8c59a57e3e9a50a06e38afca0b13c032118e22226915a8d63912280b68d0b70b24e2
+  data.tar.gz: 58e21edfe10dd05e5d93e5f43382f682c2d5516f260a7e3eb008266bbf41ee9bbb602bad50293569215cb0c59935a136ffe400e9a3bd27c5b76933a0e589206c

data/lib/spectre_scss/version.rb

@@ -1,3 +1,3 @@
 module SpectreScss
-  VERSION = '0.4.5.0'
+  VERSION = '0.4.6.0'
 end

data/vendor/assets/stylesheets/spectre/_breadcrumbs.scss

@@ -22,7 +22,7 @@
       &::before {
         color: $gray-color-light;
         content: "/";
-        padding-right: $unit-1;
+        padding-right: $unit-2;
       }
     }
   }

data/vendor/assets/stylesheets/spectre/_calendars.scss

@@ -190,9 +190,7 @@
     }
 
     .calendar-event {
-      background: $secondary-color;
       border-radius: $border-radius;
-      color: $primary-color;
       font-size: $font-size-sm;
       display: block;
       margin: $unit-h auto;

data/vendor/assets/stylesheets/spectre/_comparison-sliders.scss

@@ -17,7 +17,7 @@
 
     img {
       height: 100%;
-      object-fit: none;
+      object-fit: cover;
       object-position: left center;
       position: absolute;
       width: 100%;

data/vendor/assets/stylesheets/spectre/_menus.scss

@@ -5,7 +5,7 @@
   border-radius: $border-radius;
   list-style: none;
   margin: 0;
-  min-width: $control-min-width;
+  min-width: $control-width-xs;
   padding: $unit-2;
   transform: translateY($layout-spacing-sm);
   z-index: $zindex-1;

data/vendor/assets/stylesheets/spectre/_mixins.scss

@@ -10,6 +10,10 @@
 @mixin bg-color-variant($name: ".bg-primary", $color: $primary-color) {
   #{$name} {
     background: $color;
+
+    @if (lightness($color) < 60) {
+      color: $light-color;
+    }
   }
 }
 

data/vendor/assets/stylesheets/spectre/_modals.scss

@@ -31,7 +31,7 @@
 
     .modal-container {
       animation: slide-down .2s ease 1;
-      max-width: 640px;
+      max-width: $control-width-md;
       width: 100%;
       z-index: $zindex-0;
     }
@@ -39,7 +39,7 @@
 
   &.modal-sm {
     .modal-container {
-      max-width: 320px;
+      max-width: $control-width-sm;
       padding: 0 $unit-2;
     }
   }
@@ -51,7 +51,7 @@
 
     .modal-container {
       box-shadow: none;
-      max-width: 960px;
+      max-width: $control-width-lg;
     }
   }
 }

data/vendor/assets/stylesheets/spectre/_off-canvas.scss

@@ -1,5 +1,5 @@
 // Off canvas menus
-$off-canvas-breakpoint: 960px !default;
+$off-canvas-breakpoint: $size-lg !default;
 
 .off-canvas {
   display: flex;

data/vendor/assets/stylesheets/spectre/_parallax.scss

@@ -4,6 +4,7 @@ $parallax-offset: 4.5px !default;
 $parallax-offset-z: 50px !default;
 $parallax-perspective: 1000px !default;
 $parallax-scale: .95 !default;
+$parallax-fade-color: rgba(255, 255, 255, .35) !default;
 
 // Mixin: Parallax direction
 @mixin parallax-dir() {
@@ -64,7 +65,7 @@ $parallax-scale: .95 !default;
       transform: perspective($parallax-perspective) rotateX($parallax-deg) rotateY(-$parallax-deg);
 
       &::before {
-        background: linear-gradient(135deg, rgba(255, 255, 255, .35) 0%, transparent 50%);
+        background: linear-gradient(135deg, $parallax-fade-color 0%, transparent 50%);
       }
 
       .parallax-front {
@@ -82,7 +83,7 @@ $parallax-scale: .95 !default;
       transform: perspective($parallax-perspective) rotateX($parallax-deg) rotateY($parallax-deg);
 
       &::before {
-        background: linear-gradient(-135deg, rgba(255, 255, 255, .35) 0%, transparent 50%);
+        background: linear-gradient(-135deg, $parallax-fade-color 0%, transparent 50%);
       }
 
       .parallax-front {
@@ -100,7 +101,7 @@ $parallax-scale: .95 !default;
       transform: perspective($parallax-perspective) rotateX(-$parallax-deg) rotateY(-$parallax-deg);
 
       &::before {
-        background: linear-gradient(45deg, rgba(255, 255, 255, .35) 0%, transparent 50%);
+        background: linear-gradient(45deg, $parallax-fade-color 0%, transparent 50%);
       }
 
       .parallax-front {
@@ -118,7 +119,7 @@ $parallax-scale: .95 !default;
       transform: perspective($parallax-perspective) rotateX(-$parallax-deg) rotateY($parallax-deg);
 
       &::before {
-        background: linear-gradient(-45deg, rgba(255, 255, 255, .35) 0%, transparent 50%);
+        background: linear-gradient(-45deg, $parallax-fade-color 0%, transparent 50%);
       }
 
       .parallax-front {

data/vendor/assets/stylesheets/spectre/_popovers.scss

@@ -4,19 +4,18 @@
   position: relative;
 
   .popover-container {
-    content: attr(data-tooltip);
-    opacity: 0;
     left: 50%;
+    opacity: 0;
     padding: $layout-spacing;
     position: absolute;
     top: 0;
     transform: translate(-50%, -50%) scale(0);
     transition: transform .2s ease;
-    width: $control-max-width;
+    width: $control-width-sm;
     z-index: $zindex-4;
   }
 
-  :focus + .popover-container,
+  *:focus + .popover-container,
   &:hover .popover-container,
   .popover-container:hover {
     display: block;

data/vendor/assets/stylesheets/spectre/_sliders.scss

@@ -12,6 +12,12 @@
     outline: none;
   }
 
+  &.tooltip:not([data-tooltip]) {
+    &::after {
+      content: attr(value);
+    }
+  }
+
   // Slider Thumb
   &::-webkit-slider-thumb {
     -webkit-appearance: none;

data/vendor/assets/stylesheets/spectre/_tables.scss

@@ -13,27 +13,35 @@
     }
   }
 
-  &.table-hover {
+  &,
+  &.table-striped {
     tbody {
       tr {
-        &:hover {
+        &.active {
           background: $bg-color-dark;
         }
       }
     }
   }
 
-  &,
-  &.table-striped {
+  &.table-hover {
     tbody {
       tr {
-        &.active {
+        &:hover {
           background: $bg-color-dark;
         }
       }
     }
   }
 
+  // Tables with horizontal scrollbar
+  &.table-scroll {
+    display: block;
+    overflow-x: auto;
+    padding-bottom: .75rem;
+    white-space: nowrap;
+  }
+
   td,
   th {
     border-bottom: $border-width solid $border-color;

data/vendor/assets/stylesheets/spectre/_tooltips.scss

@@ -10,7 +10,7 @@
     display: block;
     font-size: $font-size-sm;
     left: 50%;
-    max-width: $control-max-width;
+    max-width: $control-width-sm;
     opacity: 0;
     overflow: hidden;
     padding: $unit-1 $unit-2;

data/vendor/assets/stylesheets/spectre/_variables.scss

@@ -1,5 +1,5 @@
 // Core variables
-$version: "0.4.5";
+$version: "0.4.6";
 
 // Core colors
 $primary-color: #5755d9 !default;
@@ -86,8 +86,12 @@ $control-padding-y: ($control-size - $line-height) / 2 - $border-width !default;
 $control-padding-y-sm: ($control-size-sm - $line-height) / 2 - $border-width !default;
 $control-padding-y-lg: ($control-size-lg - $line-height) / 2 - $border-width !default;
 $control-icon-size: .8rem !default;
-$control-min-width: 180px !default;
-$control-max-width: 320px !default;
+
+$control-width-xs: 180px !default;
+$control-width-sm: 320px !default;
+$control-width-md: 640px !default;
+$control-width-lg: 960px !default;
+$control-width-xl: 1280px !default;
 
 // Responsive breakpoints
 $size-xs: 480px !default;
@@ -97,6 +101,8 @@ $size-lg: 960px !default;
 $size-xl: 1280px !default;
 $size-2x: 1440px !default;
 
+$responsive-breakpoint: $size-xs !default;
+
 // Z-index
 $zindex-0: 1 !default;
 $zindex-1: 100 !default;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: spectre_scss
 version: !ruby/object:Gem::Version
-  version: 0.4.5.0
+  version: 0.4.6.0
 platform: ruby
 authors:
 - Zoran
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-10-25 00:00:00.000000000 Z
+date: 2017-11-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler