bootflat-rails 0.0.1 → 0.1.0

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

@@ -0,0 +1,76 @@
+// Variables
+//------------------------------------------------------
+$accordion-border-color:                       $lightgray-dark !default;
+
+$accordion-panel-font-color:                   $darkgray-dark !default;
+$accordion-panel-font-color-hover:             $mediumgray-dark !default;
+$accordion-panel-radius:                       4px !default;
+
+$accordion-panel-shadow:                       0 1px 2px rgba(0, 0, 0, .2) !default;
+
+$accordion-panel-background-color:             $white !default;
+
+
+
+// Exports
+//------------------------------------------------------
+
+@include exports("accordion") {
+
+  /**
+   * accordion
+   * --------------------------------------------------
+   */
+  .panel-group {
+    & .panel {
+      @include radius($type: border-radius, $value: 0);
+      background-color: transparent;
+      @include box-shadow($value: none);
+    }
+    & .panel+.panel {
+      margin-top: 0;
+    }
+    & .panel-heading {
+      padding: 0;
+      border-bottom-color: transparent;
+    }
+    & .panel-heading+.panel-collapse .panel-body {
+      padding: 15px 0;
+      border-top-color: transparent;
+    }
+    & .panel-title a {
+      padding: 10px 0;
+      display: block;
+    }
+  }
+  .panel-group-lists {
+    & .panel {
+      border-bottom: 1px solid $accordion-border-color;
+      background-color: $accordion-panel-background-color;
+      @include box-shadow($value: $accordion-panel-shadow);
+    }
+    & .panel:first-child {
+      @include radius($type: border-radius, $value: $accordion-panel-radius $accordion-panel-radius 0 0);
+    }
+    & .panel:last-child {
+      @include radius($type: border-radius, $value: 0 0 $accordion-panel-radius $accordion-panel-radius);
+      border-bottom: none;
+    }
+    & .panel-heading+.panel-collapse .panel-body {
+      padding: 15px;
+      border-top-color: $accordion-border-color;
+    }
+    & .panel-title a {
+      padding: 10px 15px;
+      color: $accordion-panel-font-color;
+    }
+    & .panel-title a:hover,
+    & .panel-title a:focus,
+    & .panel-title a:active {
+      color: $accordion-panel-font-color-hover;
+    }
+  }
+
+}
+
+

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

@@ -0,0 +1,75 @@
+// Variables
+//------------------------------------------------------
+$alert-primary:                 $aqua-light !default;
+$alert-success:                 $grass-light !default;
+$alert-danger:                  $grapefruit-light !default;
+$alert-warning:                 $sunflower-light !default;
+
+$alert-close-color:             $black !default;
+
+$alert-link-color:              $mediumgray-light !default;
+
+
+// Exports
+//------------------------------------------------------
+
+@include exports("alert") {
+
+  /**
+   * alert
+   * --------------------------------------------------
+   */
+  .alert {
+
+      & h4 {
+          margin-bottom: 10px;
+          font-weight: bold;
+      }
+
+      &-dismissable .close {
+          color: $alert-close-color;
+      }
+
+      @at-root &-info {
+          background-color: lighten($alert-primary, 10%);
+          border: $alert-primary;
+      }
+      @at-root &-warning {
+          background-color: lighten($alert-warning, 10%);
+          border: $alert-warning;
+      }
+      @at-root &-danger {
+          background-color: lighten($alert-danger, 10%);
+          border: $alert-danger;
+      }
+      @at-root &-success {
+          background-color: lighten($alert-success, 10%);
+          border: $alert-success;
+      }
+
+      @at-root & &-link {
+          cursor: pointer;
+          text-decoration: underline;
+          @include opacity($opacity: 65, $filter: true); 
+          &:hover,
+          &:focus {
+              @include opacity($opacity: 45, $filter: true);            
+          }
+      }
+
+      @at-root & .btn-link,
+      & .btn-link:hover,
+      & .btn-link:focus {
+          color: $alert-close-color;
+          @include opacity($opacity: 65, $filter: true);
+      }
+      @at-root & .btn-link:focus,
+      & .btn-link:hover {
+          text-decoration: none;
+          @include opacity($opacity: 40, $filter: true);        
+      }
+  }
+
+}
+
+

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

