lib/carte/server/views/index.haml in carte-server-0.0.5 vs lib/carte/server/views/index.haml in carte-server-0.0.6

@@ -36,7 +36,64 @@
       }
       @keyframes spin {
         from { transform: scale(1) rotate(0deg);}
         to { transform: scale(1) rotate(360deg);}
       }
+
+      /* https://github.com/olahol/react-tagsinput/blob/master/react-tagsinput.css */
+      .react-tagsinput {
+        border: 1px solid #ccc;
+        background: #fff;
+        padding: 10px;
+        overflow-y: auto;
+        border-radius: 3px;
+      }
+      
+      .react-tagsinput-tag {
+        display: block;
+        /*border: 1px solid #a5d24a;*/
+        /*background: #cde69c;*/
+        /*color: #638421;*/
+        /*font-size: 12px;*/
+        /*font-family: 'Helvetica Neue', 'Arial', sans-serif;*/
+        float: left;
+        /*padding: 5px;*/
+        margin-right: 5px;
+        /*margin-bottom: 5px;*/
+        text-decoration: none;
+        border-radius: 2px;
+      }
+      
+      .react-tagsinput-invalid {
+        background: #FBD8DB !important;
+        color: #90111A !important;
+      }
+      
+      .react-tagsinput-validating {
+        /* background: #FFFACD !important; */
+      }
+      
+      .react-tagsinput-remove {
+        font-weight: bold;
+        /* color: #638421; */
+        text-decoration: none;
+        font-size: 11px;
+        cursor: pointer;
+      }
+      
+      .react-tagsinput-remove:before {
+        /* content: " x"; */
+      }
+      
+      .react-tagsinput-input {
+        background: transparent;
+        /* color: #777; */
+        border: 0;
+        /* font-size: 13px; */
+        /* font-family: 'Helvetica Neue', 'Arial', sans-serif; */
+        /*padding: 5px;*/
+        margin: 0;
+        width: 80px;
+        outline: none;
+      }
   %body
     #app