bootflat-rails 0.0.1 → 0.1.0

data/vendor/assets/stylesheets/bootflat/_media_list.scss

@@ -0,0 +1,26 @@
+// Variables
+//------------------------------------------------------
+$media-list-font-color-head:                $darkgray-dark !default;
+$media-list-font-color-body:                $mediumgray-dark !default;
+
+
+// Exports
+//------------------------------------------------------
+
+@include exports("media-list") {
+
+  /**
+   * media list
+   * --------------------------------------------------
+   */
+  .media-list {
+    color: $media-list-font-color-body;
+    @at-root .media-heading {
+      font-size: 14px;
+      color: $media-list-font-color-head;
+    }
+  }
+
+}
+
+

data/vendor/assets/stylesheets/bootflat/_modal.scss

@@ -0,0 +1,39 @@
+// Variables
+//------------------------------------------------------
+$modal-font-color:            $darkgray-dark !default;
+
+$modal-radius:                4px;
+$modal-shadow:                0 1px 2px rgba(0, 0, 0, .2) !default;
+
+
+// Exports
+//------------------------------------------------------
+
+@include exports("modal") {
+
+  /**
+   * modal
+   * --------------------------------------------------
+   */
+
+  .modal {
+    &-content {
+      border: none;
+      @include radius($type: border-radius, $value: $modal-radius);
+      color: $modal-font-color; 
+      @include box-shadow($value: $modal-shadow);
+    }
+    &-header {
+      border-bottom: none;
+    }
+    &-body {
+      padding: 0 15px;
+    }
+    &-footer {
+      border-top: none;
+    }
+  }
+
+}
+
+

data/vendor/assets/stylesheets/bootflat/_navbar.scss