@@ -0,0 +1,121 @@
+// Variables
+//------------------------------------------------------
+$breadcrumb-font-color:                        $darkgray-dark !default;
+$breadcrumb-link-color:                        $aqua-dark !default;
+$breadcrumb-background-color:                  $lightgray-dark !default;
+
+$breadcrumb-arrow-radius:                      4px !default;
+$breadcrumb-arrow-font-color:                  $white !default;
+$breadcrumb-arrow-background-color:            $aqua-dark !default;
+$breadcrumb-arrow-background-color-hover:      $aqua-light !default;
+
+// Exports
+//------------------------------------------------------
+@include exports("breadcrumb") {
+
+  /**
+   * breadcrumb
+   * --------------------------------------------------
+   */
+  .breadcrumb {
+      color: $breadcrumb-font-color;
+      background-color: $breadcrumb-background-color;
+      & > .active {
+          color: $breadcrumb-font-color;
+      }
+      & a {
+          color: $breadcrumb-link-color;        
+      }
+  }
+
+  .breadcrumb-arrow {
+      padding: 0;
+      list-style: none;
+      background-color: $breadcrumb-background-color;
+      height: 36px;
+      line-height: 36px;
+
+      & li:first-child a {
+          @include radius($type: border-radius, $value: $breadcrumb-arrow-radius 0 0 $breadcrumb-arrow-radius);
+      }
+      & li,
+      & li a,
+      & li span{
+          display: inline-block;
+          vertical-align: top;
+      }
+      & li:not(:first-child) {
+          margin-left: -5px;
+      }
+      & li + li:before {
+          padding: 0;
+          content: "";
+      }
+      & li span {
+          padding: 0 10px;
+      }
+      & li a,
+      & li:not(:first-child) span {
+          padding: 0 10px 0 25px;
+          height: 36px;
+          line-height: 36px;
+      }
+      & li:first-child a {
+          padding: 0 10px;
+      }
+      & li a {
+          position: relative;
+          border: 1px solid $breadcrumb-arrow-background-color;
+          color: $breadcrumb-arrow-font-color;
+          background-color: $breadcrumb-arrow-background-color;
+          text-decoration: none;
+      }
+      & li:first-child a {
+          padding-left: 10px;
+      }
+      & li a:before,
+      & li a:after {
+          position: absolute;
+          top: -1px;
+          content: '';
+          width: 0;
+          height: 0;
+          border-top: 18px solid transparent;
+          border-bottom: 18px solid transparent;
+      }
+      & li a:before {
+          right: -10px;
+          border-left-width: 11px;
+          border-left-style: solid;
+          border-left-color: $breadcrumb-arrow-background-color;
+          z-index: 3;
+      }
+      & li a:after{
+          right: -11px;
+          border-left: 11px solid darken($breadcrumb-arrow-background-color, 10%);
+          z-index: 2;
+      }
+      & li a:hover,
+      & li a:focus {
+          background-color: $breadcrumb-arrow-background-color-hover;
+          border: 1px solid $breadcrumb-arrow-background-color-hover;
+      }
+      & li a:hover:before,
+      & li a:focus:before {
+          border-left-color: $breadcrumb-arrow-background-color-hover;
+      }
+      & li a:active {
+          background-color: darken($breadcrumb-arrow-background-color, 10%);
+          border: 1px solid darken($breadcrumb-arrow-background-color, 10%);
+      }
+      & li a:active:before,
+      & li a:active:after {
+          border-left-color: darken($breadcrumb-arrow-background-color, 10%);
+      }
+      & li span {
+          color: $breadcrumb-font-color;
+      }
+  }
+}
+
+

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

