Adding plugin

2026-07-16 11:22:16 +08:00 · 2017-06-26 11:50:51 -03:00
parent a5048eadb4
commit fedca113d2
10 changed files with 106 additions and 36 deletions
@@ -0,0 +1,67 @@
+.container {
+  border-radius: 3px;
+  padding: 15px 10px;
+  box-sizing: border-box;
+  border: solid 1px rgba(153, 153, 153, 0.33);
+  left: 0;
+  width: 100%;
+  z-index: 10;
+
+  &::before {
+    content: '';
+    border: 10px solid transparent;
+    border-top-color: white;
+    position: absolute;
+    right: 7em;
+    bottom: -20px;
+    z-index: 2;
+  }
+
+  &::after{
+    content: '';
+    border: 10px solid transparent;
+    border-top-color: rgba(153, 153, 153, 0.33);
+    position: absolute;
+    right: 7em;
+    bottom: -21px;
+    z-index: 1;
+  }
+
+  input {
+    display: inline-block;
+    width: calc(100% - 78px);
+    padding: 8px;
+    border-radius: 3px;
+    border: solid 1px #e0e0e0;
+    height: 32px;
+    box-sizing: border-box;
+    font-size: 1em;
+  }
+
+  button {
+    display: inline-block;
+    float: right;
+    box-sizing: border-box;
+    margin: 0;
+    background-color: #e0e0e0;
+    font-size: 1em;
+    width: auto;
+    height: auto;
+    padding: 2px;
+    transition: background-color 0.4s ease;
+
+    &:hover{
+      color: black;
+    }
+
+    &.success {
+      background-color: #00897B;
+      color: white;
+    }
+
+    &.failure {
+      background-color: #FF5252;
+      color: white;
+    }
+  }
+}