@@ -0,0 +1,213 @@
+// Variables
+//------------------------------------------------------
+$navbar-background-color:                    $mint-dark !default;
+$navbar-background-color-active:             $mint-light !default;
+
+$navbar-font-color:                          $white !default;
+$navbar-item-background-color-hover:         $navbar-background-color-active !default;
+
+$navbar-inverse-background-color:            $black !default;
+
+// Exports
+//------------------------------------------------------
+
+@include exports("navbar") {
+
+  /**
+   * navbar
+   * --------------------------------------------------
+   */
+
+  .navbar-default {
+      & {
+          background-color: $navbar-background-color;
+          border-color: $navbar-background-color;
+      }
+      & .navbar-brand,
+      & .navbar-link,
+      & .btn-link {
+          color: darken($navbar-background-color, 15%);
+      }
+      & .navbar-brand:hover,
+      & .navbar-brand:focus,
+      & .navbar-link:hover,
+      & .btn-link:hover,
+      & .btn-link:focus {
+          color: $navbar-font-color;
+          background-color: transparent;
+      }
+      & .navbar-text,
+      & .navbar-nav > li > a {
+          color: darken($navbar-background-color, 15%);
+      }
+      & .navbar-nav > li > a:hover,
+      & .navbar-nav > li > a:focus {
+          color: $navbar-font-color;
+      }
+      & .navbar-nav > .active > a,
+      & .navbar-nav > .active > a:hover,
+      & .navbar-nav > .active > a:focus {
+          color: $navbar-font-color;
+          background-color: $navbar-background-color-active;
+      }
+      & .btn-link[disabled]:hover,
+      fieldset[disabled] & .btn-link:hover,
+      & .btn-link[disabled]:focus,
+      fieldset[disabled] & .btn-link:focus,
+      & .navbar-nav > .disabled > a,
+      & .navbar-nav > .disabled > a:hover,
+      & .navbar-nav > .disabled > a:focus {
+          color: darken($navbar-background-color, 8%);
+          background-color: transparent;
+      }
+      & .navbar-toggle {
+          border-color: darken($navbar-background-color, 15%);
+          background-color: darken($navbar-background-color, 15%); 
+      }
+      & .navbar-toggle:hover,
+      & .navbar-toggle:focus {
+          border-color: darken($navbar-background-color, 10%);
+          background-color: darken($navbar-background-color, 10%); 
+      }
+      & .navbar-toggle .icon-bar {
+          background-color: $navbar-background-color;
+      }
+      & .navbar-collapse,
+      & .navbar-form {
+          border-color: $navbar-item-background-color-hover;
+      }
+      & .navbar-nav > .open > a,
+      & .navbar-nav > .open > a:hover,
+      & .navbar-nav > .open > a:focus {
+          color: $navbar-font-color;
+          background-color: $navbar-background-color;
+      }
+
+      @media (max-width: 767px) {
+          & .navbar-nav > li > a:hover,
+          & .navbar-nav > li > a:focus {
+              background-color: $navbar-background-color-active;
+          }
+          & .navbar-nav .open .dropdown-menu > .divider {
+              background-color: $navbar-item-background-color-hover;
+          }
+          & .navbar-nav .open .dropdown-menu > li > a {
+              color: darken($navbar-background-color, 15%);;
+          }
+          & .navbar-nav .open .dropdown-menu > li > a:hover,
+          & .navbar-nav .open .dropdown-menu > li > a:focus,
+          & .navbar-nav .open .dropdown-menu > .active > a,
+          & .navbar-nav .open .dropdown-menu > .active > a:hover,
+          & .navbar-nav .open .dropdown-menu > .active > a:focus {
+              color: $navbar-font-color;
+              background-color: $navbar-item-background-color-hover;
+          }
+          & .navbar-nav .open .dropdown-menu > .dropdown-header {
+              color: darken($navbar-background-color, 15%);
+          }
+          & .navbar-nav .open .dropdown-menu > .disabled > a,
+          & .navbar-nav .open .dropdown-menu > .disabled > a:hover,
+          & .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+              color: darken($navbar-background-color, 10%);
+          }
+      }
+  }
+
+  .navbar-inverse {
+      & {
+          background-color: lighten($navbar-inverse-background-color, 20%);
+          border-color: lighten($navbar-inverse-background-color, 20%);
+      }
+      & .navbar-brand,
+      & .navbar-link,
+      & .btn-link {
+          color: lighten($navbar-inverse-background-color, 55%);
+      }
+      & .navbar-brand:hover,
+      & .navbar-brand:focus,
+      & .navbar-link:hover,
+      & .btn-link:hover,
+      & .btn-link:focus {
+          color: $navbar-font-color;
+          background-color: transparent;
+      }
+      & .navbar-text,
+      & .navbar-nav > li > a {
+          color: lighten($navbar-inverse-background-color, 55%);
+      }
+      & .navbar-nav > li > a:hover,
+      & .navbar-nav > li > a:focus {
+          color: $navbar-font-color;
+      }
+      & .navbar-nav > .active > a,
+      & .navbar-nav > .active > a:hover,
+      & .navbar-nav > .active > a:focus {
+          color: $navbar-font-color;
+          background-color: $navbar-inverse-background-color;
+      }
+      & .btn-link[disabled]:hover,
+      fieldset[disabled] & .btn-link:hover,
+      & .btn-link[disabled]:focus,
+      fieldset[disabled] & .btn-link:focus,
+      & .navbar-nav > .disabled > a,
+      & .navbar-nav > .disabled > a:hover,
+      & .navbar-nav > .disabled > a:focus {
+          color: lighten($navbar-inverse-background-color, 40%);
+          background-color: transparent;
+      }
+      & .navbar-toggle {
+          border-color: $navbar-inverse-background-color;
+          background-color: $navbar-inverse-background-color; 
+      }
+      & .navbar-toggle:hover,
+      & .navbar-toggle:focus {
+          border-color: lighten($navbar-inverse-background-color, 10%);
+          background-color: lighten($navbar-inverse-background-color, 10%); 
+      }
+      & .navbar-toggle .icon-bar {
+          background-color: lighten($navbar-inverse-background-color, 55%);
+      }
+      & .navbar-collapse,
+      & .navbar-form {
+          border-color: $navbar-inverse-background-color;
+      }
+      & .navbar-nav > .open > a,
+      & .navbar-nav > .open > a:hover,
+      & .navbar-nav > .open > a:focus {
+          color: $navbar-font-color;
+          background-color: $navbar-inverse-background-color;
+      }
+
+      @media (max-width: 767px) {
+          & .navbar-nav > li > a:hover,
+          & .navbar-nav > li > a:focus {
+              background-color: $navbar-inverse-background-color;
+          }
+          & .navbar-nav .open .dropdown-menu > .divider {
+              background-color: $navbar-inverse-background-color;
+          }
+          & .navbar-nav .open .dropdown-menu > li > a {
+              color: lighten($navbar-inverse-background-color, 55%);
+          }
+          & .navbar-nav .open .dropdown-menu > li > a:hover,
+          & .navbar-nav .open .dropdown-menu > li > a:focus,
+          & .navbar-nav .open .dropdown-menu > .active > a,
+          & .navbar-nav .open .dropdown-menu > .active > a:hover,
+          & .navbar-nav .open .dropdown-menu > .active > a:focus {
+              color: $navbar-font-color;
+              background-color: $navbar-inverse-background-color;
+          }
+          & .navbar-nav .open .dropdown-menu > .dropdown-header {
+              color: lighten($navbar-inverse-background-color, 75%);
+          }
+          & .navbar-nav .open .dropdown-menu > .disabled > a,
+          & .navbar-nav .open .dropdown-menu > .disabled > a:hover,
+          & .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+              color: lighten($navbar-inverse-background-color, 40%);
+          }
+      }
+  }
+
+}
+
+

