blueberry_admin 0.1.1

data/app/assets/stylesheets/blueberry_admin/skins/_skin-aerotec.sass

@@ -0,0 +1,14 @@
+//
+// Skin: Aerotec
+// ---------------------------------
+
+.skin-aerotec
+
+  .sidebar
+    background: $brand-client
+
+  .sidebar-menu
+    > li
+      > a
+        &:hover
+          background: darken($brand-client, 5%)

data/app/assets/stylesheets/blueberry_admin/utils/functions.sass

@@ -0,0 +1,23 @@
+@function getNumber($string)
+  $strings: "0" "1" "2" "3" "4" "5" "6" "7" "8" "9"
+  $numbers: 0 1 2 3 4 5 6 7 8 9
+  $result: 0
+
+  @for $i from 1 through str-length($string)
+    $character: str-slice($string, $i, $i)
+    $index: index($strings, $character)
+
+    @if $index
+      $number: nth($numbers, $index)
+      $result: $result * 10 + $number
+
+  @return $result
+
+// calculate rem size from pixel size
+@function rem($px)
+  $default: getNumber(inspect($font-size-base))
+  @return $px / $default * 1rem
+
+// calculate em size from pixel size
+@function em($px, $parent: getNumber(inspect($font-size-base)))
+  @return $px / $parent * 1em

data/app/assets/stylesheets/blueberry_admin/utils/make-columns.sass

@@ -0,0 +1,67 @@
+$sizes: ("0": 0,"1": 1, "2": 2, "3": 3, "4": 4, "5": 5, "6": 6, "7": 7, "8": 8, "9": 9, "10": 10, "11": 11, "12": 12)
+
+@function to-number($value)
+  @if type-of($value) == 'number'
+    @return $value
+  @else if type-of($value) != 'string'
+    $_: log('Value for `to-number` should be a number or a string.')
+
+  $result: 0
+  $digits: 0
+  $minus: str-slice($value, 1, 1) == '-'
+  $numbers: ('0': 0, '1': 1, '2': 2, '3': 3, '4': 4, '5': 5, '6': 6, '7': 7, '8': 8, '9': 9)
+
+  @for $i from if($minus, 2, 1) through str-length($value)
+    $character: str-slice($value, $i, $i)
+
+    @if not (index(map-keys($numbers), $character) or $character == '.')
+      @return to-length(if($minus, -$result, $result), str-slice($value, $i))
+
+    @if $character == '.'
+      $digits: 1
+    @else if $digits == 0
+      $result: $result * 10 + map-get($numbers, $character)
+    @else
+      $digits: $digits * 10
+      $result: $result + map-get($numbers, $character) / $digits
+
+  @return if($minus, -$result, $result)
+
+@function getsize($args, $i)
+  $needle: str-slice(nth($args, $i), 3, str-length(nth($args, $i)))
+
+  @if map-has-key($sizes, $needle)
+    @return map-get($sizes, $needle)
+  @else
+    @return to-number($needle)
+
+=make-columns($args...)
+  @for $i from 1 through length($args)
+    $type: str-slice(nth($args, $i), 1, 2)
+    $size: getsize($args, $i)
+
+    @if $type == 'xs'
+      +make-xs-column($size)
+    @if $type == 'ms'
+      +make-ms-column($size)
+    @if $type == 'sm'
+      +make-sm-column($size)
+    @if $type == 'md'
+      +make-md-column($size)
+    @if $type == 'lg'
+      +make-lg-column($size)
+
+=make-offsets($args...)
+  @for $i from 1 through length($args)
+    $type: str-slice(nth($args, $i), 1, 2)
+    $size: map-get($sizes, str-slice(nth($args, $i), 3, str-length(nth($args, $i))))
+    @if $type == 'xs'
+      +make-xs-column-offset($size)
+    @if $type == 'ms'
+      +make-ms-column-offset($size)
+    @if $type == 'sm'
+      +make-sm-column-offset($size)
+    @if $type == 'md'
+      +make-md-column-offset($size)
+    @if $type == 'lg'
+      +make-lg-column-offset($size)

data/app/assets/stylesheets/blueberry_admin/utils/mixins-origin.sass

