updated app

node_modules/derby-examples/sink/styles/404.styl

@@ -0,0 +1 @@
+@import "./base";

node_modules/derby-examples/sink/styles/app/index.styl

@@ -0,0 +1,153 @@
+@import "nib/vendor";
+
+p {
+  margin: 0;
+  padding: 0;
+}
+body {
+  margin: 10px;
+}
+body,
+select {
+  font: 13px/normal arial,sans-serif;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+#alert {
+  position: absolute;
+  text-align: center;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 0;
+  z-index: 99;
+}
+#alert > p {
+  background: #fff1a8;
+  border: 1px solid #999;
+  border-top: 0;
+  border-radius: 0 0 3px 3px;
+  display: inline-block;
+  line-height: 21px;
+  padding: 0 12px;  
+}
+
+.css {
+  list-style: none;
+  padding-left: 1em;
+  margin: 0
+}
+.cssOutput {
+  border: 1px solid rgba(black, 0);
+  background: rgba(white, 0);
+}
+.popupTitle {
+  display: none;
+}
+.poppedOut {
+  position: fixed;
+  border: 1px solid rgba(black, .2);
+  box-shadow: 0 1px 8px rgba(black, .2), 0 16px 32px rgba(black, .2);
+  top: 45px;
+  bottom: 1em;
+  left: 50%;
+  right: 1em;
+  background: rgba(white, .8);
+  transition-property: border, box-shadow;
+  transition-duration: .5s;
+  transition-timing-function: ease-out;
+
+  .popupTitle {
+    display: block;
+    padding: .5em 1em;
+    text-align: right;
+    background: #f3f3f3;
+    border-bottom: 1px solid #e7e7e7;
+  }
+  .popupContent {
+    padding: 1em;
+  }
+}
+
+.tableEditor {
+  table {
+    user-select: none;
+  }
+  th {
+    cursor: move;
+    padding: 0 4px;
+  }
+  .foot {
+    text-align: center;
+  }
+}
+
+#leaderboard {
+  green = #9acd05
+  pink = #fe5cba
+
+  font-size: 2em;
+  font-family: "Helvetica Neue";
+  font-weight: 300;
+  display: inline-block;
+  button {
+    font-size: 13px;
+  }
+  .selectedPlayer {
+    font-weight: 500;
+    margin: 1em 0;
+    padding-bottom: 5px;
+    border-bottom: 5px solid green;
+    button {
+      vertical-align: 5px;
+    }
+  }
+  .vote {
+    float: right;
+  }
+  ul {
+    list-style: none;
+    padding: 0;
+    margin-top: 5px;
+    cursor: pointer;
+    li {
+      padding: 5px;
+      width: 400px;
+    }
+    li:hover {
+      background: lighten(pink, 80%);
+    }
+    .score {
+      font-weight: 500;
+      float: right;
+    }
+    .selected,
+    .selected:hover {
+      background: pink;
+      box-shadow: inset 0 -2px darken(pink, 50%);
+    }
+  }
+}
+
+.bindingsBench p {
+  margin-bottom: 1em;
+}
+.box {
+  border-radius: 100px;
+  width: 20px;
+  height: 10px;
+  padding: 5px 0;
+  color: #ccc;
+  font: 10px/10px Arial;
+  text-align: center;
+  position: absolute;
+}
+.box-view {
+  width: 20px;
+  height: 20px;
+  float: left;
+  position: relative;
+  margin: 8px;
+}

node_modules/derby-examples/sink/styles/base.styl

@@ -0,0 +1,16 @@
+@import "./reset";
+@import "nib/vendor";
+
+body {
+  padding: 2em;
+}
+h1 {
+  font-size: 2em;
+  margin-bottom: .5em;
+}
+p {
+  line-height: 2em;
+}
+* {
+  box-sizing: border-box
+}

node_modules/derby-examples/sink/styles/reset.styl

@@ -0,0 +1,21 @@
+body,h1,h2,h3,h4,th {
+  font: 13px/normal Arial,sans-serif;
+}
+body {
+  background: #fff;
+  color: #000;
+}
+body,fieldset,form,h1,h2,h3,h4,li,ol,p,td,th,ul {
+  margin: 0;
+  padding: 0;
+}
+ul {
+  margin: 0 normal;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+fieldset,img {
+  border: 0;
+}