data/vendor/assets/stylesheets/bootflat/_pager.scss

@@ -0,0 +1,42 @@
+// Variables
+//------------------------------------------------------
+$paper-background-color:                  $grass-dark !default;
+$paper-background-color-hover:            $grass-light !default;
+
+$paper-font-color:                        $white !default;
+$paper-font-color-disabled:               $lightgray-dark !default;
+
+// Exports
+//------------------------------------------------------
+
+@include exports("pager") {
+
+  /**
+   * pager
+   * --------------------------------------------------
+   */
+  .pager {
+
+    & li > a,
+    & li > span {
+      color: $paper-font-color;
+      background-color: $paper-background-color;
+      border-color: $paper-background-color;
+    }
+    & li > a:hover,
+    & li > a:focus {
+      background-color: $paper-background-color-hover;
+      border-color: $paper-background-color-hover; 
+    }
+    & .disabled > a,
+    & .disabled > a:hover,
+    & .disabled > a:focus,
+    & .disabled > span {
+      color: $paper-font-color-disabled;
+      background-color: $paper-font-color;
+      border-color: $paper-font-color-disabled;
+    }
+  }
+}
+
+

data/vendor/assets/stylesheets/bootflat/_pagination.scss

@@ -0,0 +1,59 @@
+// Variables
+//------------------------------------------------------
+$pagination-background-color:                  $white !default;
+$pagination-background-color-hover:            $mediumgray-light !default;
+$pagination-background-color-active:           $grass-dark !default;
+
+$pagination-font-color:                        $darkgray-dark !default;
+$pagination-font-color-hover:                  $white !default;
+$pagination-font-color-disabled:               $lightgray-dark !default;
+
+// Exports
+//------------------------------------------------------
+
+@include exports("pagination") {
+
+  /**
+   * pagination
+   * --------------------------------------------------
+   */
+  .pagination {
+
+    & > li > a,
+    & > li > span {
+      color: $pagination-font-color;
+      background-color: $pagination-background-color;
+      border-color: $pagination-background-color-hover;
+    }
+    & > li > a:hover,
+    & > li > span:hover,
+    & > li > a:focus,
+    & > li > span:focus {
+      color: $pagination-font-color-hover;
+      background-color: $pagination-background-color-hover;
+      border-color: $pagination-background-color-hover;
+    }
+    & > .active > a,
+    & > .active > span,
+    & > .active > a:hover,
+    & > .active > span:hover,
+    & > .active > a:focus,
+    & > .active > span:focus {
+      color: $pagination-font-color-hover;
+      background-color: $pagination-background-color-active;
+      border-color: $pagination-background-color-active;
+    }
+    & > .disabled > span,
+    & > .disabled > span:hover,
+    & > .disabled > span:focus,
+    & > .disabled > a,
+    & > .disabled > a:hover,
+    & > .disabled > a:focus {
+      color: $pagination-font-color-disabled;
+      background-color: $pagination-background-color;
+      border-color: $pagination-background-color-hover;
+    }
+  }
+}
+
+

data/vendor/assets/stylesheets/bootflat/_panel.scss

