RubyGems - spectre_scss - Versions diffs - 0.4.5.0 → 0.4.6.0 - Mend

spectre_scss 0.4.5.0 → 0.4.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

checksums.yaml CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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