Apply background and text opacity modifiers to buttons

Author: jfmdev

dist/all.css

@@ -1,6 +1,6 @@
 {
   "name": "purecss-utilities",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Utility CSS classes that complement PureCSS",
   "main": "index.js",
   "scripts": {

dist/all.css.map

@@ -6,8 +6,8 @@
   $foreRbgVar: map.get($buttons-text-colors, $colorName);
 
   .pure-button-#{$colorName} {
-    color: rgba(var(#{$foreRbgVar}), 1);
-    background: rgba(var(#{$backRbgVar}), 1);
+    color: rgba(var(#{$foreRbgVar}), var(--pureTxtOpacity));
+    background: rgba(var(#{$backRbgVar}), var(--pureBgOpacity));
     border-radius: 4px;
     text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
   }