active_frontend 16.0.19 → 16.0.20

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f897019b1f24a35ff666ba25e598ccedc4a92f4aa26971131bf172a52904ab01
-  data.tar.gz: 1b4c00ef414e30a837fef27b4e7328b62b067614fd33c4378981fe5ff1af8232
+  metadata.gz: 23e8a3dbbc928a77632e82eb2d289be2c0bfeb773dca85f4f6fc5d607b7a8a80
+  data.tar.gz: 76880f482268ac55ab0e72e5c57e45faf5e1e17596138a8f445f556cb5771c40
 SHA512:
-  metadata.gz: f5933eaaeef301f9371337ed4912ae21af7c2e4e5523f5f56140e8400d48f9c98dd040514de90b1f43eda5c70f81de87a5056781d7932175af14f37424a34503
-  data.tar.gz: 4586d3c6fc453665dcab610112b9d5e830bba38457930c56b9c79ad5a2c290e001e5ae78d65f5f0c775ea43aff1ad85eecb90f2eaa947aa6edf03e9aa31b86ae
+  metadata.gz: '09595c1e95d557641febf4ce48e22b2a703a20743e46ddaa820e816a5d55070eff697c0631ad39060740f03ffe1f3bb6434f529f0aa0b570abd12a1bcb679667'
+  data.tar.gz: 611f5f616bde8ad6ab6df923ff851ee53c3a2d04cbed89bfb956fb96d97329aeb372f91c7765d98eeff80f61b842e304f3d0bd4f0a8b8e0de8c76ac5f1f41b24

data/lib/active_frontend/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module ActiveFrontend
-  VERSION ||= '16.0.19'
+  VERSION ||= '16.0.20'
 end

data/vendor/assets/stylesheets/blocks/_button.scss

@@ -1,9 +1,9 @@
 // Table of Contents
 // ==================================================
 // Button
+// Sizes
 // Colors
 // Styles
-// Sizes
 // Groups
 // Data Toggles
 // Media Queries
@@ -31,22 +31,24 @@
   vertical-align: middle;
   white-space: nowrap;
 
-  @if ($pseudo-elements) {
-    &:hover,
-    &.active,
-    &:focus {
-      background: darkish-color(haze);
-      border-color: darkish-color(haze);
-    }
-    &:active,
-    &.disabled,
-    &[disabled] {
-      background: lightish-color(haze);
-      border-color: lightish-color(haze);
-      color: transparentize(color(slate), 0.35);
+  &:not(.btn-static) {
+    @if ($pseudo-elements) {
+      &:hover,
+      &.active,
+      &:focus {
+        background: darkish-color(haze);
+        border-color: darkish-color(haze);
+      }
+      &:active,
+      &.disabled,
+      &[disabled] {
+        background: lightish-color(haze);
+        border-color: lightish-color(haze);
+        color: transparentize(color(slate), 0.35);
+      }
+      &.disabled,
+      &[disabled] { cursor: not-allowed; }
     }
-    &.disabled,
-    &[disabled] { cursor: not-allowed; }
   }
 
   .badge,
@@ -64,6 +66,51 @@
   }
 }
 
