feat: add class primary-grey for button

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

Hide file tree

Showing 2 changed files with 22 additions and 0 deletions.
diff --git a/assets/scss/modules/_buttons.scss b/assets/scss/modules/_buttons.scss
@@ -50,6 +50,17 @@
           border: 1px solid $dp-color-darkgreen;
         }
       }
+
+      &grey {
+        background-color: $dp-color-grey;
+        border: 1px solid $dp-color-grey;
+        color: $dp-color-white;
+
+        &:hover {
+          background-color: $dp-color-darkgrey;
+          border: 1px solid $dp-color-darkgrey;
+        }
+      }
     }
   }
 

diff --git a/assets/templates/index.html b/assets/templates/index.html
@@ -253,6 +253,17 @@ <h2>Botones</h2>
               </ul>
             </div>
           </div><!-- button-card -->
+          <div class="buttons-card">
+            <button type="button" class="dp-button button-medium primary-grey">Iniciar campaña</button>
+            <div class="button-description">
+              <p><strong>Complementarios</strong></p>
+              <ul class="button-list">
+                <li>Botones de acción primaria que necesitan despegarse del verde de uso común</li>
+                <li><strong>background-color:</strong> #666666;</li>
+                <li><strong>border:</strong> 1px solid #333333;</li>
+              </ul>
+            </div>
+          </div><!-- button-card -->
         </main><!-- main-buttons -->
       </section><!-- section-module -->
     </main>