feat: add button brown for academy site

FromDoppler · Jul 18, 2019 · a2e7508 · a2e7508
1 parent 9fd3f3f
commit a2e7508
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/assets/scss/modules/_buttons.scss b/assets/scss/modules/_buttons.scss
@@ -74,6 +74,19 @@
           color: $dp-color-white;
         }
       }
+
+      &brown {
+        background-color: $dp-color-brown;
+        border: 1px solid $dp-color-brown;
+        color: $dp-color-white;
+
+        &:hover {
+          background-color: $dp-color-brown--hover;
+          border: 1px solid $dp-color-brown--hover;
+          color: $dp-color-white;
+        }
+      }
+
     }
 
     &.link- {

diff --git a/assets/templates/index.html b/assets/templates/index.html
@@ -368,6 +368,9 @@ <h2>Botones</h2>
           <div class="buttons-card">
             <button type="button" class="dp-button button-medium primary-green button--round">Iniciar campaña</button>
           </div><!-- button-card -->
+          <div class="buttons-card">
+            <button type="button" class="dp-button button-medium primary-brown button--round">Iniciar campaña</button>
+          </div><!-- button-card -->
         </main><!-- main-buttons -->
         <p><strong>También podemos indicar que un boton tenga el estilo de un link:</strong></p>
         <main class="main-buttons">