+// Sizes
+// ==================================================
+.btn-size-l,
+.btn-size-m { font-size: text-size(m); }
+.btn-size-l { padding: 21px 30px; }
+.btn-size-m { padding: 16px 25px; }
+.btn-size-s {
+  font-size: text-size(s);
+  padding: 8px 15px 9px;
+}
+.btn-icon {
+  max-width: 44px;
+  padding: 13px 0;
+  width: 44px;
+
+  &.btn-size-l,
+  &.btn-size-m { font-size: text-size(l); }
+  &.btn-size-l {
+    max-width: 62px;
+    padding: 20px 0;
+    width: 62px;
+  }
+  &.btn-size-m {
+    max-width: 52px;
+    padding: 15px 0;
+    width: 52px;
+  }
+  &.btn-size-s {
+    max-width: 33px;
+    padding: 8.5px 0;
+    width: 33px;
+  }
+  &.btn-link {
+    max-width: initial;
+    width: initial;
+  }
+}
+.btn-block {
+  display: block;
+  min-width: 100%;
+  padding-left: 0;
+  padding-right: 0;
+  width: 100%;
+}
+
 // Colors
 // ==================================================
 @each $name, $color in map-keys($colors) {
@@ -72,53 +119,59 @@
     border-color: color($name);
     color: text-color-on($name);
 
-    &.btn-link,
-    &.btn-outline { color: color($name); }
-    &.btn-link {
+    &:not(.btn-static) {
       @if ($pseudo-elements) {
         &:hover,
         &.active,
-        &:focus { color: darkish-color($name); }
-        &:active,
-        &.disabled,
-        &[disabled] { color: lightish-color($name); }
-      }
-    }
-    &.btn-outline {
-      border-color: color($name);
-
-      @if ($pseudo-elements) {
-        &:hover,
-        &:active,
-        &.active,
-        &:focus,
-        &.disabled,
-        &[disabled] {
+        &:focus {
           background: darkish-color($name);
           border-color: darkish-color($name);
-          color: text-color-on($name);
         }
+        &:active,
         &.disabled,
         &[disabled] {
-          background: color(transparent);
-          color: color($name);
+          background: lightish-color($name);
+          border-color: lightish-color($name);
+          color: transparentize(text-color-on($name), 0.35);
         }
       }
     }
 
-    @if ($pseudo-elements) {
-      &:hover,
-      &.active,
-      &:focus {
-        background: darkish-color($name);
-        border-color: darkish-color($name);
+    &.btn-link,
+    &.btn-outline { color: color($name); }
+    &.btn-link {
+      &:not(.btn-static) {
+        @if ($pseudo-elements) {
+          &:hover,
+          &.active,
+          &:focus { color: darkish-color($name); }
+          &:active,
+          &.disabled,
+          &[disabled] { color: lightish-color($name); }
+        }
       }
-      &:active,
-      &.disabled,
-      &[disabled] {
-        background: lightish-color($name);
-        border-color: lightish-color($name);
-        color: transparentize(text-color-on($name), 0.35);
+    }
+    &.btn-outline {
+      border-color: color($name);
+
+      &:not(.btn-static) {
+        @if ($pseudo-elements) {
+          &:hover,
+          &:active,
+          &.active,
+          &:focus,
+          &.disabled,
+          &[disabled] {
+            background: darkish-color($name);
+            border-color: darkish-color($name);
+            color: text-color-on($name);
+          }
+          &.disabled,
+          &[disabled] {
+            background: color(transparent);
+            color: color($name);
+          }
+        }
       }
     }
   }
@@ -130,9 +183,11 @@
 .btn-outline {
   background: color(transparent);
 
-  @if ($pseudo-elements) {
-    .disabled,
-    &[disabled] { background: inherit; }
+  &:not(.btn-static) {
+    @if ($pseudo-elements) {
+      .disabled,
+      &[disabled] { background: inherit; }
+    }
   }
 }
 .btn-link {
@@ -140,59 +195,15 @@
   border-radius: 0;
   padding: 0;
 
-  @if ($pseudo-elements) {
-    &:hover,
-    &:active,
-    &.active,
-    &:focus,
-    &.disabled,
-    &[disabled] { background: inherit; }
-  }
-}
-.btn-block {
-  display: block;
-  min-width: 100%;
-  padding-left: 0;
-  padding-right: 0;
-  width: 100%;
-}
-
-// Sizes
-// ==================================================
-.btn-size-l,
-.btn-size-m { font-size: text-size(m); }
-.btn-size-l { padding: 21px 30px; }
-.btn-size-m { padding: 16px 25px; }
-.btn-size-s {
-  font-size: text-size(s);
-  padding: 8px 15px 9px;
-}
-.btn-icon {
-  max-width: 44px;
-  padding: 13px 0;
-  width: 44px;
-
-  &.btn-size-l,
-  &.btn-size-m { font-size: text-size(l); }
-  &.btn-size-l {
-    max-width: 62px;
-    padding: 20px 0;
-    width: 62px;
-  }
-  &.btn-size-m {
-    max-width: 52px;
-    padding: 15px 0;
-    width: 52px;
-  }
-  &.btn-size-s {
-    max-width: 33px;
-    padding: 8.5px 0;
-    width: 33px;
-  }
-  &.btn-link {
-    max-width: initial;
-    padding: 0;
-    width: initial;
+  &:not(.btn-static) {
+    @if ($pseudo-elements) {
+      &:hover,
+      &:active,
+      &.active,
+      &:focus,
+      &.disabled,
+      &[disabled] { background: inherit; }
+    }
   }
 }
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: active_frontend
 version: !ruby/object:Gem::Version
-  version: 16.0.19
+  version: 16.0.20
 platform: ruby
 authors:
 - Juan Gomez
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2018-03-27 00:00:00.000000000 Z
+date: 2018-03-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails