AddL boilerplate button

jessicarush · Apr 11, 2023 · e4de40c · e4de40c
1 parent f48b464
commit e4de40c
Showing 1 changed file with 32 additions and 0 deletions.
diff --git a/css_template.css b/css_template.css
@@ -94,6 +94,38 @@ ul {
 
 /* -- Buttons ------------------------------------------------------------- */
 
+.boilerplate-btn {
+  display: inline-block;
+  border: none;
+  padding: 1rem 2rem;
+  margin: 0;
+  text-decoration: none;
+  background: #0069ed;
+  color: #ffffff;
+  font-family: sans-serif;
+  font-size: 1rem;
+  cursor: pointer;
+  text-align: center;
+  transition: background 250ms ease-in-out,
+              transform 150ms ease;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+}
+
+.boilerplate-btn:hover,
+.boilerplate-btn:focus {
+  background: #0053ba;
+}
+
+.boilerplate-btn:focus {
+  outline: 1px solid #fff;
+  outline-offset: -4px;
+}
+
+.boilerplate-btn:active {
+  transform: scale(0.99);
+}
+
 .btn {
   background: none;
   border-radius: 2px;