spectre_scss 0.5.2.0 → 0.5.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 81956ab26f540cb53a7e288b677b99d039c71227fa3fef798b749b6ae89ef9f4
-  data.tar.gz: 5c66b09e656aba71425ef1754ad1bb502231f6488af0d92d03d4d60a243f61c5
+  metadata.gz: d269909b9fdb26638006ee02895ab26279b19d0a67090da032a71e4cb678c030
+  data.tar.gz: 9a211768b81199032691f021c35c64d383551a9ef0cfff974713eedf61c53030
 SHA512:
-  metadata.gz: ed6a62dd4eb1890c57ee6fc1984c965008d8e079f320360585f88ebb3bf0dab5fd0ed0b96f5f6605a4ceb085601849768687a05f72cfdb8157279e6b1d3f4ffd
-  data.tar.gz: bb8c134221087840870f937e84e42b773b1be8d38736ba9cb99f87476e9c4ebc18ae2095607c0687d68197ceadf61b0a04e9c3f2389fb448b2b94ce530351c9d
+  metadata.gz: e1671d98f36405587d56bd22f03d02493a9ba7bb0b4931225bfeafcce4839022bf4f38432f69c70d4c4d12f9c7ec2db2181d6e0075b9405bed2d278ca1d47f2d
+  data.tar.gz: d7367168e12de7d3627270f66dcc3c33e7e08c6b33f17548e66c646b1b6ae2720ebf86100659fc122bde98f32488ae39e011aff43367d243d7ed194b3b164cf2

data/lib/spectre_scss/version.rb

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

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

@@ -74,4 +74,4 @@
     transform: translate(-50%, -50%);
     z-index: $zindex-0;
   }
-}
+}

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

@@ -13,7 +13,7 @@
       color: $light-color;
       content: attr(data-badge);
       display: inline-block;
-      transform: translate(-.1rem, -.5rem);
+      transform: translate(-.05rem, -.5rem);
     }
   }
   &[data-badge] {
@@ -57,14 +57,4 @@
       z-index: $zindex-1;
     }
   }
-
-  &.avatar-xs {
-    &::after {
-      content: "";
-      height: $unit-2;
-      min-width: $unit-2;
-      padding: 0;
-      width: $unit-2;
-    }
-  }
 }

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

@@ -17,6 +17,10 @@
     }
   }
 
+  .card-body {
+    flex: 1 1 auto;
+  }
+
   .card-image {
     padding-top: $layout-spacing-lg;
 

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

@@ -23,4 +23,8 @@
     margin-left: -$unit-2;
     margin-right: $unit-1;
   }
+
+  .btn-clear {
+    transform: scale(.75);
+  }
 }

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

@@ -193,7 +193,7 @@ textarea.form-input {
 .form-checkbox,
 .form-radio,
 .form-switch {
-  display: inline-block;
+  display: block;
   line-height: $line-height;
   margin: ($control-size - $control-size-sm) / 2 0;
   min-height: 1.2rem;
@@ -462,6 +462,18 @@ textarea.form-input {
   }
 }
 
+.form-checkbox {
+  .has-error &,
+  &.is-error {
+    input {
+      &:indeterminate + .form-icon {
+        background: $error-color;
+        border-color: $error-color;
+      }
+    }
+  }
+}
+
 // validation based on :placeholder-shown (Edge doesn't support it yet)
 .form-input {
   &:not(:placeholder-shown) {
@@ -517,7 +529,7 @@ input {
   }
 }
 
-// Form Horizontal
+// Form horizontal
 .form-horizontal {
   padding: $layout-spacing 0;
 
@@ -526,3 +538,8 @@ input {
     flex-wrap: wrap;
   }
 }
+
+// Form inline
+.form-inline {
+  display: inline-block;
+}

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

@@ -16,11 +16,10 @@
   }
 
   *:focus + .popover-container,
-  &:hover .popover-container,
-  .popover-container:hover {
+  &:hover .popover-container {
     display: block;
     opacity: 1;
-    transform: translate(-50%, -100%) scale(1);
+    transform: translate(-50%, -100%);
   }
 
   &.popover-right {
@@ -29,10 +28,9 @@
       top: 50%;
     }
 
-    :focus + .popover-container,
-    &:hover .popover-container,
-    .popover-container:hover {
-      transform: translate(0, -50%) scale(1);
+    *:focus + .popover-container,
+    &:hover .popover-container {
+      transform: translate(0, -50%);
     }
   }
 
@@ -42,10 +40,9 @@
       top: 100%;
     }
 
-    :focus + .popover-container,
-    &:hover .popover-container,
-    .popover-container:hover {
-      transform: translate(-50%, 0) scale(1);
+    *:focus + .popover-container,
+    &:hover .popover-container {
+      transform: translate(-50%, 0);
     }
   }
 
@@ -55,10 +52,9 @@
       top: 50%;
     }
 
-    :focus + .popover-container,
-    &:hover .popover-container,
-    .popover-container:hover {
-      transform: translate(-100%, -50%) scale(1);
+    *:focus + .popover-container,
+    &:hover .popover-container {
+      transform: translate(-100%, -50%);
     }
   }
 

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

@@ -1,5 +1,5 @@
 // Core variables
-$version: "0.5.2";
+$version: "0.5.3";
 
 // Core features
 $rtl: false !default;
@@ -72,7 +72,7 @@ $html-line-height: 1.5 !default;
 $font-size: .8rem !default;
 $font-size-sm: .7rem !default;
 $font-size-lg: .9rem !default;
-$line-height: 1rem !default;
+$line-height: 1.2rem !default;
 
 // Sizes
 $layout-spacing: $unit-2 !default;

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

@@ -2,7 +2,7 @@
 @mixin label-base() {
   border-radius: $border-radius;
   line-height: 1.2;
-  padding: .1rem .15rem;
+  padding: .1rem .2rem;
 }
 
 @mixin label-variant($color: $light-color, $bg-color: $primary-color) {

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

@@ -7,6 +7,8 @@
 
 @include text-color-variant(".text-light", $light-color);
 
+@include text-color-variant(".text-dark", $body-font-color);
+
 @include text-color-variant(".text-success", $success-color);
 
 @include text-color-variant(".text-warning", $warning-color);

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

@@ -1,8 +1,8 @@
 // Shapes
-.rounded {
+.s-rounded {
   border-radius: $border-radius;
 }
 
-.circle {
+.s-circle {
   border-radius: 50%;
-}
+}

metadata

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