GIPainter-button 0.2.3 → 0.2.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: '09e0eec55d0421fec5bc203d2c14f2cd80b4db80'
-  data.tar.gz: 427ffe5e7d7159a3095732ec673f26cc1aba9963
+  metadata.gz: 99d385702fae1d934005b935c642680106aeea4f
+  data.tar.gz: 32ea02b2e80eb4150ebf834836b4aa02c0e0729e
 SHA512:
-  metadata.gz: ac622f8228e48afdf561b5df56da1bc6cb88d1fff338b72bc2e885d0e156d57d244f9319ac80abafedfd9ef4c4a6174f6ac9ca11f2ab35ef3a31bb90a02563e5
-  data.tar.gz: 34108ebc0314d5dd9c16a82240800490aa560c2abcb215a0556d6fbe8c6ca7a92f27775657eb6c995220551c12e73834ca1e5e8290d49e1c49c5ed52e8b3159c
+  metadata.gz: 204730929309ca14bcaf46b4be9b9d08999d7a24bfe8239512866d3dd8899b881a82feffdaa3b6b9987286385faee5f4cc67224aca8d5e60bd5386173933f42c
+  data.tar.gz: fc5f448086b42add15b36e5f221fd2982dea8c502b0e5325adcdd1823d3696e23e2b1eef3760bba34a3d7cae63f3b116a7d990092e146540eecbd2ecc5527b90

data/assets/stylesheets/Base/_base.scss

@@ -8,7 +8,7 @@
 /// @type string
 ////
 
-.btn {
+.o-btn {
   display: inline-block;
   font-weight: $btn-font-weight;
   @include line-height($font-size-base);
@@ -26,28 +26,23 @@
   }
 
   &:focus,
-  &.focus {
+  &--focus {
     outline: 0;
     @include box-shadow(0 0 0 2px rgba($brand-primary, .25));
   }
 
   // Disabled comes first so active can properly restyle
-  &.disabled,
+  &--disabled,
   &:disabled {
     cursor: not-allowed;
+    pointer-events: none;
     opacity: .65;
     @include box-shadow(none);
   }
 
   &:active,
-  &.active {
+  &--active {
     background-image: none;
     @include box-shadow(inset 0 3px 5px rgba($black,.125));
   }
-}
-
-// Future-proof disabling of clicks on `<a>` elements
-a.btn.disabled,
-fieldset[disabled] a.btn {
-  pointer-events: none;
 }

data/assets/stylesheets/Base/_color.scss

@@ -10,12 +10,12 @@
 
 //** Default buttons color
 /// Buttons colors
-/// @example css - class="btn--(type)"
-/// .btn--primary {
+/// @example css - class="o-btn--(type)"
+/// .o-btn--primary {
 ///
 /// }
 @each $name, $value in $default_colors {
-  .btn--#{"" + $name} {
+  .o-btn--#{"" + $name} {
     @include button-variant($value);
   }
 }

data/assets/stylesheets/Base/_size.scss

@@ -10,14 +10,14 @@
 
 //** Default buttons size
 /// Buttons size
-/// @example css - class="btn--(type)"
-/// .btn--lg {
+/// @example css - class="o-btn--(type)"
+/// .o-btn--lg {
 ///
 /// }
-.btn--lg {
+.o-btn--lg {
   @include button-size($btn-padding-x * 1.5, $btn-padding-y * 1.5, $font-size-large);
 }
 
-.btn--sm {
+.o-btn--sm {
   @include button-size($btn-padding-x * .5, $btn-padding-y * .5, $font-size-small);
 }

data/assets/stylesheets/Mixins/_color.scss

@@ -51,13 +51,13 @@
 
   // Disabled comes first so active can properly restyle
   &:disabled,
-  &.disabled {
+  &.o-btn--disabled {
     background-color: $disabled-background;
     @include text-contrast($disabled-background);
   }
 
   &:active,
-  &.active {
+  &.o-btn--active {
     @include text-contrast($active-background);
     background-color: $active-background;
     background-image: none; // Remove the gradient for the pressed/active state

data/lib/GIPainter-button/version.rb

@@ -1,3 +1,3 @@
 module GIPainter_button
-  VERSION       = '0.2.3'
+  VERSION       = '0.2.4'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: GIPainter-button
 version: !ruby/object:Gem::Version
-  version: 0.2.3
+  version: 0.2.4
 platform: ruby
 authors:
 - Genious Interactive
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-03-14 00:00:00.000000000 Z
+date: 2017-11-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: GIPainter-base