spectre_scss 0.5.3.0 → 0.5.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d269909b9fdb26638006ee02895ab26279b19d0a67090da032a71e4cb678c030
-  data.tar.gz: 9a211768b81199032691f021c35c64d383551a9ef0cfff974713eedf61c53030
+  metadata.gz: b2cd9ab46565dc71ca114340dffb962dc11f0afc77d68237bf351e0a645535c2
+  data.tar.gz: 20e791aec52f3a48e1b086a3fcbf073215fe398b4961f6743035c5cff1fb37cb
 SHA512:
-  metadata.gz: e1671d98f36405587d56bd22f03d02493a9ba7bb0b4931225bfeafcce4839022bf4f38432f69c70d4c4d12f9c7ec2db2181d6e0075b9405bed2d278ca1d47f2d
-  data.tar.gz: d7367168e12de7d3627270f66dcc3c33e7e08c6b33f17548e66c646b1b6ae2720ebf86100659fc122bde98f32488ae39e011aff43367d243d7ed194b3b164cf2
+  metadata.gz: 457bc40945c2a83666949528bf9e3418c810c5203791c5ae78bd77d4d3058a3b8a2832d6c1f6a2904b57ebdfe4eb88e2cf178f63e4ade9fc92ff9acb61dfcc5d
+  data.tar.gz: '005757181c47896cd21f05c0d7eaf90348a2224399fc00cb0a0e1b28cb50c05bc333d454a378d3c05290de4ae7e999f6c978880d40714881be96ddc1f4eabe32'

data/lib/spectre_scss/version.rb

@@ -1,3 +1,3 @@
 module SpectreScss
-  VERSION = '0.5.3.0'
+  VERSION = '0.5.4.0'
 end

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