@@ -0,0 +1,291 @@
+//AdminLTE mixins
+//===============
+
+//Changes the color and the hovering properties of the navbar
+@mixin navbar-variant($color, $font-color: rgba(255, 255, 255, 0.8), $hover-color: #f6f6f6, $hover-bg: rgba(0, 0, 0, 0.1))
+  background-color: $color
+  //Navbar links
+  .nav > li > a
+    color: $font-color
+
+
+  .nav > li > a:hover,
+    .nav > li > a:active,
+    .nav > li > a:focus,
+    .nav .open > a,
+    .nav .open > a:hover,
+    .nav .open > a:focus
+    background: $hover-bg
+    color: $hover-color
+
+
+  //Add color to the sidebar toggle button
+  .sidebar-toggle
+    color: $font-color
+    &:hover
+      color: $hover-color
+      background: $hover-bg
+
+
+
+
+//Logo color variation
+@mixin logo-variant($bg-color, $color: #fff, $border-bottom-color: transparent, $border-bottom-width: 0px)
+  background-color: $bg-color
+  color: $color
+  border-bottom: $border-bottom-width solid $border-bottom-color
+
+  &:hover
+    background-color: darken($bg-color, 1%)
+
+
+
+//Box solid color variantion creator
+@mixin box-solid-variant($color, $text-color: #fff)
+  border: 1px solid $color
+  > .box-header
+    color: $text-color
+    background: $color
+    background-color: $color
+    a,
+    .btn
+      color: $text-color
+
+
+
+
+//Direct Chat Variant
+@mixin direct-chat-variant($bg-color, $color: #fff)
+  .right > .direct-chat-text
+    background: $bg-color
+    border-color: $bg-color
+    color: $color
+    &:after,
+      &:before
+      border-left-color: $bg-color
+
+
+
+
+//border radius creator
+@mixin border-radius-same($radius)
+  border-radius: $radius
+
+//Different radius each side
+@mixin border-radius($top-left, $top-right, $bottom-left, $bottom-right)
+  border-top-left-radius: $top-left
+  border-top-right-radius: $top-right
+  border-bottom-right-radius: $bottom-right
+  border-bottom-left-radius: $bottom-left
+
+
+//Gradient background
+@mixin gradient($color: #F5F5F5, $start: #EEE, $stop: #FFF)
+  background: $color
+  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, $start), color-stop(1, $stop))
+  background: -ms-linear-gradient(bottom, $start, $stop)
+  background: -moz-linear-gradient(center bottom, $start 0%, $stop 100%)
+  background: -o-linear-gradient($stop, $start)
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ie-hex-str($stop)', endColorstr='#ie-hex-str($start)', GradientType=0) // IE9 and down
+
+
+//Added 2.1.0
+//Skins Mixins
+
+//Dark Sidebar Mixin
+@mixin skin-dark-sidebar($link-hover-border-color)
+  // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)
+  .wrapper,
+  .main-sidebar,
+  .left-side
+    background-color: $sidebar-dark-bg
+
+  //User Panel (resides in the sidebar)
+  .user-panel
+    > .info, > .info > a
+      color: #fff
+
+
+  //Sidebar Menu. First level links
+  .sidebar-menu > li
+    //Section Headning
+    &.header
+      color: lighten($sidebar-dark-bg, 20%)
+      background: darken($sidebar-dark-bg, 4%)
+
+    //links
+    > a
+      border-left: 3px solid transparent
+
+    //Hover and active states
+    &:hover > a, &.active > a
+      color: $sidebar-dark-hover-color
+      background: $sidebar-dark-hover-bg
+      border-left-color: $link-hover-border-color
+
+    //First Level Submenu
+    > .treeview-menu
+      margin: 0 1px
+      background: $sidebar-dark-submenu-bg
+
+
+  //All links within the sidebar menu
+  .sidebar a
+    color: $sidebar-dark-color
+    &:hover
+      text-decoration: none
+
+
+  //All submenus
+  .treeview-menu
+    > li
+      > a
+        color: $sidebar-dark-submenu-color
+
+      &.active > a, > a:hover
+        color: $sidebar-dark-submenu-hover-color
+
+
+
+  //The sidebar search form
+  .sidebar-form
+    @include border-radius-same(3px)
+    border: 1px solid lighten($sidebar-dark-bg, 10%)
+    margin: 10px 10px
+    input[type="text"], .btn
+      box-shadow: none
+      background-color: lighten($sidebar-dark-bg, 10%)
+      border: 1px solid transparent
+      height: 35px
+      @include transition(all $transition-speed $transition-fn)
+
+    input[type="text"]
+      color: #666
+      @include border-radius(2px !important, 0 !important, 2px !important, 0 !important)
+      &:focus, &:focus + .input-group-btn .btn
+        background-color: #fff
+        color: #666
+
+      &:focus + .input-group-btn .btn
+        border-left-color: #fff
+
+
+    .btn
+      color: #999
+      @include border-radius(0 !important, 2px !important, 0 !important, 2px !important)
+
+
+
+
+//Light Sidebar Mixin
+@mixin skin-light-sidebar($icon-active-color)
+  // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)
+  .wrapper,
+  .main-sidebar,
+  .left-side
+    background-color: $sidebar-light-bg
+
+  .content-wrapper,
+  .main-footer
+    border-left: 1px solid $gray
+
+  //User Panel (resides in the sidebar)
+  .user-panel
+    > .info, > .info > a
+      color: $sidebar-light-color
+
+
+  //Sidebar Menu. First level links
+  .sidebar-menu > li
+    @include transition(border-left-color .3s ease)
+    //border-left: 3px solid transparent
+    //Section Headning
+    &.header
+      color: lighten($sidebar-light-color, 25%)
+      background: $sidebar-light-bg
+
+    //links
+    > a
+      border-left: 3px solid transparent
+      font-weight: 600
+
+    //Hover and active states
+    &:hover > a,
+      &.active > a
+      color: $sidebar-light-hover-color
+      background: $sidebar-light-hover-bg
+
+    &:hover > a
+
+
+    &.active
+      border-left-color: $icon-active-color
+      > a
+        font-weight: 600
+
+
+    //First Level Submenu
+    > .treeview-menu
+      background: $sidebar-light-submenu-bg
+
+
+  //All links within the sidebar menu
+  .sidebar a
+    color: $sidebar-light-color
+    &:hover
+      text-decoration: none
+
+
+  //All submenus
+  .treeview-menu
+    > li
+      > a
+        color: $sidebar-light-submenu-color
+
+      &.active > a,
+      > a:hover
+        color: $sidebar-light-submenu-hover-color
+
+      &.active > a
+        font-weight: 600
+
+
+
+  //The sidebar search form
+  .sidebar-form
+    @include border-radius-same(3px)
+    border: 1px solid $gray//darken($sidebar-light-bg, 5%)
+    margin: 10px 10px
+    input[type="text"],
+    .btn
+      box-shadow: none
+      background-color: #fff//darken($sidebar-light-bg, 3%)
+      border: 1px solid transparent
+      height: 35px
+      @include transition(all $transition-speed $transition-fn)
+
+    input[type="text"]
+      color: #666
+      @include border-radius(2px !important, 0 !important, 2px !important, 0 !important)
+      &:focus,
+        &:focus + .input-group-btn .btn
+        background-color: #fff
+        color: #666
+
+      &:focus + .input-group-btn .btn
+        border-left-color: #fff
+
+
+    .btn
+      color: #999
+      @include border-radius(0 !important, 2px !important, 0 !important, 2px !important)
+
+
+  @media(min-width: $screen-sm-min)
+    &.sidebar-mini.sidebar-collapse
+      .sidebar-menu > li > .treeview-menu
+        border-left: 1px solid $gray
+
+
+
+

data/app/assets/stylesheets/blueberry_admin/utils/mixins.sass

@@ -0,0 +1,24 @@
+=centered($args...)
+  position: absolute
+  left: 50%
+  top: 50%
+  transform: translateX(-50%) translateY(-50%)
+
+=antialiasing($type:antialiased)
+  -webkit-font-smoothing: $type
+  font-smoothing: $type
+  font-smooth: always
+
+=pos($x, $y)
+  position: absolute
+  top: $x
+  left: $y
+
+=display-flex
+  display: flex
+  flex-wrap: wrap
+  align-items: flex-end
+  justify-content: flex-start
+  &:after,
+  &:before
+    display: none

data/app/assets/stylesheets/blueberry_admin/utils/render-to.sass

@@ -0,0 +1,27 @@
+$xs: "(max-width: #{$screen-xs-max-new})"
+$ms: "(min-width: #{$screen-ms-min}) and (max-width: #{$screen-ms-max})"
+$sm: "(min-width: #{$screen-sm-min}) and (max-width: #{$screen-sm-max})"
+$md: "(min-width: #{$screen-md-min}) and (max-width: #{$screen-md-max})"
+$lg: "(min-width: #{$screen-lg-min})"
+
+=render-to($type...)
+  @if $type == "xs"
+  @for $i from 1 through length($type)
+    @if nth($type, $i) == xs
+      @media #{$xs}
+        @content
+    @else if nth($type, $i) == sm
+      @media #{$sm}
+        @content
+    @else if nth($type, $i) == ms
+      @media #{$ms}
+        @content
+    @else if nth($type, $i) == md
+      @media #{$md}
+        @content
+    @else if nth($type, $i) == lg
+      @media #{$lg}
+        @content
+    @else
+      @media (max-width: $type)
+        @content