feat: opacity disabled button, with no background color and no borders

FromDoppler · Mar 18, 2019 · d8ae371 · d8ae371
1 parent f3c857e
commit d8ae371
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 9 deletions.
diff --git a/assets/scss/modules/_buttons.scss b/assets/scss/modules/_buttons.scss
@@ -62,14 +62,11 @@
         }
       }
     }
-  }
 
-  .dp-button:disabled {
-    pointer-events: none;
-    border: 1px solid $dp-color-sylver;
-    color: $dp-color-grey;
-    background-color: $dp-color-snow;
-    opacity: 0.8;
+    &:disabled {
+      pointer-events: none;
+      opacity: 0.4;
+    }
   }
 }
 @include dp-button();
diff --git a/assets/templates/index.html b/assets/templates/index.html
@@ -248,8 +248,8 @@ <h2>Botones</h2>
             <div class="button-description">
               <p><strong>Disabled</strong></p>
               <ul class="button-list">
-                <li><strong>background-color:</strong> #EAEAEA;</li>
-                <li><strong>border:</strong> 1px solid #CCC;</li>
+                <li><strong>pointer-events::</strong> none;</li>
+                <li><strong>opacity:</strong> .4;</li>
               </ul>
             </div>
           </div><!-- button-card -->