RubyGems - blueberry_admin - Versions diffs - 0.1.1 - Mend

blueberry_admin 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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)