@@ -0,0 +1,169 @@
+// Variables
+//------------------------------------------------------
+$panel-normal:                  $lightgray-dark !default;
+$panel-default:                 $white !default;
+$panel-primary:                 $aqua-dark !default;
+$panel-success:                 $grass-dark !default;
+$panel-danger:                  $grapefruit-dark !default;
+$panel-warning:                 $sunflower-dark !default;
+$panel-info:                    $mint-dark !default;
+
+$panel-font-color:              $darkgray-dark !default;
+
+$panel-background-color:        $white !default;
+$panel-shadow:                  0 1px 2px rgba(0, 0, 0, .2) !default;
+$panel-radius:                  4px !default;
+
+
+// Exports
+//------------------------------------------------------
+
+@include exports("panel") {
+
+  /**
+   * panel
+   * --------------------------------------------------
+   */
+  .panel {
+    background-color: $panel-background-color;
+    border: none;
+    @include radius($type: border-radius, $value: $panel-radius); 
+    @include box-shadow($value: $panel-shadow);
+
+    & .list-group {
+      @include box-shadow($value: none);    
+    }
+    & .list-group-item:first-child {
+      border-top: 1px solid $panel-normal;
+    }
+
+    &-heading {
+      @include radius($type: border-radius, $value: $panel-radius $panel-radius 0 0); 
+    }
+    &-title {
+      font-size: 14px;
+      color: $panel-font-color;
+      font-weight: normal;
+    }
+    &-footer {
+      background-color: $panel-normal;
+      border-top-color: $panel-normal;
+      @include radius($type: border-radius, $value: 0 0 $panel-radius $panel-radius); 
+    }
+
+    @at-root &-default {
+      border-color: $panel-normal;
+      & > .panel-heading {
+        color: $panel-font-color;
+        background-color: $panel-normal;
+        border-color: $panel-normal;
+      }
+    }
+    @at-root &-primary {
+      border-color: $panel-primary;
+      & > .panel-heading {
+        color: $panel-default;
+        background-color: $panel-primary;
+        border-color: $panel-primary;
+      }
+    }
+    @at-root &-success {
+      border-color: $panel-success;
+      & > .panel-heading {
+        color: $panel-default;
+        background-color: $panel-success;
+        border-color: $panel-success;
+      }
+    }
+    @at-root &-info {
+      border-color: $panel-info;
+      & > .panel-heading {
+        color: $panel-default;
+        background-color: $panel-info;
+        border-color: $panel-info;
+      }
+    }
+    @at-root &-warning {
+      border-color: $panel-warning;
+      & > .panel-heading {
+        color: $panel-default;
+        background-color: $panel-warning;
+        border-color: $panel-warning;
+      }
+    }
+    @at-root &-danger {
+      border-color: $panel-danger;
+      & > .panel-heading {
+        color: $panel-default;
+        background-color: $panel-danger;
+        border-color: $panel-danger;
+      }
+    }
+
+    @at-root &-primary > &-heading > &-title,
+    &-success > &-heading > &-title,
+    &-info > &-heading > &-title,
+    &-warning > &-heading > &-title,
+    &-danger > &-heading > &-title {
+      color: $panel-default;
+    }
+
+    & > .list-group:first-child .list-group-item:first-child,
+    & > .table:first-child,
+    & > .table-responsive:first-child > .table:first-child {
+      @include radius($type: border-radius, $value: $panel-radius $panel-radius 0 0); 
+    }
+    & > .list-group:last-child .list-group-item:last-child {
+      @include radius($type: border-radius, $value: 0 0 $panel-radius $panel-radius); 
+    }
+    & > .table:first-child > thead:first-child > tr:first-child td:first-child,
+    & > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
+    & > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+    & > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+    & > .table:first-child > thead:first-child > tr:first-child th:first-child,
+    & > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
+    & > .table:first-child > tbody:first-child > tr:first-child th:first-child,
+    & > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
+     @include radius($type: border-radius, $value: $panel-radius 0 0 0);
+    }
+    & > .table:first-child > thead:first-child > tr:first-child td:last-child,
+    & > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
+    & > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+    & > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+    & > .table:first-child > thead:first-child > tr:first-child th:last-child,
+    & > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
+    & > .table:first-child > tbody:first-child > tr:first-child th:last-child,
+    & > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
+      @include radius($type: border-radius, $value: 0 $panel-radius 0 0);
+    }
+    & > .table:last-child,
+    & > .table-responsive:last-child > .table:last-child {
+      @include radius($type: border-radius, $value: 0 0 $panel-radius $panel-radius);
+    }
+    & > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+    & > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+    & > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+    & > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+    & > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+    & > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+    & > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
+    & > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
+      @include radius($type: border-radius, $value: 0 0 0 $panel-radius);
+    }
+    & > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+    & > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+    & > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+    & > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+    & > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+    & > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+    & > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
+    & > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
+      @include radius($type: border-radius, $value: 0 0 $panel-radius 0);
+    }
+    & > &-body + .table,
+    & > &-body + .table-responsive {
+      border-top-color: $panel-normal;
+    }
+  }
+
+}