@@ -0,0 +1,205 @@
+// Variables
+//------------------------------------------------------
+$button-normal:                  $mediumgray-dark !default;
+$button-default:                 $white !default;
+$button-primary:                 $aqua-dark !default;
+$button-success:                 $grass-dark !default;
+$button-danger:                  $grapefruit-dark !default;
+$button-warning:                 $sunflower-dark !default;
+$button-info:                    $mint-dark !default;
+
+$button-normal-hover:            $mediumgray-light !default;
+$button-default-hover:           $button-default !default;
+$button-primary-hover:           $aqua-light !default;
+$button-success-hover:           $grass-light !default;
+$button-danger-hover:            $grapefruit-light !default;
+$button-warning-hover:           $sunflower-light !default;
+$button-info-hover:              $mint-light !default;
+
+$button-font-color-dark:         $darkgray-dark !default;
+$button-font-color-light:        $white !default;
+
+$button-opacity:                 45 !default;
+$button-shadow:                  inset 0 1px 2px rgba(0, 0, 0, .125) !default;
+
+// Exports
+//------------------------------------------------------
+
+@include exports("button") {
+
+  /**
+   * button
+   * --------------------------------------------------
+   */
+  .btn {
+    color: $button-font-color-light;
+
+    &,
+    &.disabled, 
+    &[disabled] {
+        border-color: $button-normal;
+        background-color: $button-normal;
+    }
+    &:hover,
+    &:focus,
+    &:active,
+    &.active {
+        color: $button-font-color-light;
+        border-color: $button-normal-hover;
+        background-color: $button-normal-hover; 
+        outline: none !important;     
+    }
+    &:active,
+    &.active {
+        @include box-shadow($value: $button-shadow);
+    }
+    &.disabled, 
+    &[disabled] {
+        @include opacity($opacity: $button-opacity, $filter: true);
+    }
+
+    @at-root &-link {
+      &,
+      &:hover, 
+      &:focus, 
+      &:active, 
+      &.active,
+      &.disabled,
+      &[disabled] {
+          border-color: transparent;
+          background-color: transparent;
+          color: $button-primary;
+          @include box-shadow($value: none);
+      }
+      &:hover, 
+      &:focus {
+          text-decoration: underline;
+      }
+    }
+
+    @at-root &-default {
+        color: $button-font-color-dark;
+        border-color: $button-normal !important; 
+
+        &:hover, 
+        &:focus,
+        &:active, 
+        &.active {
+            border-color: $button-normal-hover;
+            background-color: $button-normal-hover;           
+        } 
+        &,
+        &.disabled,
+        &[disabled] {
+            background-color: $button-default;
+        }
+    }
+    @at-root .open .dropdown-toggle.btn-default {
+        border-color: $button-normal-hover;
+        background-color: $button-normal-hover;      
+    }
+
+    @at-root &-primary {
+      &, 
+      &:active, 
+      &.active,
+      &.disabled,
+      &[disabled] {
+          border-color: $button-primary;
+          background-color: $button-primary;    
+      }
+      &:hover, 
+      &:focus {
+          border-color: $button-primary-hover;
+          background-color: $button-primary-hover;         
+      }
+    }
+    @at-root .open .dropdown-toggle.btn-primary {
+        border-color: $button-primary-hover;
+        background-color: $button-primary-hover;      
+    }
+
+    @at-root &-info {
+      &, 
+      &:active, 
+      &.active, 
+      &.disabled,
+      &[disabled] {
+          border-color: $button-info;
+          background-color: $button-info;    
+      }
+      &:hover, 
+      &:focus {
+          border-color: $button-info-hover;
+          background-color: $button-info-hover;           
+      }
+    }
+    @at-root .open .dropdown-toggle.btn-info {
+        border-color: $button-info-hover;
+        background-color: $button-info-hover;      
+    }
+
+    @at-root &-success {
+      &, 
+      &:active, 
+      &.active, 
+      &.disabled,
+      &[disabled] {
+          border-color: $button-success;
+          background-color: $button-success;    
+      }
+      &:hover, 
+      &:focus {
+          border-color: $button-success-hover;
+          background-color: $button-success-hover;           
+      }
+    }
+    @at-root .open .dropdown-toggle.btn-success {
+        border-color: $button-success-hover;
+        background-color: $button-success-hover;      
+    }
+
+    @at-root &-warning {
+      &, 
+      &:active, 
+      &.active, 
+      &.disabled,
+      &[disabled] {
+          border-color: $button-warning;
+          background-color: $button-warning;    
+      }
+      &:hover, 
+      &:focus {
+          border-color: $button-warning-hover;
+          background-color: $button-warning-hover;          
+      }
+    }
+    @at-root .open .dropdown-toggle.btn-warning {
+        border-color: $button-warning-hover;
+        background-color: $button-warning-hover;      
+    }
+
+    @at-root &-danger {
+      &, 
+      &:active, 
+      &.active, 
+      &.disabled,
+      &[disabled],
+      .open .dropdown-toggle.btn {
+          border-color: $button-danger;
+          background-color: $button-danger;    
+      }
+      &:hover, 
+      &:focus {
+          border-color: $button-danger-hover;
+          background-color: $button-danger-hover;           
+      }
+    }
+    @at-root .open .dropdown-toggle.btn-danger {
+        border-color: $button-danger-hover;
+        background-color: $button-danger-hover;      
+    }
+  }
+}
+
+