blueberry_admin 0.1.1

data/app/assets/stylesheets/blueberry_admin/components/_info-box.sass

@@ -0,0 +1,66 @@
+/*
+ * Component: Info Box
+ * -------------------
+ */
+.info-box
+  display: block
+  min-height: 90px
+  background: #fff
+  width: 100%
+  box-shadow: $box-boxshadow
+  @include border-radius-same(2px)
+  margin-bottom: 15px
+  small
+    font-size: 14px
+
+  .progress
+    background: rgba(0,0,0,.2)
+    margin: 5px -10px 5px -10px
+    height: 2px
+    &,
+    & .progress-bar
+      @include border-radius-same(0)
+
+    .progress-bar
+      background: #fff
+
+
+
+.info-box-icon
+  @include border-radius(2px, 0, 2px, 0)
+  display: block
+  float: left
+  height: 90px
+  width: 90px
+  text-align: center
+  font-size: 45px
+  line-height: 90px
+  background: rgba(0,0,0,0.2)
+
+.info-box-content
+  padding: 5px 10px
+  margin-left: 90px
+
+.info-box-number
+  display: block
+  font-weight: bold
+  font-size: 18px
+
+.progress-description,
+.info-box-text
+  display: block
+  font-size: 14px
+  white-space: nowrap
+  overflow: hidden
+  text-overflow: ellipsis
+
+.info-box-text
+  text-transform: uppercase
+
+.info-box-more
+  display: block
+
+
+.progress-description
+  margin: 0
+

data/app/assets/stylesheets/blueberry_admin/components/_labels.sass

@@ -0,0 +1,22 @@
+//
+// Labels
+// ---------------------------------
+
+.label-default
+  background-color: $gray
+  color: #444
+
+.label-danger
+  @extend .bg-red
+
+.label-info
+  @extend .bg-aqua
+
+.label-warning
+  @extend .bg-yellow
+
+.label-primary
+  @extend .bg-light-blue
+
+.label-success
+  @extend .bg-green

data/app/assets/stylesheets/blueberry_admin/components/_modal.sass

@@ -0,0 +1,73 @@
+/*
+ * Component: modal
+ * ----------------
+ */
+.modal
+  background: rgba(0,0,0,.3)
+
+.modal-content
+  @include border-radius-same(0)
+  @include box-shadow(0 2px 3px rgba(0,0,0,.125) !important)
+  border: 0
+  @media (min-width: $screen-sm-min)
+    @include box-shadow(0 2px 3px rgba(0,0,0,.125) !important)
+
+
+.modal-header
+  border-bottom-color: $box-border-color
+
+.modal-footer
+  border-top-color: $box-border-color
+
+
+//Modal variants
+.modal-primary
+  .modal-body
+    @extend .bg-light-blue
+
+  .modal-header,
+  .modal-footer
+    @extend .bg-light-blue-active
+    border-color: darken($light-blue, 10%)
+
+
+.modal-warning
+  .modal-body
+    @extend .bg-yellow
+
+  .modal-header,
+  .modal-footer
+    @extend .bg-yellow-active
+    border-color: darken($yellow, 10%)
+
+
+.modal-info
+  .modal-body
+    @extend .bg-aqua
+
+  .modal-header,
+  .modal-footer
+    @extend .bg-aqua-active
+    border-color: darken($aqua, 10%)
+
+
+.modal-success
+  .modal-body
+    @extend .bg-green
+
+  .modal-header,
+  .modal-footer
+    @extend .bg-green-active
+    border-color: darken($green, 10%)
+
+
+.modal-danger
+  .modal-body
+    @extend .bg-red
+
+  .modal-header,
+  .modal-footer
+    @extend .bg-red-active
+    border-color: darken($red, 10%)
+
+

data/app/assets/stylesheets/blueberry_admin/components/_navs.sass

