Move button to its own component

fix css linting errors
2017-02-13 11:54:13 +00:00
parent 75e3631f4f
commit f5cf846259
10 changed files with 72 additions and 99 deletions
--- a/src/components/RsvpButton/RsvpButton.css
+++ b/src/components/RsvpButton/RsvpButton.css
@@ -76,32 +76,6 @@
  opacity: 0.9;
 }

-.button {
-  display: block;
-  box-sizing: border-box;
-  margin: 0;
-  padding: 10px 16px;
-  width: 100%;
-  opacity: 0.75;
-  outline: 0;
-  border: 4px solid #fff;
-  border-radius: 14px;
-  background: var(--colour-nearblack);
-  color: #fff;
-  text-align: center;
-  text-decoration: none;
-  font-size: 18px;
-  line-height: 1.3333333;
-  cursor: pointer;
-  transition: opacity ease-in-out 0.25s, box-shadow ease-in-out 0.25s;
-}
-
-.button:hover,
-.button:focus {
-  opacity: 0.9;
-  box-shadow: 0 0 4px #fff;
-}
-
@keyframes shake {
  8%,
  41% {