robeaux 0.3.0 → 0.4.0

data/less/app.less

@@ -1,21 +0,0 @@
-@import 'vendor/elements';
-@import 'vendor/semantic-grid';
-@import 'themes/default';
-@import 'support/mixins';
-
-/* Objects */
-@import 'objects/buttons';
-@import 'objects/connections';
-@import 'objects/device';
-@import 'objects/forms';
-@import 'objects/list';
-@import 'objects/nav';
-@import 'objects/robot';
-@import 'objects/themes';
-@import 'objects/widgets';
-
-/* Views */
-@import 'views/devices';
-@import 'views/robots';
-@import 'views/themes';
-@import 'views/widgets';

data/less/objects/buttons.less

@@ -1,32 +0,0 @@
-.btn {
-  .button-size(10px; 15px; 15px; 20px; 5px);
-  display: inline-block;
-  border: 0;
-  &:hover {
-    cursor: pointer;
-  }
-}
-
-.btn-big {
-  .button-size(15px; 30px; 15px; 15px; 5px);
-}
-
-.btn-robot {
-  .button-variant(@btn-robot-color; @btn-robot-background; @btn-robot-color);
-  text-transform: uppercase;
-}
-
-.btn-run, .btn-reset {
-  .button-variant(@btn-run-color; @btn-run-background; @btn-run-color);
-  text-transform: uppercase;
-}
-
-.btn-device, .btn-save {
-  .button-variant(@btn-device-color; @btn-device-background; @btn-device-color);
-  text-transform: uppercase;
-}
-
-.btn-connect {
-  .button-variant(@btn-connect-color; @btn-connect-background; @btn-connect-color);
-  text-transform: uppercase;
-}

data/less/objects/connections.less

@@ -1,28 +0,0 @@
-.connections {
-  .robot-devices {
-    .name {
-      display: inline-block;
-      margin-left: 20px;
-      font-weight: bold;
-    }
-
-    .details {
-      display: inline-block;
-      margin-left: 20px;
-      color: @color04;
-    }
-  }
-
-  .robot-connections {
-    .name {
-      display: inline-block;
-      margin-left: 20px;
-      color: @color04;
-    }
-
-    .details {
-      display: inline-block;
-      margin-left: 20px;
-    }
-  }
-}

data/less/objects/device.less

@@ -1,30 +0,0 @@
-.device-detail {
-  h2 {
-    text-align: center;
-  }
-
-  table {
-    margin-top: 15px;
-
-    th {
-      border-bottom: 1px solid #ccc;
-      line-height: 34px;
-    }
-
-    td {
-      font-family: @code-font-family;
-      padding: 3px;
-    }
-  }
-
-  .listeners {
-    margin-top: 0;
-  }
-  
-  .remove {
-    color: #f00;
-    &:hover {
-      cursor: pointer;
-    }
-  }
-}

data/less/objects/forms.less

@@ -1,29 +0,0 @@
-input[type="text"], select, textarea {
-  display: inline-block;
-  line-height: @line-height-base;
-  font-size: @body-font-size;
-  color: @body-text-color;
-  .form-control();
-  .form-control-focus(@input-border-color-focus);
-  box-sizing: border-box;
-}
-
-button {
-  outline: none;
-}
-
-button::-moz-focus-inner,
-input[type="reset"]::-moz-focus-inner,
-input[type="button"]::-moz-focus-inner,
-input[type="submit"]::-moz-focus-inner,
-input[type="file"] > input[type="button"]::-moz-focus-inner {
-  outline: none;
-}
-
-button:focus::-moz-focus-inner,
-input[type="reset"]:focus::-moz-focus-inner,
-input[type="button"]:focus::-moz-focus-inner,
-input[type="submit"]:focus::-moz-focus-inner,
-input[type="file"] > input[type="button"]:focus::-moz-focus-inner {
-  outline: none;
-}

data/less/objects/list.less

@@ -1,27 +0,0 @@
-.list {
-  margin-top: 20px;
-
-  .close {
-    float: right;
-    color: #ccc;
-    &:hover {
-      color: #f00;
-      cursor: pointer;
-    }
-  }
-
-  .theme, .widget {
-    display: block;
-    clear: both;
-    padding: 5px;
-    border-bottom: 1px dotted #ccc;
-
-    &:hover {
-      cursor: pointer;
-    }
-  }
-
-  .selected {
-    background: #eee;
-  }
-}

data/less/objects/nav.less

@@ -1,33 +0,0 @@
-
-nav {
-  background: @nav-background-color;
-  height: 70px;
-  margin-bottom: 20px;
-
-  .logo {
-    display: inline-block;
-    margin: 15px 15px 0 15px;
-  }
-
-  .links {
-    float: right;
-    margin-top: 15px;
-    a {
-      color: @nav-link-color;
-      text-decoration: none;
-      display: inline-block;
-      .button-size(10px; 15px; 15px; 20px; 2px);
-      &:hover {
-        color: @nav-link-color-hover;
-        text-decoration: none;
-      }
-    }
-
-    .active {
-      background: @nav-link-background-hover;
-      &:hover {
-        color: @nav-link-color;
-      }
-    }
-  }
-}

data/less/objects/robot.less

@@ -1,43 +0,0 @@
-.robot {
-  .container();
-
-  .details { 
-    float: right;
-    line-height: 43px;
-    span {
-      color: @connection-digits-color;
-      margin-left: 50px;
-    }
-
-    strong {
-      color: @body-text-color;
-      margin-right: 20px;
-    }
-  }
-
-  .name {
-    margin-left: 20px;
-  }
-
-  .commands {
-    .clearfix();
-
-    button {
-      display: block;
-      font-weight: bold;
-      margin-top: 15px;
-    }
-
-    table {
-      th {
-        border-bottom: 1px solid #ccc;
-        line-height: 34px;
-      }
-
-      td {
-        font-family: @code-font-family;
-        padding: 3px;
-      }
-    }
-  }
-}

data/less/objects/themes.less

@@ -1,18 +0,0 @@
-.themes {
-  .new-theme {
-    .clearfix();
-
-    input {
-      padding: 8px 12px;
-    }
-  }
-  
-  .footer {
-    display: block;
-    text-align: right;
-  }
-
-  .selector {
-    margin-top: 20px;
-  }
-}

data/less/objects/widgets.less

@@ -1,85 +0,0 @@
-.widgets {
-  .new-widget, .new-attr {
-    input {
-      padding: 8px 12px;
-    }
-  }
-
-  .new-attr {
-    padding-top: 15px;
-  }
-
-  .attrs {
-    padding-bottom: 20px;
-  }
-
-  .footer {
-    text-align: right;
-
-    .btn-reset {
-      margin-right: 10px;
-    }
-  }
-
-  .new-widget-instance {
-    position: fixed;
-    top: 0;
-    left: 0;
-    background-color: rgba(0,0,0,0.5);
-    z-index: 99;
-    overflow: hidden;
-  }
-
-  .panel {
-    background: @modal-bg-color;
-    padding: 6px;
-    .rounded(4px);
-    position: relative;
-    .drop-shadow(0, 0, 5px, 0.3);
-    overflow: hidden;
-
-    .panel-header, .panel-body, .panel-footer {
-      .clearfix();
-    }
-
-    .panel-header {
-      border-bottom: 1px solid #eaeaea;
-    }
-
-    .panel-footer {
-      border-top: 1px solid #eaeaea;
-      padding-top: 6px;
-      margin-top: 12px;
-      text-align: right;
-    }
-
-    .close {
-      position: absolute;
-      top: 4px;
-      right: 10px;
-      color: #ccc;
-      &:hover {
-        cursor: pointer;
-        color: #f00;
-      }
-    }
-
-    h2 {
-      margin: 0 0 15px 0;
-      text-align: center;
-    }
-
-    h3, label {
-      font-size: 14px;
-    }
-
-    select {
-      display: block;
-    }
-
-    .attr-element {
-      .clearfix();
-      margin-bottom: 10px;
-    }
-  }
-}

data/less/support/buttons.less

@@ -1,39 +0,0 @@
-.button-variant(@color; @background; @border) {
-  color: @color;
-  background-color: @background;
-  border-color: @border;
-
-  &:hover,
-  &:focus,
-  &:active,
-  &.active {
-    color: @color;
-    background-color: darken(@background, 10%);
-        border-color: darken(@border, 12%);
-  }
-
-  &:active,
-  &.active {
-    background-image: none;
-  }
-
-  &.disabled,
-  &[disabled],
-  fieldset[disabled] & {
-    &,
-    &:hover,
-    &:focus,
-    &:active,
-    &.active {
-      background-color: @background;
-          border-color: @border;
-    }
-  }
-}
-
-.button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
-  padding: @padding-vertical @padding-horizontal;
-  font-size: @font-size;
-  line-height: @line-height;
-  border-radius: @border-radius;
-}

data/less/support/container.less

@@ -1,9 +0,0 @@
-.container() {
-  .container-block();
-}
-
-.container-block() {
-  margin-left: auto;
-  margin-right: auto;
-  display: block;
-}