@@ -0,0 +1,174 @@
+/*
+ * Component: Nav
+ * --------------
+ */
+
+.nav
+  > li > a:hover,
+    > li > a:active,
+    > li > a:focus
+    color: #444
+    background: #f7f7f7
+
+
+
+/* NAV PILLS */
+.nav-pills
+  > li > a
+    @include border-radius-same(0)
+    border-top: 3px solid transparent
+    color: #444
+    > .fa,
+    > .glyphicon,
+    > .ion
+      margin-right: 5px
+
+
+  > li.active > a,
+  > li.active > a:hover,
+    > li.active > a:focus
+    border-top-color: $light-blue
+
+  > li.active > a
+    font-weight: 600
+
+
+/* NAV STACKED */
+.nav-stacked
+  > li > a
+    @include border-radius-same(0)
+    border-top: 0
+    border-left: 3px solid transparent
+    color: #444
+
+  > li.active > a,
+  > li.active > a:hover
+    border-top: 0
+    border-left-color: $light-blue
+
+
+  > li.header
+    border-bottom: 1px solid #ddd
+    color: #777
+    margin-bottom: 10px
+    padding: 5px 10px
+    text-transform: uppercase
+
+
+
+/* NAV TABS */
+.nav-tabs-custom
+  margin-bottom: 20px
+  background: #fff
+  box-shadow: $box-boxshadow
+  border-radius: $box-border-radius
+  > .nav-tabs
+    margin: 0
+    border-bottom-color: #f4f4f4
+    @include border-top-radius($box-border-radius)
+    > li
+      border-top: 3px solid transparent
+      margin-bottom: -2px
+      > a
+        color: #444
+        @include border-radius-same(0 !important)
+        &,
+        &:hover
+          background: transparent
+          margin: 0
+
+        &:hover
+          color: #999
+
+
+      &:not(.active)
+        > a:hover,
+          > a:focus,
+          > a:active
+          border-color: transparent
+
+
+      margin-right: 5px
+
+
+    > li.active
+      border-top-color: $light-blue
+      & > a,
+      &:hover > a
+        background-color: #fff
+        color: #444
+
+      > a
+        border-top-color: transparent
+        border-left-color: #f4f4f4
+        border-right-color: #f4f4f4
+
+
+
+
+    > li:first-of-type
+      margin-left: 0
+      &.active
+        > a
+          border-left-color: transparent
+
+
+
+
+    //Pulled to the right
+    &.pull-right
+      float: none!important
+      > li
+        float: right
+
+      > li:first-of-type
+        margin-right: 0
+        > a
+          border-left-width: 1px
+
+        &.active
+          > a
+            border-left-color: #f4f4f4
+            border-right-color: transparent
+
+
+
+
+
+    > li.header
+      line-height: 35px
+      padding: 0 10px
+      font-size: 20px
+      color: #444
+      > .fa,
+      > .glyphicon,
+      > .ion
+        margin-right: 5px
+
+
+
+
+  > .tab-content
+    background: #fff
+    padding: 10px
+    @include border-bottom-radius($box-border-radius)
+
+
+  .dropdown.open > a
+    &:active,
+      &:focus
+      background: transparent
+      color: #999
+
+
+
+
+/* PAGINATION */
+.pagination
+  > li > a
+    background: #fafafa
+    color: #666
+    @include border-radius-same(0 !important)
+
+
+

data/app/assets/stylesheets/blueberry_admin/components/_products.sass

@@ -0,0 +1,57 @@
+/*
+ * Component: Products List
+ * ------------------------
+ */
+
+.product-list
+    margin: 0 0 20px
+    padding: 0
+    list-style: none
+    display: flex
+    flex-wrap: wrap
+
+.product-list__item
+  padding: 30px
+  margin-bottom: 30px
+  position: relative
+  width: 25%
+  border-right: 1px dashed $blue
+  +render-to($order-break-point)
+    width: 33.3333%
+
+  h3
+    margin-top: 0
+
+  .quantity
+    input
+      width: 100px
+
+  .wholesale-package,
+  .quantity,
+  .price
+    margin-bottom: 10px
+
+    strong
+      display: block
+
+  .form-inline .form-control
+    width: 60px
+
+  .btn
+    display: inline-block
+
+  .price--big
+    font-size: 18px
+
+    strong
+      font-size: 14px
+
+
+.product-list__item:nth-child(4n)
+  border-right: 1px dashed #ffffff
+  +render-to($order-break-point)
+    border-right: 1px dashed $blue
+
+.product-list__item:nth-child(3n)
+  +render-to($order-break-point)
+    border-right: 1px dashed #ffffff

data/app/assets/stylesheets/blueberry_admin/components/_progress-bars.sass

@@ -0,0 +1,107 @@
+/*
+ * Component: Progress Bar
+ * -----------------------
+ */
+
+//General CSS
+.progress,
+.progress > .progress-bar
+  @include box-shadow(none)
+  &, .progress-bar
+    @include border-radius-same($progress-bar-border-radius)
+
+
+
+/* size variation */
+.progress.sm,
+.progress-sm
+  height: 10px
+  &, .progress-bar
+    @include border-radius-same($progress-bar-sm-border-radius)
+
+
+.progress.xs,
+.progress-xs
+  height: 7px
+  &, .progress-bar
+    @include border-radius-same($progress-bar-xs-border-radius)
+
+
+.progress.xxs,
+.progress-xxs
+  height: 3px
+  &, .progress-bar
+    @include border-radius-same($progress-bar-xs-border-radius)
+
+
+/* Vertical bars */
+.progress.vertical
+  position: relative
+  width: 30px
+  height: 200px
+  display: inline-block
+  margin-right: 10px
+  > .progress-bar
+    width: 100%!important
+    position: absolute
+    bottom: 0
+
+
+  //Sizes
+  &.sm,
+  &.progress-sm
+    width: 20px
+
+
+  &.xs,
+  &.progress-xs
+    width: 10px
+
+  &.xxs,
+  &.progress-xxs
+    width: 3px
+
+
+
+//Progress Groups
+.progress-group
+  .progress-text
+    font-weight: 600
+
+  .progress-number
+    float: right
+
+
+
+/* Remove margins from progress bars when put in a table */
+.table
+  tr > td .progress
+    margin: 0
+
+
+
+// Variations
+// -------------------------
+.progress-bar-light-blue,
+.progress-bar-primary
+  @include progress-bar-variant($light-blue)
+
+.progress-bar-green,
+.progress-bar-success
+  @include progress-bar-variant($green)
+
+
+.progress-bar-aqua,
+.progress-bar-info
+  @include progress-bar-variant($aqua)
+
+
+.progress-bar-yellow,
+.progress-bar-warning
+  @include progress-bar-variant($yellow)
+
+
+.progress-bar-red,
+.progress-bar-danger
+  @include progress-bar-variant($red)
+