beetstrap 0.0.2

data/assets/stylesheets/beetstrap/_icons.scss

@@ -0,0 +1,241 @@
+@font-face {
+  font-family: 'ic-icons';
+  src: font-url('#{$ic-icon-font-path}ic-icons.eot');
+  src: font-url('#{$ic-icon-font-path}ic-icons.eot?#iefix') format('embedded-opentype'),
+       font-url('#{$ic-icon-font-path}ic-icons.woff') format('woff'),
+       font-url('#{$ic-icon-font-path}ic-icons.ttf') format('truetype'),
+       font-url('#{$ic-icon-font-path}ic-icons.svg#ic-icons') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+[data-icon]:before {
+  font-family: 'ic-icons' !important;
+  content: attr(data-icon);
+  font-style: normal !important;
+  font-weight: normal !important;
+  font-variant: normal !important;
+  text-transform: none !important;
+  speak: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+[class^='ic-icon-']:before,
+[class*=' ic-icon-']:before {
+  font-family: 'ic-icons' !important;
+  font-style: normal !important;
+  font-weight: normal !important;
+  font-variant: normal !important;
+  text-transform: none !important;
+  speak: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.ic-icon-x:before {
+  content: "b";
+}
+.ic-icon-info:before {
+  content: "d";
+}
+.ic-icon-lists-and-recipes:before {
+  content: "e";
+}
+.ic-icon-location-marker:before {
+  content: "f";
+}
+.ic-icon-logout:before {
+  content: "g";
+}
+.ic-icon-money:before {
+  content: "h";
+}
+.ic-icon-more:before {
+  content: "i";
+}
+.ic-icon-order-history:before {
+  content: "j";
+}
+.ic-icon-search:before {
+  content: "k";
+}
+.ic-icon-store:before {
+  content: "m";
+}
+.ic-icon-ticket:before {
+  content: "n";
+}
+.ic-icon-help:before {
+  content: "o";
+}
+.ic-icon-hamburger:before {
+  content: "q";
+}
+.ic-icon-arrow-up-small-bold:before {
+  content: "s";
+}
+.ic-icon-arrow-up-small:before {
+  content: "t";
+}
+.ic-icon-arrow-right-small-bold:before {
+  content: "u";
+}
+.ic-icon-arrow-right-small:before {
+  content: "v";
+}
+.ic-icon-arrow-left-small-bold:before {
+  content: "w";
+}
+.ic-icon-arrow-left-small:before {
+  content: "x";
+}
+.ic-icon-arrow-down-small-bold:before {
+  content: "y";
+}
+.ic-icon-arrow-down-small:before {
+  content: "z";
+}
+.ic-icon-account:before {
+  content: "A";
+}
+.ic-icon-cart:before {
+  content: "c";
+}
+.ic-icon-tip:before {
+  content: "B";
+}
+.ic-icon-clock:before {
+  content: "D";
+}
+.ic-icon-lock:before {
+  content: "E";
+}
+.ic-icon-gift:before {
+  content: "G";
+}
+.ic-icon-bell:before {
+  content: "K";
+}
+.ic-icon-alcohol:before {
+  content: "J";
+}
+.ic-icon-credit-card:before {
+  content: "r";
+}
+.ic-icon-pricing:before {
+  content: "C";
+}
+.ic-icon-pricing-filled:before {
+  content: "L";
+}
+.ic-icon-pricing-same:before {
+  content: "M";
+}
+.ic-icon-pricing-same-filled:before {
+  content: "N";
+}
+.ic-icon-loyalty-card:before {
+  content: "O";
+}
+.ic-icon-home:before {
+  content: "a";
+}
+.ic-icon-flag:before {
+  content: "F";
+}
+.ic-icon-picture:before {
+  content: "I";
+}
+.ic-icon-star:before {
+  content: "l";
+}
+.ic-icon-star-filled:before {
+  content: "H";
+}
+.ic-icon-arrow-right:before {
+  content: "P";
+}
+.ic-icon-receipt:before {
+  content: "Q";
+}
+.ic-icon-happy:before {
+  content: "p";
+}
+.ic-icon-plus:before {
+  content: "R";
+}
+.ic-icon-plus-bold:before {
+  content: "S";
+}
+.ic-icon-car:before {
+  content: "T";
+}
+.ic-icon-car-filled:before {
+  content: "U";
+}
+.ic-icon-email:before {
+  content: "V";
+}
+.ic-icon-email-filled:before {
+  content: "W";
+}
+.ic-icon-facebook-filled:before {
+  content: "X";
+}
+.ic-icon-office:before {
+  content: "Y";
+}
+.ic-icon-share-android-filled:before {
+  content: "Z";
+}
+.ic-icon-share-android:before {
+  content: "0";
+}
+.ic-icon-twitter-filled:before {
+  content: "1";
+}
+.ic-icon-tobacco:before {
+  content: "2";
+}
+.ic-icon-ticket-filled:before {
+  content: "3";
+}
+.ic-icon-bag:before {
+  content: "4";
+}
+.ic-icon-bag-filled:before {
+  content: "5";
+}
+.ic-icon-share-android-2:before {
+  content: "6";
+}
+.ic-icon-share-android-2-filled:before {
+  content: "7";
+}
+.ic-icon-check:before {
+  content: "8";
+}
+.ic-icon-check-bold:before {
+  content: "9";
+}
+.ic-icon-phone-filled:before {
+  content: "!";
+}
+.ic-icon-phone:before {
+  content: "\"";
+}
+.ic-icon-no-filled:before {
+  content: "#";
+}
+.ic-icon-no:before {
+  content: "$";
+}
+.ic-icon-message:before {
+  content: "%";
+}
+.ic-icon-message-filled:before {
+  content: "&";
+}

data/assets/stylesheets/beetstrap/_input-groups.scss

@@ -0,0 +1,166 @@
+//
+// Input groups
+// --------------------------------------------------
+
+// Base styles
+// -------------------------
+.input-group {
+  position: relative; // For dropdowns
+  display: table;
+  border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table
+
+  // Undo padding and float of grid classes
+  &[class*="col-"] {
+    float: none;
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  .form-control {
+    // Ensure that the input is always above the *appended* addon button for
+    // proper border colors.
+    position: relative;
+    z-index: 2;
+
+    // IE9 fubars the placeholder attribute in text inputs and the arrows on
+    // select elements in input groups. To fix it, we float the input. Details:
+    // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855
+    float: left;
+
+    width: 100%;
+    margin-bottom: 0;
+  }
+}
+
+// Sizing options
+//
+// Remix the default form control sizing classes into new ones for easier
+// manipulation.
+
+.input-group-lg > .form-control,
+.input-group-lg > .input-group-addon,
+.input-group-lg > .input-group-btn > .btn {
+  @extend .input-lg;
+}
+.input-group-sm > .form-control,
+.input-group-sm > .input-group-addon,
+.input-group-sm > .input-group-btn > .btn {
+  @extend .input-sm;
+}
+
+
+// Display as table-cell
+// -------------------------
+.input-group-addon,
+.input-group-btn,
+.input-group .form-control {
+  display: table-cell;
+
+  &:not(:first-child):not(:last-child) {
+    border-radius: 0;
+  }
+}
+// Addon and addon wrapper for buttons
+.input-group-addon,
+.input-group-btn {
+  width: 1%;
+  white-space: nowrap;
+  vertical-align: middle; // Match the inputs
+}
+
+// Text input groups
+// -------------------------
+.input-group-addon {
+  padding: $padding-base-vertical $padding-base-horizontal;
+  font-size: $font-size-base;
+  font-weight: normal;
+  line-height: 1;
+  color: $input-color;
+  text-align: center;
+  background-color: $input-group-addon-bg;
+  border: 1px solid $input-group-addon-border-color;
+  border-radius: $border-radius-base;
+
+  // Sizing
+  &.input-sm {
+    padding: $padding-small-vertical $padding-small-horizontal;
+    font-size: $font-size-small;
+    border-radius: $border-radius-small;
+  }
+  &.input-lg {
+    padding: $padding-large-vertical $padding-large-horizontal;
+    font-size: $font-size-large;
+    border-radius: $border-radius-large;
+  }
+
+  // Nuke default margins from checkboxes and radios to vertically center within.
+  input[type="radio"],
+  input[type="checkbox"] {
+    margin-top: 0;
+  }
+}
+
+// Reset rounded corners
+.input-group .form-control:first-child,
+.input-group-addon:first-child,
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .btn-group > .btn,
+.input-group-btn:first-child > .dropdown-toggle,
+.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
+  @include border-right-radius(0);
+}
+.input-group-addon:first-child {
+  border-right: 0;
+}
+.input-group .form-control:last-child,
+.input-group-addon:last-child,
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .btn-group > .btn,
+.input-group-btn:last-child > .dropdown-toggle,
+.input-group-btn:first-child > .btn:not(:first-child),
+.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
+  @include border-left-radius(0);
+}
+.input-group-addon:last-child {
+  border-left: 0;
+}
+
+// Button input groups
+// -------------------------
+.input-group-btn {
+  position: relative;
+  // Jankily prevent input button groups from wrapping with `white-space` and
+  // `font-size` in combination with `inline-block` on buttons.
+  font-size: 0;
+  white-space: nowrap;
+
+  // Negative margin for spacing, position for bringing hovered/focused/actived
+  // element above the siblings.
+  > .btn {
+    position: relative;
+    + .btn {
+      margin-left: -1px;
+    }
+    // Bring the "active" button to the front
+    &:hover,
+    &:focus,
+    &:active {
+      z-index: 2;
+    }
+  }
+
+  // Negative margin to only have a 1px border between the two
+  &:first-child {
+    > .btn,
+    > .btn-group {
+      margin-right: -1px;
+    }
+  }
+  &:last-child {
+    > .btn,
+    > .btn-group {
+      margin-left: -1px;
+    }
+  }
+}

data/assets/stylesheets/beetstrap/_labels.scss

@@ -0,0 +1,66 @@
+//
+// Labels
+// --------------------------------------------------
+
+.label {
+  display: inline;
+  padding: .2em .6em .3em;
+  font-size: 75%;
+  font-weight: bold;
+  line-height: 1;
+  color: $label-color;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: .25em;
+
+  // [converter] extracted a& to a.label
+
+  // Empty labels collapse automatically (not available in IE8)
+  &:empty {
+    display: none;
+  }
+
+  // Quick fix for labels in buttons
+  .btn & {
+    position: relative;
+    top: -1px;
+  }
+}
+
+// Add hover effects, but only for links
+a.label {
+  &:hover,
+  &:focus {
+    color: $label-link-hover-color;
+    text-decoration: none;
+    cursor: pointer;
+  }
+}
+
+// Colors
+// Contextual variations (linked labels get darker on :hover)
+
+.label-default {
+  @include label-variant($label-default-bg);
+}
+
+.label-primary {
+  @include label-variant($label-primary-bg);
+}
+
+.label-success {
+  @include label-variant($label-success-bg);
+}
+
+.label-info {
+  @include label-variant($label-info-bg);
+}
+
+.label-warning {
+  @include label-variant($label-warning-bg);
+}
+
+.label-danger {
+  @include label-variant($label-danger-bg);
+}

data/assets/stylesheets/beetstrap/_mixins.scss

@@ -0,0 +1,33 @@
+// Mixins
+// --------------------------------------------------
+
+// Utilities
+@import "mixins/hide-text";
+@import "mixins/opacity";
+@import "mixins/image";
+@import "mixins/labels";
+@import "mixins/reset-filter";
+@import "mixins/resize";
+@import "mixins/responsive-visibility";
+@import "mixins/size";
+@import "mixins/tab-focus";
+@import "mixins/text-emphasis";
+@import "mixins/text-overflow";
+@import "mixins/vendor-prefixes";
+
+// Components
+@import "mixins/buttons";
+@import "mixins/list-group";
+@import "mixins/forms";
+@import "mixins/table-row";
+
+// Skins
+@import "mixins/background-variant";
+@import "mixins/border-radius";
+@import "mixins/gradients";
+
+// Layout
+@import "mixins/clearfix";
+@import "mixins/center-block";
+@import "mixins/grid-framework";
+@import "mixins/grid";

data/assets/stylesheets/beetstrap/_modal.scss

@@ -0,0 +1,50 @@
+.Modal {
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  padding: 16px;
+  background-color: rgba(1,1,1,.6);
+  z-index: 1040;
+  overflow: auto;
+  display: none;
+}
+
+.Modal-inner {
+  padding: 30px;
+}
+
+.Modal-content {
+  position: relative;
+  background-color: #fff;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  border: 1px solid #999;
+  border: 1px solid rgba(0,0,0,.2);
+  border-radius: 6px;
+  outline: 0;
+  -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
+  box-shadow: 0 3px 9px rgba(0,0,0,.5);
+  margin: 0px auto;
+  @include transition(all, 0.7s, ease);
+  z-index: 1001;
+}
+
+.Modal-close {
+  color: #fff;
+  cursor: pointer;
+  font-size: 20px;
+  position: absolute;
+  right: -30px;
+  top: 3px;
+}
+
+.ModalHeader {
+  @include border-top-radius(4px);
+  padding: 30px;
+}
+
+.ModalBody {
+  padding: 30px;
+}

data/assets/stylesheets/beetstrap/_scaffolding.scss

@@ -0,0 +1,129 @@
+//
+// Scaffolding
+// --------------------------------------------------
+
+
+// Reset the box-sizing
+//
+// Heads up! This reset may cause conflicts with some third-party widgets.
+// For recommendations on resolving such conflicts, see
+// http://getbootstrap.com/getting-started/#third-box-sizing
+* {
+  @include box-sizing(border-box);
+}
+*:before,
+*:after {
+  @include box-sizing(border-box);
+}
+
+
+// Body reset
+
+html {
+  font-size: 10px;
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+
+body {
+  font-family: $font-family-base;
+  font-size: $font-size-base;
+  line-height: $line-height-base;
+  color: $text-color;
+  background-color: $body-bg;
+}
+
+// Reset fonts for relevant elements
+input,
+button,
+select,
+textarea {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+
+// Links
+
+a {
+  color: $link-color;
+  text-decoration: none;
+
+  &:hover,
+  &:focus {
+    color: $link-hover-color;
+    text-decoration: $link-hover-decoration;
+  }
+
+  &:focus {
+    @include tab-focus;
+  }
+}
+
+
+// Figures
+//
+// We reset this here because previously Normalize had no `figure` margins. This
+// ensures we don't break anyone's use of the element.
+
+figure {
+  margin: 0;
+}
+
+
+// Images
+
+img {
+  vertical-align: middle;
+}
+
+// Responsive images (ensure images don't scale beyond their parents)
+.img-responsive {
+  @include img-responsive;
+}
+
+// Rounded corners
+.img-rounded {
+  border-radius: $border-radius-large;
+}
+
+// Image thumbnails
+//
+// Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
+.img-thumbnail {
+  padding: $thumbnail-padding;
+  line-height: $line-height-base;
+  background-color: $thumbnail-bg;
+  border: 1px solid $thumbnail-border;
+  border-radius: $thumbnail-border-radius;
+  @include transition(all .2s ease-in-out);
+
+  // Keep them at most 100% wide
+  @include img-responsive(inline-block);
+}
+
+// Perfect circle
+.img-circle {
+  border-radius: 50%; // set radius in percents
+}
+
+
+// Horizontal rules
+
+hr {
+  margin-top:    $line-height-computed;
+  margin-bottom: $line-height-computed;
+  border: 0;
+  border-top: 1px solid $hr-border;
+}
+
+// iOS "clickable elements" fix for role="button"
+//
+// Fixes "clickability" issue (and more generally, the firing of events such as focus as well)
+// for traditionally non-focusable elements with role="button"
+// see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
+// Upstream patch for normalize.css submitted: https://github.com/necolas/normalize.css/pull/379 - remove this fix once that is merged
+
+[role="button"] {
+  cursor: pointer;
+}

data/assets/stylesheets/beetstrap/_topbar.scss

@@ -0,0 +1,20 @@
+.topbar,
+.Topbar {
+  z-index: $zIndex-5;
+  background-color: $color-green;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  border-bottom: 1px solid $color-green-light;
+}
+
+.topbar-inner,
+.Topbar-inner {
+  height: $height-topbar;
+}
+
+.Topbar--inverted {
+  background-color: #fff;
+  border-bottom: 1px solid $color-gray-light;
+}