@@ -20,7 +20,7 @@
 
     &:not(:first-child) {
       &::before {
-        color: $gray-color-light;
+        color: $gray-color-dark;
         content: "/";
         padding-right: $unit-2;
       }

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

@@ -3,16 +3,18 @@
   align-items: center;
   background: $bg-color-dark;
   border-radius: 5rem;
-  color: $gray-color-dark;
   display: inline-flex;
   font-size: 90%;
   height: $unit-6;
   line-height: $unit-4;
   margin: $unit-h;
-  max-width: 100%;
+  max-width: $control-width-sm;
+  overflow-x: hidden;
   padding: $unit-1 $unit-2;
   text-decoration: none;
+  text-overflow: ellipsis;
   vertical-align: middle;
+  white-space: nowrap;
 
   &.active {
     background: $primary-color;

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

@@ -118,19 +118,7 @@ textarea.form-input {
   padding: $control-padding-y $control-padding-x;
   vertical-align: middle;
   width: 100%;
-
-  &[size],
-  &[multiple] {
-    height: auto;
-    
-    option {
-      padding: $unit-h $unit-1;
-    }
-  }
-  &:not([multiple]):not([size]) {
-    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/.4rem .5rem;
-    padding-right: $control-icon-size + $control-padding-x;
-  }
+  background: $bg-color-light; 
   &:focus {
     @include control-shadow();
     border-color: $primary-color;
@@ -151,6 +139,21 @@ textarea.form-input {
     height: $control-size-lg;
     padding: $control-padding-y-lg ($control-icon-size + $control-padding-x-lg) $control-padding-y-lg $control-padding-x-lg;
   }
+
+  // Multiple select
+  &[size],
+  &[multiple] {
+    height: auto;
+    padding: $control-padding-y $control-padding-x;
+
+    option {
+      padding: $unit-h $unit-1;
+    }
+  }
+  &:not([multiple]):not([size]) {
+    background: $bg-color-light url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center / .4rem .5rem;
+    padding-right: $control-icon-size + $control-padding-x;
+  }
 }
 
 // Form Icons
@@ -266,14 +269,14 @@ textarea.form-input {
         border-left-width: 0;
         border-top-width: 0;
         content: "";
-        height: 12px;
+        height: 9px;
         left: 50%;
-        margin-left: -4px;
-        margin-top: -8px;
+        margin-left: -3px;
+        margin-top: -6px;
         position: absolute;
         top: 50%;
         transform: rotate(45deg);
-        width: 8px;
+        width: 6px;
       }
     }
     &:indeterminate + .form-icon {
@@ -304,12 +307,12 @@ textarea.form-input {
         background: $bg-color-light;
         border-radius: 50%;
         content: "";
-        height: 4px;
+        height: 6px;
         left: 50%;
         position: absolute;
         top: 50%;
         transform: translate(-50%, -50%);
-        width: 4px;
+        width: 6px;
       }
     }
   }
@@ -320,7 +323,7 @@ textarea.form-input {
   padding-left: ($unit-8 + $control-padding-x);
 
   .form-icon {
-    background: $gray-color-light;
+    background: $gray-color;
     background-clip: padding-box;
     border-radius: $unit-2 + $border-width;
     height: $unit-4 + $border-width * 2;
@@ -447,7 +450,7 @@ textarea.form-input {
     .form-icon {
       border-color: $error-color;
     }
-    
+
     input {
       &:checked + .form-icon {
         background: $error-color;
@@ -542,4 +545,4 @@ input {
 // Form inline
 .form-inline {
   display: inline-block;
-}
+}

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

@@ -15,7 +15,6 @@
 
     a {
       border-radius: $border-radius;
-      color: $gray-color-dark;
       display: inline-block;
       padding: $unit-1 $unit-2;
       text-decoration: none;

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

@@ -19,7 +19,7 @@
   &:hover .popover-container {
     display: block;
     opacity: 1;
-    transform: translate(-50%, -100%);
+    transform: translate(-50%, -100%) scale(1);
   }
 
   &.popover-right {
@@ -30,7 +30,7 @@
 
     *:focus + .popover-container,
     &:hover .popover-container {
-      transform: translate(0, -50%);
+      transform: translate(0, -50%) scale(1);
     }
   }
 
@@ -42,7 +42,7 @@
 
     *:focus + .popover-container,
     &:hover .popover-container {
-      transform: translate(-50%, 0);
+      transform: translate(-50%, 0) scale(1);
     }
   }
 
@@ -54,7 +54,7 @@
 
     *:focus + .popover-container,
     &:hover .popover-container {
-      transform: translate(-100%, -50%);
+      transform: translate(-100%, -50%) scale(1);
     }
   }
 

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

@@ -24,10 +24,12 @@
     }
 
     .timeline-icon {
+      align-items: center;
       border-radius: 50%;
       color: $light-color;
-      display: block;
+      display: flex;
       height: $unit-6;
+      justify-content: center;
       text-align: center;
       width: $unit-6;
       &::before {

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

@@ -2,7 +2,7 @@
 .tooltip {
   position: relative;
   &::after {
-    background: rgba($dark-color, .9);
+    background: rgba($dark-color, .95);
     border-radius: $border-radius;
     bottom: 100%;
     color: $light-color;

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

@@ -1,5 +1,5 @@
 // Core variables
-$version: "0.5.3";
+$version: "0.5.4";
 
 // Core features
 $rtl: false !default;
@@ -13,15 +13,15 @@ $secondary-color-dark: darken($secondary-color, 3%) !default;
 $secondary-color-light: lighten($secondary-color, 3%) !default;
 
 // Gray colors
-$dark-color: #454d5d !default;
+$dark-color: #303742 !default;
 $light-color: #fff !default;
-$gray-color: lighten($dark-color, 40%) !default;
-$gray-color-dark: darken($gray-color, 25%) !default;
+$gray-color: lighten($dark-color, 55%) !default;
+$gray-color-dark: darken($gray-color, 30%) !default;
 $gray-color-light: lighten($gray-color, 20%) !default;
 
-$border-color: lighten($dark-color, 60%) !default;
+$border-color: lighten($dark-color, 65%) !default;
 $border-color-dark: darken($border-color, 10%) !default;
-$bg-color: lighten($dark-color, 66%) !default;
+$bg-color: lighten($dark-color, 75%) !default;
 $bg-color-dark: darken($bg-color, 3%) !default;
 $bg-color-light: $light-color !default;
 

data/vendor/assets/stylesheets/spectre/mixins/_color.scss

@@ -1,7 +1,7 @@
 // Background color utility mixin
 @mixin bg-color-variant($name: ".bg-primary", $color: $primary-color) {
   #{$name} {
-    background: $color;
+    background: $color !important;
 
     @if (lightness($color) < 60) {
       color: $light-color;
@@ -12,7 +12,7 @@
 // Text color utility mixin
 @mixin text-color-variant($name: ".text-primary", $color: $primary-color) {
   #{$name} {
-    color: $color;
+    color: $color !important;
   }
 
   a#{$name} {

data/vendor/assets/stylesheets/spectre/mixins/_toast.scss

@@ -1,5 +1,5 @@
 // Toast variant mixin
 @mixin toast-variant($color: $dark-color) {
-  background: rgba($color, .9);
+  background: rgba($color, .95);
   border-color: $color;
 }

data/vendor/assets/stylesheets/spectre/utilities/_colors.scss

@@ -3,7 +3,7 @@
 
 @include text-color-variant(".text-secondary", $secondary-color-dark);
 
-@include text-color-variant(".text-gray", $gray-color);
+@include text-color-variant(".text-gray", $gray-color-dark);
 
 @include text-color-variant(".text-light", $light-color);
 

data/vendor/assets/stylesheets/spectre/utilities/_position.scss

@@ -11,19 +11,23 @@
   float: right !important;
 }
 
-.relative {
+.p-relative {
   position: relative !important;
 }
 
-.absolute {
+.p-absolute {
   position: absolute !important;
 }
 
-.fixed {
+.p-fixed {
   position: fixed !important;
 }
 
-.centered {
+.p-sticky {
+  position: sticky !important;
+}
+
+.p-centered {
   display: block;
   float: none;
   margin-left: auto;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: spectre_scss
 version: !ruby/object:Gem::Version
-  version: 0.5.3.0
+  version: 0.5.4.0
 platform: ruby
 authors:
 - Zoran
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2018-06-24 00:00:00.000000000 Z
+date: 2018-11-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler