coreui-rails 0.2.6 → 1.0.1

data/{app → vendor}/assets/stylesheets/coreui/_progress.scss

@@ -8,7 +8,7 @@
 
 // White progress bar
 .progress-white {
-  background-color: rgba(255, 255, 255, .2);
+  background-color: rgba(255,255,255,.2) !important;
   .progress-bar {
     background-color: #fff;
   }

data/{app → vendor}/assets/stylesheets/coreui/_switches.scss

@@ -19,11 +19,11 @@
 @mixin switch($type, $width, $height, $font-size, $handle-margin) {
   position: relative;
   display: inline-block;
+  vertical-align: top;
   width: $width;
   height: $height;
-  vertical-align: top;
-  cursor: pointer;
   background-color: transparent;
+  cursor: pointer;
 
   .switch-input {
     position: absolute;
@@ -162,18 +162,18 @@
 
 @mixin switch-variant($color) {
   > .switch-input:checked ~ .switch-label {
-    background: $color;
-    border-color: darken($color, 10%);
+    background: $color !important;
+    border-color: darken($color,10%);
   }
 
   > .switch-input:checked ~ .switch-handle {
-    border-color: darken($color, 10%);
+    border-color: darken($color,10%);
   }
 }
 
 @mixin switch-outline-variant($color) {
   > .switch-input:checked ~ .switch-label {
-    background: #fff;
+    background: #fff !important;
     border-color: $color;
 
     &::after {
@@ -188,7 +188,7 @@
 
 @mixin switch-outline-alt-variant($color) {
   > .switch-input:checked ~ .switch-label {
-    background: #fff;
+    background: #fff !important;
     border-color: $color;
 
     &::after {
@@ -197,7 +197,7 @@
   }
 
   > .switch-input:checked ~ .switch-handle {
-    background: $color;
+    background: $color !important;
     border-color: $color;
   }
 }
@@ -255,33 +255,33 @@ $switch-icon-xs-height: 16px;
 $switch-icon-xs-font-size: 7px;
 
 .switch.switch-default {
-  @include switch("default", $switch-width, $switch-height, $switch-font-size, $handle-margin);
+  @include switch('default', $switch-width, $switch-height, $switch-font-size, $handle-margin);
 }
 
 .switch.switch-text {
-  @include switch("text", $switch-text-width, $switch-text-height, $switch-text-font-size, $handle-margin);
+  @include switch('text', $switch-text-width, $switch-text-height, $switch-text-font-size, $handle-margin);
 }
 
 .switch.switch-icon {
-  @include switch("icon", $switch-icon-width, $switch-icon-height, $switch-icon-font-size, $handle-margin);
+  @include switch('icon', $switch-icon-width, $switch-icon-height, $switch-icon-font-size, $handle-margin);
 }
 
 .switch.switch-3d {
-  @include switch("ddd", $switch-width, $switch-height, $switch-font-size, 0);
+  @include switch('ddd', $switch-width, $switch-height, $switch-font-size, 0);
 }
 
 //pills style
 .switch-pill {
   .switch-label,
   .switch-handle {
-    border-radius: 50em;
+    border-radius: 50em !important;
   }
 
   .switch-label::before {
-    right: 2px;
+    right: 2px !important;
   }
   .switch-label::after {
-    left: 2px;
+    left: 2px !important;
   }
 }
 

data/{app → vendor}/assets/stylesheets/coreui/_temp.scss

@@ -1,5 +1,3 @@
-// stylelint-disable
-
 .pagination-datatables, .pagination {
   li {
     @extend .page-item;

data/{app/assets/stylesheets/coreui/utilities → vendor/assets/stylesheets/coreui}/_typography.scss

@@ -3,7 +3,6 @@ body {
   -webkit-font-smoothing: antialiased;
 }
 
-// stylelint-disable
 .font-xs {
   font-size: .75rem !important;
 }
@@ -35,12 +34,3 @@ body {
 .font-5xl {
   font-size: 2.5rem !important;
 }
-
-.text-white .text-muted {
-  color: rgba(255, 255, 255, .6);
-}
-
-.text-value {
-  font-size: ($font-size-base * 1.5);
-  font-weight: $font-weight-bold;
-}

data/{app → vendor}/assets/stylesheets/coreui/_utilities.scss

@@ -1,4 +1,3 @@
 @import "utilities/background";
 @import "utilities/borders";
 @import "utilities/display";
-@import "utilities/typography";

data/{app → vendor}/assets/stylesheets/coreui/_variables.scss

@@ -1,67 +1,39 @@
-// CoreUI Variables
+// scss-lint:disable all
+// Core Admin Variables
 
-// stylelint-disable
 $enable-sidebar-nav-rounded:          false !default;
 
+$border-color:                        $gray-200 !default;
 $layout-transition-speed:             .25s !default;
 
 // Social Colors
 
-$facebook:       #3b5998 !default;
-$twitter:        #00aced !default;
-$linkedin:       #4875b4 !default;
-$google-plus:    #d34836 !default;
-$flickr:         #ff0084 !default;
-$tumblr:         #32506d !default;
-$xing:           #026466 !default;
-$github:         #4183c4 !default;
-$html5:          #e34f26 !default;
-$openid:         #f78c40 !default;
-$stack-overflow: #fe7a15 !default;
-$youtube:        #b00 !default;
-$css3:           #0170ba !default;
-$dribbble:       #ea4c89 !default;
-$google-plus:    #bb4b39 !default;
-$instagram:      #517fa4 !default;
-$pinterest:      #cb2027 !default;
-$vk:             #45668e !default;
-$yahoo:          #400191 !default;
-$behance:        #1769ff !default;
-$dropbox:        #007ee5 !default;
-$reddit:         #ff4500 !default;
-$spotify:        #7ab800 !default;
-$vine:           #00bf8f !default;
-$foursquare:     #1073af !default;
-$vimeo:          #aad450 !default;
-
-$brands-colors: () !default;
-$brands-colors: map-merge((
-  "facebook":       $facebook,
-  "twitter":        $twitter,
-  "linkedin":       $linkedin,
-  "google-plus":    $google-plus,
-  "flickr":         $flickr,
-  "tumblr":         $tumblr,
-  "xing":           $xing,
-  "github":         $github,
-  "html5":          $html5,
-  "openid":         $openid,
-  "stack-overflow": $stack-overflow,
-  "youtube":        $youtube,
-  "css3":           $css3,
-  "dribbble":       $dribbble,
-  "instagram":      $instagram,
-  "pinterest":      $pinterest,
-  "vk":             $vk,
-  "yahoo":          $yahoo,
-  "behance":        $behance,
-  "dropbox":        $dropbox,
-  "reddit":         $reddit,
-  "spotify":        $spotify,
-  "vine":           $vine,
-  "foursquare":     $foursquare,
-  "vimeo":          $vimeo
-), $brands-colors);
+$facebook:                            #3b5998 !default;
+$twitter:                             #00aced !default;
+$linkedin:                            #4875b4 !default;
+$google-plus:                         #d34836 !default;
+$flickr:                              #ff0084 !default;
+$tumblr:                              #32506d !default;
+$xing:                                #026466 !default;
+$github:                              #4183c4 !default;
+$html5:                               #e34f26 !default;
+$openid:                              #f78c40 !default;
+$stack-overflow:                      #fe7a15 !default;
+$youtube:                             #b00 !default;
+$css3:                                #0170ba !default;
+$dribbble:                            #ea4c89 !default;
+$google-plus:                         #bb4b39 !default;
+$instagram:                           #517fa4 !default;
+$pinterest:                           #cb2027 !default;
+$vk:                                  #45668e !default;
+$yahoo:                               #400191 !default;
+$behance:                             #1769ff !default;
+$dropbox:                             #007ee5 !default;
+$reddit:                              #ff4500 !default;
+$spotify:                             #7ab800 !default;
+$vine:                                #00bf8f !default;
+$foursquare:                          #1073af !default;
+$vimeo:                               #aad450 !default;
 
 // Navbar
 
@@ -76,6 +48,8 @@ $navbar-border: (
 )  !default;
 $navbar-brand-width:                  155px !default;
 $navbar-brand-bg:                     #fff !default;
+$navbar-brand-logo:                   image-url('logo.png') !default;
+$navbar-brand-logo-size:              70px auto !default;
 $navbar-brand-border: (
   bottom: (
     size:                             1px,
@@ -86,6 +60,8 @@ $navbar-brand-border: (
 
 $navbar-brand-minimized-width:        50px !default;
 $navbar-brand-minimized-bg:           $navbar-brand-bg !default;
+$navbar-brand-minimized-logo:         image-url('logo-symbol.png') !default;
+$navbar-brand-minimized-logo-size:    24px !default;
 $navbar-brand-minimized-border:       $navbar-brand-border !default;
 
 $navbar-color:                        $gray-600 !default;

data/{app/assets/stylesheets/coreui/_deprecated.scss → vendor/assets/stylesheets/coreui/_widgets.scss}

@@ -1,4 +1,89 @@
-// stylelint-disable
+// .social-box
+.social-box {
+  min-height: 160px;
+  margin-bottom: 2 * $card-spacer-y;
+  text-align: center;
+  background: #fff;
+  border: $card-border-width solid $card-border-color;
+  @include border-radius($card-border-radius);
+
+  i {
+    display: block;
+    margin: -1px -1px 0;
+    font-size: 40px;
+    line-height: 90px;
+    background: $gray-200;
+
+    @include border-radius($card-border-radius $card-border-radius 0 0);
+  }
+
+  .chart-wrapper {
+    height: 90px;
+    margin: -90px 0 0;
+
+    canvas {
+      width: 100% !important;
+      height: 90px !important;
+    }
+  }
+
+  ul {
+    padding: 10px 0;
+    list-style: none;
+
+
+    li {
+      display: block;
+      float: left;
+      width: 50%;
+
+      &:first-child {
+        border-right: 1px solid $border-color;
+      }
+
+      strong {
+        display: block;
+        font-size: 20px;
+      }
+
+      span {
+        font-size: 10px;
+        font-weight: 500;
+        color: $border-color;
+        text-transform: uppercase;
+      }
+    }
+  }
+
+  &.facebook {
+    i {
+      color: #fff;
+      background: $facebook;
+    }
+  }
+
+  &.twitter {
+    i {
+      color: #fff;
+      background: $twitter;
+    }
+  }
+
+  &.linkedin {
+    i {
+      color: #fff;
+      background: $linkedin;
+    }
+  }
+
+  &.google-plus {
+    i {
+      color: #fff;
+      background: $google-plus;
+    }
+  }
+}
+
 .horizontal-bars {
   padding: 0;
   margin: 0;
@@ -87,89 +172,82 @@
   }
 }
 
+.icons-list {
+  padding: 0;
+  margin: 0;
+  list-style: none;
 
-// .social-box
-.social-box {
-  min-height: 160px;
-  margin-bottom: 2 * $card-spacer-y;
-  text-align: center;
-  background: #fff;
-  border: $card-border-width solid $card-border-color;
-  @include border-radius($card-border-radius);
-
-  i {
-    display: block;
-    margin: -1px -1px 0;
-    font-size: 40px;
-    line-height: 90px;
-    background: $gray-200;
-
-    @include border-radius($card-border-radius $card-border-radius 0 0);
-  }
-
-  .chart-wrapper {
-    height: 90px;
-    margin: -90px 0 0;
-
-    canvas {
-      width: 100%;
-      height: 90px;
-    }
-  }
-
-  ul {
-    padding: 10px 0;
-    list-style: none;
-
+  li {
+    position: relative;
+    height: 40px;
+    vertical-align: middle;
 
-    li {
+    i {
       display: block;
       float: left;
-      width: 50%;
+      width: 35px !important;
+      height: 35px !important;
+      margin: 2px;
+      line-height: 35px !important;
+      text-align: center;
+    }
 
-      &:first-child {
-        border-right: 1px solid $border-color;
-      }
+    .desc {
+      height: 40px;
+      margin-left: 50px;
+      border-bottom: 1px solid $border-color;
 
-      strong {
+      .title {
+        padding: 2px 0 0;
+        margin: 0;
+      }
+      small {
         display: block;
-        font-size: 20px;
+        margin-top: -4px;
+        color: $text-muted;
       }
+    }
 
-      span {
-        font-size: 10px;
-        font-weight: 500;
-        color: $border-color;
-        text-transform: uppercase;
+    .value {
+      position: absolute;
+      top: 2px;
+      right: 45px;
+      text-align: right;
+
+      strong {
+        display: block;
+        margin-top: -3px;
       }
     }
-  }
 
-  &.facebook {
-    i {
-      color: #fff;
-      background: $facebook;
-    }
-  }
+    .actions {
+      position: absolute;
+      top: -4px;
+      right: 10px;
+      width: 40px;
+      height: 40px;
+      line-height: 40px;
+      text-align: center;
 
-  &.twitter {
-    i {
-      color: #fff;
-      background: $twitter;
+      i {
+        float: none;
+        width: auto;
+        height: auto;
+        padding: 0;
+        margin: 0;
+        line-height: normal;
+      }
     }
-  }
 
-  &.linkedin {
-    i {
-      color: #fff;
-      background: $linkedin;
-    }
-  }
+    &.divider {
+      height: 40px;
 
-  &.google-plus {
-    i {
-      color: #fff;
-      background: $google-plus;
+      i {
+        width: auto;
+        height: auto;
+        margin: 2px 0 0;
+        font-size: 18px;
+      }
     }
   }
 }