data/less/support/forms.less

@@ -1,18 +0,0 @@
-.form-control() {
-  padding: 6px 12px;
-  background-color: #fff;
-  background-image: none;
-  border: 1px solid #ccc;
-  .rounded(4px);
-  .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
-  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-}
-
-.form-control-focus(@color) {
-  @color-rgba: rgba(red(@color), green(@color), blue(@color), .6);
-  &:focus {
-    border-color: @color;
-    outline: 0;
-    .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}");
-  }
-}

data/less/support/mixins.less

@@ -1,3 +0,0 @@
-@import 'buttons';
-@import 'container';
-@import 'forms';

data/less/themes/blackboard.less

@@ -1,158 +0,0 @@
-/* Color Palette */
-@color01: #343434;
-@color02: #2C2C2C;
-@color03: #fff;
-@color04: #1cbcd8;
-@color05: #fff;
-@color06: #fff;
-
-/* Body Variables */ 
-@body-background-color: @color01;
-@body-text-color      : @color03;
-@body-font-family     : "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
-@body-font-size       : 15px;
-@line-height-base     : 1.428571429; // 20/14
-@line-height-computed : floor((@body-font-size * @line-height-base)); // ~20px
-
-/* Row */
-@row-background-color : @color01;
-
-/* Code Font */
-@code-font-family     : Inconsolata, monospace;
-
-/* Nav Variables */
-@nav-background-color      : @color02;
-@nav-link-color            : #fff;
-@nav-link-color-hover      : @color04;
-@nav-link-background       : @color03;
-@nav-link-background-hover : @color04;
-
-/* Buttons */
-@btn-robot-color        : @color01;
-@btn-robot-background   : @color04;
-@btn-run-color          : @color01;
-@btn-run-background     : #CA5252;
-@btn-device-color       : @color01;
-@btn-device-background  : #56d884;
-@btn-connect-color      : @color01;
-@btn-connect-background : #d8ca69;
-
-/* Forms */
-@input-border-color: #999;
-@input-border-color-focus: #fff;
-
-/* Connection Digits */
-@connection-digits-color: #fff;
-
-/* Widgets */
-@modal-bg-color: #4D4D4D;
-
-@import '../vendor/elements';
-@import '../support/mixins';
-
-body {
-  background-color: @body-background-color;
-  color: @body-text-color;
-}
-
-nav {
-  background: @nav-background-color;
-
-  .links a {
-    background: none;
-    padding: 8px 13px;
-    &.active {
-      background: none;
-      color: #fff;
-      border: 2px solid @color04;
-    }
-
-    &:hover {
-      color: @color04 !important;
-    }
-  }
-}
-
-.row {
-  border-top: 1px solid @color04;
-  padding-top: 25px;
-  padding-bottom: 25px;
-  width: 960px;
-  .container-block();
-
-  &:last-child {
-     border-bottom: 1px solid @color04;
-  }
-}
-
-.row-device {
-  border-top: none;
-  border-bottom: none !important;
-}
-
-.robot {
-  .details { 
-    span {
-      color: @connection-digits-color;
-    }
-
-    strong {
-      color: @color04;
-    }
-  }
-}
-
-.row {
-  background-color: @row-background-color;
-}
-
-.bullet-connections {
-  padding-left: 32px;
-  background: transparent url(../../images/bullet-connections.png) no-repeat left center;
-}
-
-.bullet-devices {
-  padding-left: 32px;
-  background: transparent url(../../images/bullet-devices.png) no-repeat left center;
-}
-
-.robot-devices {
-  background: transparent url(../../images/devices-image.png) no-repeat 21px center;
-  padding-left: 84px;
-}
-
-.btn-robot {
-  .button-variant(@btn-robot-color; @btn-robot-background; @btn-robot-color);
-}
-
-.btn-device, .btn-save {
-  .button-variant(@btn-device-color; @btn-device-background; @btn-device-color);
-}
-
-.btn-connect {
-  .button-variant(@btn-connect-color; @btn-connect-background; @btn-connect-color);
-}
-
-.btn-run, .btn-reset {
-  .button-variant(@btn-run-color; @btn-run-background; @btn-run-color);
-}
-
-input[type="text"], select, textarea {
-  color: @body-text-color;
-  background: @color01;
-  .form-control-focus(@input-border-color-focus);
-}
-
-.widgets {
-  .panel {
-    background: @modal-bg-color;
-
-    .panel-header {
-      border-bottom: 1px solid #666;
-    }
-
-    .panel-footer {
-      border-top: 1px solid #666;
-    }
-  }
-}