feat: add style for button disabled

FromDoppler · Mar 18, 2019 · b27a16f · b27a16f
1 parent 29a443b
commit b27a16f
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/assets/scss/modules/_buttons.scss b/assets/scss/modules/_buttons.scss
@@ -52,5 +52,13 @@
       }
     }
   }
+
+  .dp-button:disabled {
+    pointer-events: none;
+    border: 1px solid $dp-color-sylver;
+    color: $dp-color-grey;
+    background-color: $dp-color-snow;
+    opacity: 0.8;
+  }
 }
 @include dp-button();
diff --git a/assets/templates/index.html b/assets/templates/index.html
@@ -243,6 +243,16 @@ <h2>Botones</h2>
               </ul>
             </div>
           </div><!-- button-card -->
+          <div class="buttons-card">
+            <button type="button" class="dp-button button-medium primary-green" disabled>Button Disabled</button>
+            <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>
+              </ul>
+            </div>
+          </div><!-- button-card -->
         </main><!-- main-buttons -->
       </section><!-- section-module -->
     </main>